前端完整体系

前端手写原理： 手写myInstanceOf方法 typeof promise.all 防抖 节流算法

1.标准盒模型、IE盒模型 标准盒模型的width、height范围只包括 content 部分。 IE盒模型的width、height范围包括 border、padding、content。 2.

TS的优缺点 优点 跨平台 ES6特性 静态类型检查 面向对象的语言，如类、接口、继承、泛型等 缺点 需要长时间编译代码 不支持抽象类 TS的内置数据类型 number:数字类型，TS中国的所有数字都

Vite与webpack的区别 构建速度：Vite > webpack：Vite使用现代浏览器原生支持的ES模块标准，避免打包和编译的时间。webpack打包时对所有的模块进行解析和编译 Vite开发

Vue2面试题总结 Vue响应式系统的原理 Vue实现响应式主要是采用数据劫持结合发布-订阅模式的方式。整合Observer,Compiler和Watcher Observer 观察者。Vue 通过

Vue2和Vue3的区别 响应式原理改成ES6中的proxy，解决了数组无法通过下标修改，无法监听到对象属性的新增和删除问题，提升了响应式的效率 并不是完全抛弃了defineProperty,ref还

HTTP2相对于HTTP1有啥优势 二进制分帧 HTTP采用二进制格式传输数据，HTTP1是文本格式 头部压缩 HTTP1会在请求和响应中重复携带不常改变的、冗长的头部数据，给网络带来额外的负担 HT

1px 解决方案一 利用css的伪元素::after + transform:scale(0.5)进行缩放。(伪元素::after或::before是独立于当前元素，可以单独对其缩放不影响元素本身的缩

背景 图片懒加载、列表触底加载、内容无限滚动，目标元素进入视口动画播放等 项目中实际开发场景、 浏览器中列表触底加载解决方案： 监听滚动条 浏览器滚动触发频率太高（缺点1） 添加抖动后接口会有延迟（缺

输入URL地址到浏览器完成渲染的整个过程 1.浏览器地址栏输入URL地址，回车 2.浏览器查找当前URL是否存在缓存，并比较缓存是否过期 3.DNS解析URL对应的IP ４.根据IP建立TCP连接（三

webpack配置编译进度条 大型项目中编译时间为5-20S，为了更好的显示编译时间，编译时添加一个进度条，通过progress-bar-webpack-plugin插件查看编译进度。 npm i -

微前端是一种前端架构方法，将一个庞大的前端应用拆分为多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用联合为一个完整的应用。

前端日志监控的背景 处理生产环境出现的问题，快速定位 sentry Sentry 就是一个用于记录前端代码错误的平台工具，借助该平台，可以将项目在生产环境上发生的错误记录下来，并且根据 Sourcem

埋点 埋点的作用 应用页面中植入数据采集代码，监听用户各种行为事件（页面浏览、关闭、元素曝光、点击等），采集的数据上报至服务端，服务端下发到大数据平台，通过分析数据，追踪用户行为和应用使用情况，推动产

uni-app的生命周期 应用生命周期 页面生命周期 组件生命周期（vue的生命周期) uni-app实现跨端适配 使用条件编译模式，对js代码、css、template在某个环境中生效。 条件编译

核心思想 vue是渐进式双向绑定的MVVM框架 React是声明式渲染、组件化、单向数据流， 数据变化的对比 vue采用响应式数据，vue2中对属性进行劫持，vue3中对对象的代理。数据变化时，通知劫

虚拟列表的组件封装 背景 不能使用分页方式加载列表数据的业务情况，或者一页要展示很多条数据的情况。列表如果加上可编辑，就会很卡，影响使用。 具体实现 列表的总高度：（） 每一行的高度 滚动的偏移量 页

好的架构师的任务 创造价值：先选一个好的挑战 控制风险和准备未来：把简单的东西想复杂 做好产品且控制成本：把复杂的东西做简单 做好传承：把复杂的东西讲简单 如何选择一个适合的前端框架 上线时间 、开发

优化种类 网络优化（加载时所消耗的网络资源优化） 代码优化（资源加载后，脚本执行的速度） 框架优化（选择性能较好的框架） webpack-bundle-analyzer插件 安装此插件，使用npm r

跨越问题 产生跨域的前提 不同域名：当页面的域名与请求的资源的域名不一致时 不同协议：页面使用https协议加载，但请求是非https资源 不同端口：页面加载是test.com:3000,请求资源是t