前端知识点总结

推荐阅读

1. web前端面试 - 面试官系列
2. 每天一道面试题
3. 五年前端三年面试

目录

• 1. html基础
• 2. CSS 基础
• 3. JavaScript基础
• 4. JavaScript 进阶
• 5. VUE 基础
• 6. React 基础
• 7. 工程化
• 8. TypeScript
• 9.计算机网络
• 10. 算法程序与数据结构
• 11. 性能优化
• 12.安全

1. html基础

1. 行内元素和块级元素
2. html5新增的属性
3. js在微信、微博、QQ、Safari唤起App的解决方案
4. Viewport 详解
5. App的三种开发模式
6. 浏览器的回流与重绘 (Reflow & Repaint)

2. CSS 基础

1. CSS 选择器
2. CSS flex 使用
3. CSS 属性 position 定位详解
4. CSS 属性 display
5. CSS 盒子模型
6. CSS 浮动 float
7. css3 新增的属性
8. css3 动画
9. css3 Animate/transition/translate
10. css3 rem 与 em
11. css3 响应式布局
12. CSS 常见布局方式
13. css预处理器，Sass、Less和Stylus
14. 移动端1px解决方案
15. CSS 经典面试布局题库

3. JavaScript基础

1. DOM（文档对象模型）
2. JavaScript 基本数据类型和引用数据类型
3. JS数据类型判断
4. 事件冒泡和事件捕获
5. js中的事件委托或事件代理详解
6. DOM 事件模型
7. JS函数防抖和函数节流
8. JavaScript 设计模式
9. 跨域解决方案
10. 页面间通信与数据共享
11. JSON 相关知识点
12. 数组和对象的区别与联系
13. JS中异常捕获
14. arguments对象详解
15. Cookie, LocalStorage 与 SessionStorage

4. JavaScript 进阶

1. JavaScript深入之词法作用域和动态作用域
2. JavaScript深入之执行上下文栈
3. JavaScript作用域链
4. JavaScript闭包
5. JavaScript基础——this
6. JavaScript基础心法——call apply bind
7. JavaScript深入之bind的模拟实现
8. JavaScript深入之new的模拟实现
9. Javascript原型链及原型链继承
10. JavaScript深入之继承的多种方式和优缺点
11. JavaScript 中的继承：ES3、ES5 和 ES6
12. JavaScript Promise
13. 从event loop规范探究javaScript异步及浏览器更新渲染时机
14. JavaScript 深浅拷贝
15. 深入浅出Object.defineProperty()
16. JavaScript 函数式编程
17. PWA - Service Worker
18. JavaScript 经典面试题库

5. VUE 基础

1. vue双向数据绑定MVVM
2. vue 生命周期
3. vue 数据监听
4. vue 状态管理 vuex 原理
5. vue 组件通信
6. Virtual DOM 虚拟 DOM
7. vue computed和watch
8. vue 高阶函数
9. vue mixin
10. Vue 模板编译原理
11. vue3 新特性
12. vue 与 react 对比

6. React 基础

1. React事件机制
2. React生命周期
3. React高阶组件
4. React Hooks 及钩子函数
5. React 高阶组件、Render props 和 hooks 有什么区别
6. React diff的原理
7. Vue和React的区别（参考1、参考2）
8. redux全面详解

7. 工程化

7.1 webpack

1. webpack 编译流程
2. webpack Loader
3. 如何开发webpack loader
4. webpack plugin
5. 如何开发 webpack plugin
6. webpack 打包优化
7. webpack 5 新特性
8. webpack 5 ModuleFederationPlugin vue 项目初体验
9. vite

7.2 Babel

1. 一篇文章了解前端开发必须懂的 Babel
2. 不容错过的 Babel7 知识
3. 前端工程师的自我修养-关于 Babel 那些事儿

7.3 微前端

1. 微前端-最容易看懂的微前端知识
2. 微前端在美团外卖的实践

8. TypeScript

• 从 JavaScript 到 TypeScript
• TypeScript 是什么【附两题 TS 相关面试题】

9.计算机网络

索引

1. http 协议
2. content-type
3. get && post
4. http 状态码
5. 浏览器缓存
6. DNS原理及其解析过程
7. http与https的区别
8. TCP协议详解
9. 三次握手和四次分手
10. TCP与UDP的区别
11. CDN
12. 从URL输入到页面展现发生了什么

---

10. 算法程序与数据结构

• 前端笔试&面试爬坑系列---算法
• 经典面试题

11. 性能优化

• preload 预加载
• 性能优化
• h5 白屏性能优化

12.安全

• XSS攻击
• CSRF攻击

13.代码检测

14.上线部署

15.前端监控