大前端快速入门
代码哈士奇 188 2

博主要去安心考研了 奥力给 学习路线 一般 HTML5基础->css3->js+es6->jquery->ajax>bootstrap->vue.js/React/AngularJS 学习路线 vue HTML5基础->css3->js+es6->->nodejs->webpack->vue.js 学习路线uni-app 移动端/微信小程序 HTML5基础->css3->js+es6->vue.js->uni-app->uniCloud 进阶 学习 webpack CDN 桌面端开发 electron 另外http协议也要了解

组件库element vue2.x组件库https://element.eleme.cn/#/zh-CN vue3.x组件库https://element-plus.gitee.io/#/zh-CN react组件库https://elemefe.github.io/element-react/#/zh-CN/quick-start

菜鸟HTML教程https://www.runoob.com/html/html5-intro.html 菜鸟JS教程https://www.runoob.com/js/js-tutorial.html 菜鸟es6教程https://www.runoob.com/w3cnote/es6-tutorial.html 菜鸟nodejs教程https://www.runoob.com/nodejs/nodejs-tutorial.html 菜鸟css教程https://www.runoob.com/css3/css3-tutorial.html 菜鸟json教程https://www.runoob.com/json/json-tutorial.html vue3文档https://www.vue3js.cn/ vue2文档https://cn.vuejs.org/v2/guide/ 菜鸟bootstrap4https://www.runoob.com/bootstrap4/bootstrap4-tutorial.html 菜鸟React教程https://www.runoob.com/react/react-tutorial.html 菜鸟AngularJS教程https://www.runoob.com/angularjs/angularjs-tutorial.html 菜鸟vue教程https://www.runoob.com/vue2/vue-tutorial.html 菜鸟ajax教程https://www.runoob.com/ajax/ajax-tutorial.html webpack(资源管理打包)官网https://www.webpackjs.com/ electron桌面端开发官网https://www.electronjs.org/ 超牛逼动效https://animate.style[https://animate.style/](https://animate.style/) axios中文文档http://www.axios-js.com/


这是博主自己写的 也算是笔记 如果有错误还请指正

在侧边可以看到以下文章 如果没看到 会跳转csdn

HTML入门

1.开发工具选择

2.认识HTML文件

3.div块级元素

4.css

5.组件化思想

6.设计软件以及总结



JS入门

1.让网页动起来的js

2.声明和操作变量

3.认识Symbol、Map、 Set

4.对象

5.函数

6.异步编程



VUE2快速入门

1.安装vue以及搭建第一个vue项目

2.添加页面和简单路由拦截

3.数据声明和绑定使用

4.组件基础用法

5.组件进阶与插槽

6.实例property(重点)



VUE3快速入门

1.创建项目



云开发uniCloud+uni-app

1.服务空间创建以及部署一个云函数

2.云存储基础

3.云数据库基础

4.本机手机号一键登录以及第三方登陆

5.练习之整合百度ai图像识别SDK



uni-app小程序开发

项目体验

1.准备工作

2.选题

3.页面跳转以及底部选项

4.前后端编写,交互,百度图像识别接入

5.再次开发前端

6.部署到服务器以及小程序上线



vue数据可视化---整合echarts

1.vue简单数据可视化---结合echarts实现柱状图



腾讯位置服务使用

uniapp(vue通用)整合腾讯位置服务SDK

位置服务分类专栏



练习一 vue疫情地图(使用了ehcarts+element)

代码未优化 练手项目 如果优化 请每2-4行写成一个函数 嵌套使用

1.实现世界疫情地图(点击进入子地图)

2.疫情大屏数据展示+数据导出+地图图片下载



练习二 爬虫播放器(vue3)

代码未优化 练手项目 如果优化 请每2-4行写成一个函数 嵌套使用

1.搭建项目

2.寻找qq音乐接口

3.页面布局

4.功能实现



练习三 情人节特辑 uni-app+uniCloud

1.送给女朋友的情人节礼物---超贴心小程序

2.七夕到了!不会写代码?一样可以给女朋友建个网站

3.uniCloud使用云函数每天定时向女朋友发送邮件推送天气

4.uniCloud使用云开发每天定时向女朋友发送短信



更多

小说阅读器 超市数据管理系统 会在代码优化后再发 爬虫案例学习平台应该很快了 专心考研了 文章更新会变慢 非常抱歉

github 仓库地址 https://github.com/dmhsq

欢迎访问博客 代码哈士奇 csdn代码哈士奇 技术 聊天 交流群 974178910 前端交流群 535620886

预览图
评论区

索引目录