前端完整体系

https://blog.csdn.net/snowball_li/article/details/128013833?spm=1001.2101.3001.6650.2&utm_medium=dis

前端设计模式分类 如果要说设计模式的话有高达二十多种，但本文章主要针对javascript相关的设计模式，因此我整理出来10种设计模式，并且进行分类总结。 javascript的设计模式分为三大类型，

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

JavaScript基础知识 JavaScript数据类型 基本数据类型：String、Number、Boolean、Undefined、Null、BigInt、Symbol 复杂数据类型：Objec

JavaScript进阶知识点 JS中的面向对象 类：类描述对象的特征和行为 对象：对象是类的实例，具有类定义的属性和方法。 封装：封装时将数据和操作封装在一个对象中，隐藏对象的内部细节，只暴露必要的

函数柯里化 定义：函数柯里化是一种将一个接受多个参数的函数转化为一系列接受一个参数的函数。 好处 参数复用 函数组合 延迟执行 数组扁平化 ES6面试总结 箭头函数与普通函数的区别 https://j

变量提升 变量的提升，提升的是变量的声明，而不是变量的赋值。 定义变量，JS解析代码。⚠️：隐式变量不会提升（c = 3） 函数中定义变量的提升 总结：变量在声明提升的时候，是全部提升到作用域的最前面

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

ES6转化为ES5的原理--Babel let、const Set、Map WeakSet、WeakMap Proxy、Reflect Promise async、await Iterator(迭代器

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

一 前言 在前端项目工程日益复杂的今天，一套完善的开发环境配置可以极大的提升开发效率，提高代码质量，方便多人合作，以及后期的项目迭代和维护，项目规范分项目目录结构规范，代码格式规范和git提交规范，本

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

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

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

react面试题总结，对于基础知识，高阶函数，生命周期，传值，路由等进行解析，概括最新的、全面的回答

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

grunt和gulp是基于任务和流（Task、Stream）的。类似jQuery，找到一个（或一类）文件，对其做一系列链式操作，更新流上的数据， 整条链式操作构成了一个任务，多个任务就构成了整个web的构建流程。 webpack是基于入口的。webpack会自动地递归解析入口所…

基础知识 React组件的生命周期 React组件的生命周期可以分为三个阶段：挂载阶段、更新阶段和卸载阶段 挂载阶段 1:构造器（constructor）:初始化状态和绑定事件处理程序

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

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