JavaScript（323题）
篇幅原因先展示以下这些内容，有更多需要可以：点击这里
- 不会冒泡的时间有哪些
- mouseEnter和mouseOver有什么区别
- MessageChannel是什么，有什么使用场景？
- async\await实现原理？
- Proxy能够监听到对象中的对象的引用吗？
- 什么是作用域链？
- 说说vue3中的响应式设计原理
- vue中，推荐在哪个生命周期发起请求？
- 子组件是一个Portal，发生点击世家能冒泡到父组件吗？
- 什么是DOM和BOM？
- React Portals有什么用？
- react和 react-dom是什么关系？
- MessageChnnel是什么，有什么使用场景？
- 为什么react需要fiber架构，而Vue却不需要？
- 前端性能优化指标有哪些？怎么进行性能检测？
- 使用Promise实现红绿灯交替重复亮
- 说说React render方法的原理？在什么时候会被触发？
- 怎么实现大型文件上传？
- JavaScript如何取消请求？
- 用js实现二叉树的定义和基本操作
- 前端跨页面通信，你知道哪些方法？
- map和forEach有什么区别？
- 虚拟dom渲染到页面的时候，框架会做哪些处理？
- async/await、generator、promise这三者的关联和区别是什么？
- AST语法树是什么？
HTML（57题）
- 什么是DOM和BOM
- 简单描述从输入网址到页面显示的过程
- 一台设备的dpr，是否是可变的
- 前端该如何选择图片的格式？
- 前端跨页面通信，你知道哪些方法
- 说说你对Dom树的理解
- 行内元素有哪些？块级元素有哪些？
- html和css中的图片加载与渲染规则是什么样的
- title与h1的区别、b与strong的区别、i与em的区别
- script标签为什么建议放在body标签的底部
- 说说你对ssg的理解
- 什么是HTML5、以及和HTML的区别是什么？
- 导致页面加载白屏时间长的原因有哪些，怎么进行优化？
- 渐进式jpg有了解过吗？
- 怎么实现“点击回到顶部”的功能？
- SPA应用怎么进行SEO？
- 如何实现SEO优化
- DNS预解析是什么？怎么实现？
- 使用input标签上传图片时，怎样触发默认拍照功能？
- input上传文件可以同时选择多张吗？怎么设置？
- 如何禁止input展示输入的历史记录？
- 能否使用自闭和script标签引入脚本文件？
- iconfont是什么？有什么优缺点？
- 页面统计数据中，常用的PV、UV指标分别是什么？
- mete标签中的viewport有什么用？
React（83题）
- 谈谈你对 React 的了解（必会）
- 什么是 JSX？为什么浏览器无法读取 JSX?
- shouldComponentUpdate 是做什么？
- React 性能优化是哪个周期函数？
- React 中 keys 的作用是什么？
- React 中 refs 的作用是什么？
- 请列举 React 中定义组件的方法？
- 调用 setState 之后发生了什么？
- 你怎么理解 redux 的 state 的？
- 除了在构造函数中绑定 this，还有其它方式吗？
- 简述 flux 思想？
- 事件在 React 中的处理方式？
- 列出 Redux 的核心方法？
- (组件的)状态(state)和属性(props)之间有何不同？
- 说说你在React项目是如何捕获错误的？
- 说说React服务端渲染怎么做？原理是什么？
- React Fiber是如何实现更新过程可控？
- Fiber为什么是React性能的一个飞跃？
- setState是同步，还是异步的？
- 简述React的事件代理机制？
- 为什么不能在循环、条件货嵌套函数中调用Hooks？
- 说说你对useContext的理解
- React和Vue在技术层面有哪些区别？
- taro的实现原理是怎样的？
- 单页应用如何提高加载速度？
Webpack（34题）
- 什么是 Webpack
- Webpack 的优点是什么？
- Webpack 的构建流程是什么?从读取配置到输出文件这个过程尽量说全
- 说一下 Webpack 的热更新原理
- Webpack 与 grunt、gulp 的不同？
- 有哪些常见的 Loader？他们是解决什么问题的？
- Loader 和 Plugin 的不同？
- 如何利用 Webpack 来优化前端性能
- 使用 Webpack 开发时，你用过哪些可以提高效率的插件？
- 什么是长缓存？在 Webpack 中如何做到长缓存优化？
- 如何提高 Webpack 的构建速度？
- 怎么实现 Webpack 的按需加载？什么是神奇注释?
- 说下Vite的原理
- 与Webpack类似的工具还有哪些？
- 说说如何借助webpack来优化前端性能？
- 说说webpack proxy工作原理？为什么能解决跨域？
- 说说webpack的热更新是如何做到的？
- 说说webpac中常见的Plugin?解决了什么问题？
- 是否写过 Loader 和 Plugin？描述一下编写 loader 或 plugin 的思路？
- Webpack中的loader的作用是什么，以及常用loader有哪些
- webpack、rollup、parcel优势
- 前后端分离是什么
- Babel的原理是什么
- 介绍一下 tree shaking及其工作原理
- 聊聊 vite 和 webpack的区别
性能优化（25题）
- 前端性能优化指标有哪些？怎么进行性能检测？
- SPA（单页应用）首屏加载速度满怎么解决？
- 如何使用CSS提高页面性能？
- 怎么进行站点内的图片性能优化？
- 虚拟DOM一定更快吗？
- DNS预解析是什么？怎么实现？
- script标签放在header里和放在body底部里有什么区别？
- 页面加载的过程中，JS文件是不是一定会阻塞DOM和CSSOM的构建
- 导致页面加载白屏时间长的原因有哪些，怎么进行优化？
- 在React中可以做哪些性能优化？
- 浏览器为什么要请求并发数限制？
- 如何确定页面的可用性时间，什么是Performance API?
- CSS加载会造成阻塞吗?
- 什么是内存泄漏？什么原因会导致呢？
- 如何用webpack来优化前端性能？
- 说说常规的前端性能优化手段
- 什么是CSS Sprites？
- CSS优化提高性能的方法有哪些？
- script标签中，async和defer两个属性有什么用途和区别？
- React.memo()和useMemo()的用法是什么，有哪些区别？
- 讲一下png8、png16、png32的区别，并简单讲讲png的压缩原理
- 如果某个页面有几百个函数需要执行，可以怎么优化页面的性能？
- 有些框架不用虚拟dom，但是他们的性能也不错是为什么？
- 如果一个列表有100000个数据，这个该怎么进行展示？
- 谈谈对window.requestAnimationFrame的理解
