- 分享一些前端知识和面试题，包括：JavaScript，CSS，Vue，前端性能优化与webpack，算法，工具分享相关的内容。
- 这个库会不定期地更新和分享。
- 收藏请点Star，订阅请点Watch。👋👋👋
- 如果大家在阅读的过程中发现有出错的地方，欢迎留言指正。
- 1. JS数据类型有哪些？如何进行类型判断？不同类型的内存图大致是怎样的？
- 2. 闭包是什么，原理是什么，怎么用？哪些场景下会用到？
- 3. 讲讲深拷贝与浅拷贝，如何实现，有哪些方式？
- 4. 讲一讲 JavaScript 的垃圾回收机制
- 5. 原型，原型链和继承的关系，如何实现继承？
- 6. 讲讲es6的新特性主要有哪些？
- 7. http协议，缓存协议（强缓存+协商缓存）
- 8. call, bind, apply,三者的关系和区别
- 9. 说一说JavaScript的事件循环机制（Event Loop）
- 10. 从输入URL到最终展示页面的过程中发生了什么？
- 11. 你了解内部属性[[class]]吗？内部属性[[Class]]是什么？
- 12. 你使用过node吗？在你做过的项目中有哪些node的应用？
- 13. 讲一讲JavaScript设计模式中的单例模式
- 14. ES6的箭头函数中this有什么特点？
- 15. TCP的握手、挥手，为什么是三次而不是两次？为什么是四次挥手而不是三次？
- 1. Vue的生命周期有哪些？每个周期内完成的功能是什么？
- 2. 具体详细的讲一讲MVVM数据绑定的原理+实现
- 3. 介绍一下Vue与React之间有什么相同点与不同点
- 4. 路由模式有哪两种？它们的区别是什么？
- 6. 为什么Vue中不要用index作为key？实际在问diff算法
- 7. Vue3关于响应式部分的优化
- 1. 讲一讲浏览器的同源策略
- 2. webpack中有哪些常用的plugin，分别是什么作用？
- 3. 你应该知道的几个webpack优化方法
- 4. 讲一讲你知道的前端性能优化方案
- 5. 讲一讲防抖与节流
- 6. 如何最大程度的优化webpack打包速度？
- 7. hash，contenthash，chunkhash的区别
- 8. 你了解事件总线EventBus吗？请谈一谈
几乎在所有大厂的面试中，算法是面试者（无论前端还是后端）永远无法逃避的一个重点内容。
笔者也写了一些LeetCode的算法（从易到难），参考leetcode-algorithms。欢迎大家留言讨论
- 1. 写一个js函数，实现对一个数字每3位加一个逗号，如输入100000， 输出100,000（不考虑负数，小数)
- 2. 统计一个字符串出现最多的字母：给出一段英文连续的英文字符串，找出重复出现次数最多的字母
- 3. 斐波那契数列：1、1、2、3、5、8、13、21。输入n，输出数列中第n位数的值。
- 4. 动态规划算法之背包问题（0-1问题）
- 5. 动态规划算法之完全背包问题
前端知识确实庞大且繁杂，但实际工作中除了对基础知识的要求之外，项目整体自动化构建及自动化测试也成了不可缺少的技术栈。
- 1. Continuous project building & Automatic Deployment-Jenkins+Docker
- 2. Sharing of Automatic Testing Tools-Cypress
- Sharing of Automatic Testing Tools-Puppeteer
- Headless Recorder的扩展程序，可以快速地体验Puppeteer的运行方式，用于记录用户在页面上的点击行为和事件
- Headless Recorder开发的源码
- 亚马逊也参考了Headless Recorder的源码，实现了自己的CloudWatch Synthetics。
- 获取设计灵感的Repo：设计系统目录和样式的指南，图案库，相关文件和会议等
- 关于ECMScript近十年内发展变化的内容
- 富文本编辑
- How to Create Actions for Selected Text With the Selection API(使用选中API实现当选择了文本之后的动作)
- Introducing WebContainers: Run Node.js natively in your browser Github源码地址：Repo Link
- Map of JavaScript，学习JS的一个技术地图
- Kubernetes学习文档，对于前端开发而言似乎很多人认为我们并不需要了解K8s相关的内容，其实恰恰相反。
- Cloud Native的定义
- k8s Job Resource
- 中文文档：开发谷歌浏览器插件，英文文档：开发谷歌浏览器插件