大前端快速入门

博主要去安心考研了 案例给
学习路线 一般 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.stylehttps://animate.style/
axios中文文档http://www.axios-js.com/


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

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实现柱状图



练习一 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

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

上一篇:Android总结篇系列:Android 权限


下一篇:python中的基本数据类型