前端笔记目录

0_简介

本文为个人整理的学习笔记目录，对应的详细文章在分类中能找到，目前尚未整理完毕，近期会逐一补充，也欢迎前端er们的补充和纠正！
本文整理的内容大部分并非简单的网络摘取，结合了本人的实践经验和知识点的关联，记录了很多细节问题。
本文系列完全开源，欢迎使用。
整理不易，引用请注明出处。

1_HTML基础知识

1. href和src的区别
2. 替换型元素
3. 语义化

2_CSS基础知识

1. 权重，样式优先级
2. 常见选择器
3. 盒模型和怪异盒模型
4. BFC
5. 清除浮动的原因及解决方案
6. 水平垂直居中方案(4种)
7. 三角形
8. position
9. display
10. 动画

3_ES6基础知识

1. js数据类型
   1. 基本数据类型
   2. typeof
   3. instanceof
   4. 常见引用类型
   5. 变量比较规则
2. Object.defineProperty和Object.definedProperties
3. 判断空对象
4. 判断数组
5. ES6常用语法
6. 原型详述
7. 继承
8. DOM api
9. BOM api
10. 事件
    1. 事件流
    2. 绑定事件的方法
    3. 事件委托
11. 闭包，使用场景，误区
12. 正则
    1. 正则相关接口
    2. 常用正则语法
13. 枚举属性的判断方式（对象上属性、原型上属性、可枚举不可枚举属性）
    1. Object.keys
    2. for in
    3. in
14. 对象深比较的方案
15. requestIdleCallback
16. requestAnimationFrame
17. 模块化

4_React

1. 设计理念
2. 为什么用react框架（框架比原生环境有什么好处？<为什么要重构，除了学习原因>）
3. vDOM详述（包括diff原理）
4. 对Fiber数据结构的了解
5. setState
   1. 原理
   2. 多次setState
   3. 异步setState
6. 组件间消息传递最佳实践
7. props改变后组件内部变化顺序
8. 生命周期
   1. 有哪些
   2. 新增了哪些，删除了哪些，为什么删除
9. redux原理及横向库了解
10. redux优缺点
11. useState等钩子原理
12. 函数式组件与类组件的区别，优缺点
13. 组件复用
14. 逻辑复用 HOC render props useDIY
15. 错误控制
16. 路由及路由传参
17. immutable是什么，原理，使用场景，优缺点
18. 服务端渲染
19. React各种设计的具体使用场景
    1. 可中断的异步更新
    2. 高优先级任务
    3. shouldComponentUpdate
    4. getSnapshot

5_网络通信

1. TCP UDP
2. DNS
3. HTTP 1.x 2 3
4. HTTPS
5. websocket
6. 常见端口
7. 常见状态码
8. ajax原理
9. 同源策略
10. 跨域的解决方案
11. 简单请求/非简单请求
12. cookie
13. session
14. localstorage
15. token
16. CDN

6_浏览器原理

1. 重绘重排
2. Event Loop机制
3. Chrome V8 GC机制
4. 浏览器缓存
   1. 强缓存和协商缓存
   2. 什么时候用强缓存什么时候用协商缓存
5. 浏览器从输入url到页面渲染的整个流程
6. XSS
7. CSRF
8. SSRF

7_模块化与Webpack

1. webpack的作用是什么
2. webpack核心概念
3. webpack构建流程
4. webpack如何打包各种资源（webpack完整示例）
5. 对tapable的理解
6. 热更新（HMR）及其原理
7. webpack proxy
8. 借助webpack优化性能
9. 除了webpack还有哪些模块管理工具
10. AMD、CMD、CommonJS、ES6Module

98_手撕代码

1. 防抖 及保证第一次执行
2. 节流 及保证最后一次执行
3. 发布订阅模式及使用场景
4. 非空数组出现一次元素
5. 对象深度比较
6. 对象深拷贝
   1. 简单方案 JSON方法(不能拷贝函数)
   2. 常规方案
7. 数组扁平化
8. 数组去重
9. Symbol.iterator原生部署，手写设计与遍历
10. instanceof
11. bind
12. call/apply
13. Promise链式调用（不用async/await）
14. Promise.then
15. Promise.finally
16. Promise.all/race/any/every
17. 封装axios
18. 正则
    1. 提取文章出现最多次数的单词
    2. 提取单词并去重
19. 字符串
    1. 字符串反转
    2. 回文串判断（动规）
    3. 回文串判断（递归）
20. 二叉树
    1. 二叉树的公共祖先
21. 链表
    1. 反转链表
    2. 是否有环
    3. 返回有环链表的环起点

99_综合应用问题

1. 用户登录如何实现
2. 显示一张图片有哪些方式
3. 性能优化
   1. 浏览器性能优化
   2. 首屏优化方案
   3. 长列表优化，带搜索功能如何实现
   4. 量化指标
4. 移动端适配
5. 骨架屏怎么实现
6. 设计模式及使用场景
7. 什么是前端工程化
8. 什么是前端智能化