个人提升计划

面试

• 面试

HTML/CSS 篇

• 常见布局及居中（水平、垂直、栅格）

• HTML5 新特性

• CSS3 新特性、动画实现方式以及它们之间的区别

• flex 布局

• grid 布局

• 盒模型

• BFC

JS 篇

• javascript 的执行过程

• 执行上下文、作用域、作用域链、this、闭包

• 原型链

• new 原理

• typeof、instanceof 原理

• 继承

• 垃圾回收机制概述

• 垃圾回收机制详解

• 事件循环

• promise

• 迭代器、生成器

• async、await

• 事件模型

• 设计模式

• 模块化，commonJS，es6，cmd，amd

• 组件化

• 函数式编程，函数柯里化

• js 常见 API 函数

网络篇

• HTTP 发展背景、历程

• OSI 七层协议（TCP/UDP）

• HTTPS

• HTTP2

• HTTP 状态码

• 网络安全

• Session、Cookie

• 缓存

• 跨域

• CDN 及 DNS

• 输入 url 到页面展示的过程

移动篇

• 自适应（rem、vh、vw）

• H5 与原生的交互原理（jsBridge）、webview

• 兼容性

• PWA

• 小程序

浏览器

• webkit 基础知识

• 浏览器渲染原理

• 重绘重排重合成

• 进程和线程

工程化

• webpack 打包原理，热更新原理

• webpack plugins 跟 loader

• babel 原理，AST 原理

• rollup

• 脚手架

• 前端监控

• 前端性能调试，优化

• CI/CD

node 篇

• node 特性

• 多进程、cluster、child process

• pm2 的原理、进程守护、日志等

• koa/express 的特性及中间件的原理

• express、koa，两者区别

• nginx 的简单配置，反向代理实现，转发实现，如何实现负载均衡的、日志

• 数据库、负载均衡、高并发

算法篇

• 常见数据结构：栈、堆、队列、链表、集合、字典、散列集

• 常见算法：递归、排序、枚举

• 算法复杂度分析（常见的要记住）

• 算法思维：分治、贪心、动态规划

• 高级数据结构：树、图、广度优先/深度优先搜索

框架篇

• vue 解决了什么问题

• vue 和 react 的区别

• vue 响应式原理

• 虚拟 dom 的原理

• 如何实现 component

• 组件间通讯

• 指令的本质

• vuex

• vue-router

性能优化

• [时间分片](https://github.com/lilangxiong/plan/blob/master/optimization /timeSlicing.md)

项目篇

• 性能优化（移动端，性能数据收集、分析、优化、优化前后效果对比）

• 项目的错误监控收集、错误排查，最新的工具有哪些

• 项目部署

• 国际化如何实现

• 提升 wabpack 的编译速度、webpack 的打包原理,如何抽取 css 的

• 最有成就的项目，遇到过哪些难点，如何解决的（node-master/node-deploy）

架构篇

• MVC

职业规划和对前端的认识

• 为什么想要做前端

• 我眼中的前端

• 未来几年的计划

扩展篇

• low code

• 微前端

• serverless

• 无限滚动方案（优化）

• 如何处理兼容性问题

• 经常去什么技术网站？读过什么书?

• 前沿的 web 标准、技术（微前端、serverless、webComponent 等）

• webRTC

虾皮专题

• 算法 - 建大顶堆

• 算法 - 2 亿数据取最大的 1000 个，分别按时间复杂度最低、空间复杂度最低来解

• 算法 - O(n)时间复杂度、O(1)空间复杂度解判断回文，需要在线写代码并测试通过