前端面试考核点【更持续新中】

HTML

1. Script放在body中间会阻塞吗？defer与async的区别？https://blog.csdn.net/qq_41887214/article/details/124909219

2. DOM和CSSOM的构建会相互影响吗 https://blog.csdn.net/qq_41887214/article/details/130481228

css

1. css尺寸单位，移动端适配方案
2. 网站都变成灰色了，如何实现的呢？https://blog.csdn.net/qq_41887214/article/details/128173530
3. css3：animation 属性 https://blog.csdn.net/qq_41887214/article/details/124586397

js

1. this的指向 https://blog.csdn.net/qq_41887214/article/details/123624026
2. 在构造函数里定义 function 和使用 prototype.func 有什么区别 https://blog.csdn.net/qq_41887214/article/details/129290638
3. JS中判断数据类型的方法 https://blog.csdn.net/qq_41887214/article/details/103606946
4. JavaScript的排序方法 https://blog.csdn.net/qq_41887214/article/details/130253312
5. 实现一个发布订阅者模式 https://blog.csdn.net/qq_41887214/article/details/124836375

Vue

1. vue 父子组件的生命周期顺序 https://blog.csdn.net/qq_41887214/article/details/103919975

2. 自定义组件的 v-model https://blog.csdn.net/qq_41887214/article/details/120817103

3. 解决【v-show 有时失效】问题 https://blog.csdn.net/qq_41887214/article/details/121376596

4. vue响应式原理 https://blog.csdn.net/weixin_48181168/article/details/120158346

5. vue2响应式原理之依赖收集
   5. 1. https://www.bilibili.com/video/BV1ex4y137Td/?spm_id_from=333.337.search-card.all.click&vd_source=34a6975a033f268a428886f5c5e8609b
   5. 2. https://blog.csdn.net/demoren/article/details/125133745

6. 虚拟dom: https://blog.csdn.net/yiyueqinghui/article/details/105468012

7. diff算法 https://blog.csdn.net/qq_41887214/article/details/130279091

8. vue中的diff算法 https://blog.csdn.net/qq_41887214/article/details/130550580

9. Vue3响应式原理 https://blog.csdn.net/qq_41887214/article/details/122508032

10. Vue3
    10. 1. 常用 Composition API
    10. 2. watch watchEffect
    10. 3. 数据通讯方式
    10. 4. …

React

1. React Vue 对比，更熟悉哪个
2. 常用hooks有那些 https://react.docschina.org/reference/react/hooks
3. useLayoutEffect：是 useEffect 的一个版本，在浏览器重新绘制屏幕之前触发。
4. useCallback useMemo
5. React：虚拟 DOM Diff 算法解析 https://blog.csdn.net/qq_41887214/article/details/130279091
6. 如何在 React 中优雅的写 CSS？CSS作用域隔离 https://blog.csdn.net/qq_41887214/article/details/121579964
7. React Fiber 架构详解 https://blog.csdn.net/qq_41887214/article/details/130570813
8. React Fiber 使用 MessageChannel requestAnimationFrame 模拟实现requestIdleCallback https://blog.csdn.net/qq_41887214/article/details/131097303

TypeScript

1. 使用程度
2. interface 与 type 区别
3. 如何声明一个全局变量
4. d.ts文件 如何组织管理

移动端&小程序

1. 移动端兼容问题举例
2. 对小程序的实践，掌握的框架如 uni-app、taro

编译/打包/构建

1. webpack 性能优化 https://webpack.docschina.org/guides/build-performance/#minimal-entry-chunk
2. webpack 如何编写
3. webpack 编写插件 https://blog.csdn.net/qq_41887214/article/details/128840821
4. tapable详解 https://blog.csdn.net/qq_41887214/article/details/128822743
5. rollup

npm

1. npm包流程（发布、更新、废弃） https://blog.csdn.net/qq_41887214/article/details/120438332
2. npm包更新发布版本流程

nodejs

1. nodejs管理工具

2. nodejs 方面的研究

3. fs模块的常用方法 https://blog.csdn.net/qq_41887214/article/details/122871447

4. Node.js 中间件机制 https://blog.csdn.net/qq_41887214/article/details/123935325

5. 如何编写 cli

6. 服务端 express、koa

微前端

网络安全

浏览器

1. 浏览器缓存 https://blog.csdn.net/qq_41887214/article/details/108873188
2. HTTP缓存https://blog.csdn.net/qq_41887214/article/details/129339031
3. 常见的跨域现象和跨域解决 https://blog.csdn.net/qq_41887214/article/details/108955540
4. 如何减少重排与重绘 https://blog.csdn.net/qq_41887214/article/details/108895624

性能

1. Web前端最新优化指标：FP、FCP、FMP、LCP、TTI、CLS、FID、FPS等 https://blog.csdn.net/qq_41887214/article/details/130516839?spm=1001.2014.3001.5501
2. 前端异常监控解决方案研究https://blog.csdn.net/qq_41887214/article/details/130651823
3. 如何进行 web 性能监控？https://blog.csdn.net/qq_41887214/article/details/130658244
4. web监控数据上报方案 https://blog.csdn.net/qq_41887214/article/details/130659155
5. 前端性能优化 https://blog.csdn.net/qq_41887214/article/details/130233618

OKR

工程化、标准化

1. 前端工程化

2. 前端标准化

3. UI组件库