web前端开发发展前景，前端开发学习方法

背景

我18年本科毕业，年前已有换工作想法，一直没有付诸行动，疫情爆发后回到老家，年后开始找工作，对于自己水平不是很清楚，之前找工作一直都挺顺利的。大学毕业没有留在实习单位继续做前端开发，那时候三大框架已经开始流行了，实习公司用的还是jquery。回老家学了一个月的车和vue、小程序后，凭着自学做的项目找了一周工作入职第一家公司。面试经验比较少，想着多面面看看对方公司的反馈。年前还没开始准备就面了腾讯，终止于二面，所以说还是要好好复习再面大厂。

面的岗位以两三年为主，虽然我是1.5年经验，但有的岗位年限要求没那么严格也可以试试，尤其写的优秀者可放宽年限要求。面了四五家，有上市公司，也有小公司，都是远程面试。

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使用

计算机网络

• HTTP 缓存

• 你知道 302 状态码是什么嘛？你平时浏览网页的过程中遇到过哪些 302 的场景？

• HTTP 常用的请求方式，区别和用途？

• HTTPS 是什么？具体流程

• 三次握手和四次挥手

• 你对 TCP 滑动窗口有了解嘛？

• WebSocket与Ajax的区别

• 了解 WebSocket 嘛？

• HTTP 如何实现长连接？在什么时候会超时？

• TCP 如何保证有效传输及拥塞控制原理。

• TCP 协议怎么保证可靠的，UDP 为什么不可靠？

[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](()

算法

• 链表

• 字符串

• 数组问题

• 二叉树

• 排序算法

• 二分查找

• 动态规划

• BFS

• 栈

• DFS

• 回溯算法