一、前言
“成功是结果，而不是目的” ----大家好，我是李开心呀😉~
今天分享的是我在现阶段前端学习路上的一张总结清单。
可以说这篇文章是在看了这么多掘金优秀文章，以及《JS高程三》之后的一次自我检讨，同时分享给大家检阅。【如果文章中有错误的知识总结，请各位大佬们指正，小妹会虚心改正🙏】
开始咯🏃♀️
二、CSS篇
1. 文档声明 !DOCTYPE
2. HTML标签语义化
3. CSS的引入方式
4. HTML标签分类
5. CSS选择器
6. CSS盒子模型
7. 浮动问题
8.出现省略号问题
9.定位问题
10.弹性盒模型
11.元素上下垂直居中
12.CSS中表示长度的单位
13 HTML5中新增的属性有哪些 / html5 你用过哪些？
14 使用css,让一个div消失在视野中；发挥想象力?
15.BFC问题
16.背景图片与插入图片的区别使用
17. 两栏布局，左侧固定，右侧自适应
18. 清除浮动overflow:hidden的原理，为什么可以清除
19. postcss
20. less和css的区别
21. 如下代码
<style>
.classA { color:blue; }
.classB { color:red;}
</style>
<p class="classB classA">hello</p>
元素p内的文字最终什么颜色
22. 画一个三角形、扇形，将一个圆分为四部分，对角部分是相同颜色，相邻部分为不同颜色
三、手写代码篇
1. 数组去重
2. 内置new的实现
3. 内置call的实现
4. 内置apply
5. 内置bind
6. 防抖
7. 节流
8. 深克隆
9. 深比较
10. URL处理
11. 原型继承
12. call继承
13. 组合式继承
14. 数组扁平化
15. 冒泡排序
16. 快速排序
17. 插入排序
18. 倒计时实现
19. 随机验证码
20. 选项卡
四、正则的使用
1. 验证手机号
2. 验证是否是有效数字
3. 验证密码
4. 验证真实姓名
5. 验证邮箱
6. 验证身份证号
7. 时间格式转化
8. 字符串中出现次数最多的字符以及次数
9. 千分符
五、JS篇
1. 常用浏览器以及它的内核
2. JS中数据类型
3.JavaScript对象的底层数据结构是什么
4. 前端学习五大阶段
5. 开发者工具的使用
6. JavaScript的组成
7. JavaScript的变量
8. var、let、const三者的区别
9. JavaScript的输出方式
10. number数据类型
11.String数据类型
12. 字符串中的常用方法
13. Boolean 数据类型
14. 看代码说输出，会涉及到Event Queue、Event Loop，面向对象底层机制，闭包等
15. 浅拷贝和深拷贝有什么区别，实现深拷贝
16. 实现数组去重，new Set的数组去重和自己实现的哪个性能会更好
17. 说出数组的方法，map和forEach有何区别
18. 说一下跨域，jsonp的原理是什么？node中间件解决跨域问题的原理是什么？
19. Object.create实现了什么？传null得到的结果和普通对象有什么区别？
20. 对prototype和__proto__的理解
21. call、apply和bind有何区别，手写实现call
22. 替代es6中拓展运算符传参的方式
23. 如何实现继承？class里面super是干嘛的
24. import和require的区别
25. 对promise的考察，then链的应用
26. 实现一个发布订阅，有订阅（on），发布（emit），一次订阅功能（once）
27. 实现防抖节流，它们两个之间的区别是什么？
28. 实现请求并发限制，具体为：封装一个函数，传递请求并发的个数为参数，实现对并发请求的限制
29. 说说闭包以及垃圾回收机制
30. 利用async和await如何处理异常事件
31. 箭头函数和普通函数有什么区别？如果想改变箭头函数中绑定this怎么办？
32. 原生js判断鼠标在一个有对角线矩形的位置
六、网络篇
1. HTTP与HTTPS的区别
2. HTTP的请求方式
3. 列举你所了解的HTTP网络状态码及其含义？
4. 阐述从浏览器地址栏输入网址到看到整个页面，中间都经历了什么？
5. 阐述你之前项目中处理过的“性能优化”方案？
6. 三次握手、四次挥手
七、框架
1. MVVM的理解
2. vue中的常用指令/或者说开发中常用指令
3. 对vue生命周期的理解
4. Vue的双向数据绑定原理
5. Proxy 相比 defineProperty 的优势
6. Vue-router 有哪几种导航守卫
7. Vue 的路由实现: hash 模式和 history 模式
8. 组件之间的传值通信方式
9. Vue 与 Angular 以及 React 的区别
10. Vuex 是什么? 怎么使用? 那种功能场景使用它?
11. 说说vue react angularjs jquery的区别
12. react中key的作用，有key没key有什么区别，比较同一层级节点什么意思？
13. 你对虚拟dom和diff算法的理解，实现render函数
14. 父子组件之间传值的方式，组件间传值的方式
15. 如何解析jsx
16. 生命周期都有哪几种，分别是在什么阶段做哪些事情？为什么要废弃一些生命周期？
17. 关于react的优化方法
18. 绑定this的几种方式
19. 对fiber的理解
20. setState是同步还是异步的
21. redux以及react-redux
22. 对高阶组件的理解
八、webpack
1. 用过的哪些webpack的配置
2. 在你的项目里面用过哪些优化
3. plugin和loader的区别
4. 用过哪些loader、plugin
九、安全
1. XSS攻击的原理、分类、具体案例，前端如何防御
2. CSRF攻击的原理、具体案例，前端如何防御
3. HTTP劫持、页面劫持的原理、防御措施
十、参考
十一、总结
这次的总结就先到这，如果感觉写的不错，可以拿起敲代码的小手点个赞，之后会继续分享自己的学习内容👌
下方是我的个人微信，有任何的前端问题可以一起讨论。
本文使用 mdnice 排版
