开头
Web前端开发基础知识学习路线分享,前端开发入门学习三大基础:HTML、CSS、JavaScript。除此之外还要学习数据可视化、Vue、React、Angular相关框架,熟练运用框架提升开发效率,提升稳定性。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4htI8DXE-1622805366440)(//upload-images.jianshu.io/upload_images/23082890-b561553d82597393.jpg?imageMogr2/auto-orient/strip|imageView2/2/w/771/format/webp)]
3)javascript初阶
- 变量和运算符
- 逻辑控制
- 数据类型基础
- Math类
- 函数
- 定时器
- Array类
- String类
- Date类
- Object类
4)JavaScript进阶
- JavaScript DOM基础
- this
- 事件
- 事件流
- JavaScript BOM 基础
- call&apply&bind
- 自定义属性
- 面向对象编程
5)ES6/7/8/9
- ECMAScript6简介
- let和const
- ES6+的作用域
- 对象的扩展
- 函数的扩展
- 字符串的扩展
- Symbol
- Set&Map
- Promise对象
- async&awiat
- 箭头函数
- 模板字符串
- rest参数
- Class
- Module模块
6)JavaScript高阶
- 闭包
- 立即执行函数
- 惰性函数
- 插件开发
- 多人协作
- 深复制与浅复制
- 数组扁平化
- 递归
- 正则表达式全解
- 函数防抖
- 函数节流
7)HTML5
- HTML5简介
- HTML5新语法
- HTML5新语义化标签
- HTML5新表单元素属性
- HTML5手机端新事件处理
- HTML5新增多媒体实战
- Canvas
- HTML5地理组件GeoLocation
8)CSS3
- CSS3新增属性
- 圆角制作企业级方案
- CSS3背景属性
- 过渡动画 transition
- 变化属性 transform
- 特效轮播图实战
- 企业级flex布局实战
- grid布局实战
03、第三个阶段,前端核心技术
1)bootstrap
- 响应式
- 媒体查询
- 栅格系统
- 栅格参数
- 组合模式
- 列偏移/列排序/自动列
- 列对齐/列嵌套
- 文本与颜色
- 按钮
- 导航
- 图文混排
- 模态框
- 轮播图
- 企业级案例讲解
2)移动端
- 移动端简介
- 移动端视口约束
- 移动端flex移动端实践
- rem
- vw
3)Ajax
- AJAX简介
- AJAX作用
- 封装AJAX
- 创建XMLhttpRquest对象
- 同步和异步
- AJAX分页
4)jQuery
- jQuery介绍
- jQuery链式语法
- jQuery选择器
- jQuery核心
- jQuery工具
- jQuery事件
- jQuery事件对象
- jQuery特效
- jQuery回调函数
- jQuery文档处理
- jQuery筛选
- jQuery属性
- jQueryCSS
5)Echarts
- Echarts概述
- Echarts使用
- 坐标系
- 雷达图/饼状图/折线图
04、第四个阶段,前端进阶升级
1)Webpack
- Webpack的安装和使用
- 项目模块打包
- 静态打包模块器
- Webpack入口
- Webpack输出
- Webpack插件
- webpack模块
2)vue
- Vue使用
- Vue响应式
- Vue双向数据绑定
- Vue相关指令
- vue-resource
- axios
- template选项
- Vue生命周期
- Vue组件
- 自定义指令
- 过滤器
- computed属性
- Vue-cli 2.x和3.x 脚手架配置
- Vue-router
- Vuex
- Element UI
3)微信小程序
- uni-app
- mpvue
- 微信小程序注册
- APPID申请
- 生命周期
- 小程序调试
- 微信小程序框架组件
- 微信小程序布局框架
- 微信小程序条件渲染和列表渲染
- 媒体组件audio
- 视图容器
- 网络api
- 相机api
- 地图api
4)数据结构和算法
- uniapp基础
- uniapp初始化配置
- uniapp视图模板使用
- uniapp生命周期
- uniapp路由跳转
- uniapp常用组件
- uniappScrollView的使用
- uniapp-ui使用
- uniapp-Vuex使用
最后的最后
面试题千万不要死记,一定要自己理解,用自己的方式表达出来,在这里预祝各位成功拿下自己心仪的offer。
需要完整面试题的朋友可以点击蓝色字体免费获取
😕/docs.qq.com/doc/DSmRnRGxvUkxTREhO)**
[外链图片转存中…(img-gKKd8QZ3-1622805366443)]
[外链图片转存中…(img-tsfiHvPt-1622805366445)]
[外链图片转存中…(img-l78glrYL-1622805366447)]
[外链图片转存中…(img-gj36gt3k-1622805366449)]