这篇博客总结了前端面试中的关键知识点，包括CSS优化、Vue/React框架、事件循环、Promise、手写函数、服务工作者、原型链、响应式布局、浏览器安全问题和跨平台技术。还分享了如何优化长列表滚动、实现响应式布局、以及Vue的响应式原理和diff算法。此外，提到了TypeScript的优点和在实际项目中的应用。博客提供了全面的面试资源，帮助读者提升前端技能。
从 generator 会聊到 co.js 实现
从 Promise 和 setTimeout 会聊到下面要说的事件循环
3. 浏览器和 nodejs 事件循环？ 🌟
答：执行栈，promise 是 microTask，setTimeout 是 task
需要说出来的点：首先 setTimeout 并没有特殊，也是一个 task。另外每次的执行过 task 和 大量的 microtask（不一定在一次循环全执行完）后，会进行 renderUi 阶段，虽然不是每次事件循环都进行 renderUi ，但每次间隔，也就是传说中 60hz 的一帧 16ms。
nodejs 事件循环略有不同…多了 process.nextTick 等
4. 手写 Promise 或者 Promise 的静态方法
答： 手写 Promise 尽量写出来 Promise 的状态，静态方法以及 .then，.catch。当然更细节的还原可以看 Promise A+ 规范。
静态方法指 Promise.allSettled Promise.all Promise.race 等等。
5. 手写节流与防抖🌟
答： 老生常谈，原理很简单，主要还是看会不会封装函数，以及封装的高级与否，考虑的情况是否全面。
6. 手写 bind 函数
答： 同上。
7. service worker 使用
答： 缓存，渐进式应用，拦截处理
聊到 worker 可能还会聊到 web worker， shared worder 等等，如果有自信，或者工作对这方面有深入理解，可以秀一下。能体现出自己的优势…
8. 严格模式
答： this 的 undefined，禁止 with，arguments 不允许更改，给只读对象赋值抛异常，变量需要先声明，call，apply 第一个参数不会被转换…
能答出来一些就行。
9. 原型链以及继承
答： 很常问，找个赞数高的讲解ÿ
最低0.47元/天 解锁文章
2395
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
