前端未来的一些想法，如何成长

1. 跳槽为了什么：自我实现
2. 发展的路径：

三个方向：

• 1. 前端架构师：技术 -》 技术总监
• 2. 前端经理 ：管理 -》总监 /CTO
• 3. 另类的是 自己创建一个圈子门派

3. 前端的价值：交换价值（针对公司的价值，不是个人能力）
4. 工作不是一分钱一分货
5. 公司培养不了，自发学习 (想上班有学习时间，又想下班只顾着玩，世界上没有这好事)
6. 35岁危机

js基础

1. 红宝书 ， es6书

js进阶

js执行原理
你不知道的javascript三本书

从用户输入url 到vue项目显示，发生了什么？

1. 域名 通过 DNS 解析IP
2. 浏览器与服务的建立TCP连接，发送请求
3. 后端接受请求，读取数据库，通过接口返回给浏览器
4. 前端接受接口数据， html css json 等信息。
5. 浏览器开始解析。

• html -> dom
• css -> css tree
• dom + css tree -> rending tree
• 渲染页面

6. 执行js

性能优化

1. 从输入url到页面显示，发生了什么东西 （需要缩短页面显示的时间，你要做哪些性能的优化）
2. 文件加载更快

• 缓存，DNS，TCP
• webpack打包文件名为啥要 _hash.js？
  答：1.资源有可能在CDN上会有缓存，
  2. 有可能html先更新了，但是对应的资源还是老的，或者html更新了，资源没更新。先后顺序问题。
  • 打包压缩
  • 负载均衡

3.代码执行更快

• vue或react优化
• 虚拟滚动
• SSR

4. 工程化
5. 框架使用(进阶)
6. react框架原理

• react虚拟dom怎么执行(树的遍历和diff)
• react16和15的虚拟dom架构区别，fiber作用
• react16的hooks是如何执行，react事件系统和浏览器的事件系统区别
• react-router 原理
• react怎么实现ssr
• ant-design + ant-design pro有没有看过源码。
• redux生态 （redux react-redux redux-saga，dva ，umi）
• fiber 和 虚拟dom有什么区别
  fiber 是吧整个虚拟dom 树，变成一个链表指向，diff过程中可以随时中断。元素
  第一个子元素 - > 兄弟元素 -> 兄弟元素

7. vue框架原理
   • 组件化 + elementUI 源码

• vue和 vue3 源码
• vue1响应式如何实现
• vue2里面的虚拟dom 是如何实现diff 计算对比？比vue1好在哪里？
• vue的虚拟dom 和 react虚拟dom区别？
• vuex vue-router 原理

8. 计算机基础

• 算法与数据结构
• 网络协议 TCP
• 编译原理
• 设计模式
• 简单的linux

如何准备面试

简历

• 不写小学拿过三好学生，不写会vue html css ，这些都是应该会的。不写精通
  • 只写亮点，亮点，亮点
• 文本用markdown生成pdf ，不用word

目标公司

天眼查，脉脉，知乎

面试题

提前刷一下，平时日常就应该多看。

面试一分钟 ，台下十年功。

1. 手写常见的源码
   • promise
   • 防抖节流
   • eventbus
   • 路由
2. 组件化 Vue/React
3. 框架源码 全家桶
4. 性能优化
   • 缓存

• 代码执行
• 性能监控
  5.算法与数据结构
  6.工程化 babel / webpack
  7.项目

刻意练习

面试造火箭，上班拧螺丝。

公司需要你造火箭的时候，你能顶上。

如何描述自己的项目亮点

1. 做过明星项目 开源项目
2. 项目的技术栈和细节
3. 源码深度
4. 优化，性能，体验，极客
5. 填坑 修复问题
6. 成长

学习好基础，是为了更好的学习框架。

1. vue react 虚拟dom利用的是 树 结构
2. 浏览器解析网页时，是dom树
3. vue里面的v-if 是怎么执行的

找工作的前提需要自己有亮点。没有亮点需要修炼。

主动在公司内部组织分享源码。

为什么要学习源码

1. 面试需要
2. 架构师，资深前端
   • 做一些更高端和通用的事情
   • 组件化，架构
   • 源码里，有大量的最佳实现
3. 资深前端
   • 经验丰富
   • 视野更高

• 解决诡异的bug能力
• 架构设计
  vue react jquery nodejs

跳槽的自问自答：

当前：
1.谁可以帮我：可以利用的资源
2.我是谁：有什么优势
3.缺少什么：技术技能，管理能力
4.给当前公司的价值：在公司的作用，主要贡献

目标
1.让雇主知道我：简历，影响力
2.让雇主相信我：项目，内推
3.目标公司要什么：JD分析
4.加入目标公司我要付出什么
5.加入目标公司我能得到什么：收入，自我实现，价值

前端架构具备的能力指南：

大厂思维

• web安全实战
• 算法与数据结构
• 前端架构师体系构建
• 前端自动化测试
• javascript设计模式
• 面试技巧

广度

• 小程序+云开发
• flutter实战
• 微信公众号
• ReactNative实战
• webpack工程化
• Docker不熟全栈应用

深度

• Vue.js 全家桶源码
• 手写Egg.js. mvc框架
• webpack原理
• react16全家桶源码
• 小程序云开发实现支付
• 手写常见框架源码

实战

• Vue全家桶企业级实战
• Node.js 项目实战
• my-cli脚手架开发
• react全家桶企业级实战
• Mysql&& mongodb
• Typescript