weixin_56490825的博客

学习 HTML 的基础知识HTML 语法将页面划分为多个部分并正确构建 DOM。

1.盒模型 context + padding+border+margin 怪异盒模型 box-sizing：border-box context（包含P+B） +margin offsetwidth（c+p+b）10.渲染列表为什么使用key（方便react 识别元素，确定唯一防止diff算法不必要的dom操作）11.函数组件和类组件的区别（输入参数输出props 无state无生命周期）1.如何理解语义化（人跟搜索引擎（SEO）都容易读懂）17.purcomponent有何区别（浅比较SCU）

url-loader 设置阀值小于阀值会转化为base64字符串，将其嵌入到js/css，减少http请求数量，大于阀值与file-loader同。6.根据入口和模块之间的关系 生成包含多个模块合的thunk，把每一个thunk转换为一个独立的文件，加入输出列表（最后修改机会）4.从入口开始，调用所有配置loader编译模块，查找有依赖关系的模块一直编译下去，直到所有模块都被编译。2.初始化参数形成的complier对象，加载所有配置的插件，使用对象的run方法开始编译。

/ 步骤 1. 创建XMLHttpRequest对象 2. 使用对像上.open方法和服务器建立连接 3.使用 .send方法发送请求。// ajax 原理： 使用XMLHttpRequest对象 向浏览器发异步请求，从服务器端获取数据 ，然后用js操作dom更新页面。// 4.使用 onReadystatechange 监听通信状态 5.接受并处理服务器向客户端响应的数据。

构造函数 function child(){Parents.call(this)} 只能反问函数内部定义的属性方法 不是完整的原型链。new 绑定是指通过 new 关键字来创建一个新对象时，this 指向新创建的对象。访问对像的属性方法，不光会在对象上查找还会在原型上查找 每个对象都有一个原型对象。隐式绑定是指通过对象调用函数时，this 指向调用该函数的对象。把一个/或一组响应事件委托给另一个事件 （在冒泡阶段），真正绑定的是父元素。1. 闭包 在函数内部定义的函数，可以访问改函数的属性和方法。

reduce 高阶函数 累加 乘 数组扁平化 数组去重 reduce((pre,cur,index,arr) =>{},(初始值))splice array.splice(start, deleteCount, item1, item2, ...) 改变原数组。slice() //两个参数 开始 结束（不包括） 截取 不改变原数组。（类数组）具有迭代器协议的对象可以通过扩展运算符转换为数组。性能原因：真正的数组开销比较大，类数组更高效的实现某些操作。DOM 文档对像模型（把网页内容转换为js可处理的对象）

基本类型 null（值为空/逻辑上表示空指针） undefined（没有负值） number string boolean Symble（唯一不可变） bigInt（任意精度的整数）defer（异步 html解析完成 后执行 多个脚本按照执行顺序） 需要操作DOM的脚本（依赖html的脚本）引用数据类型存储在堆内存中，栈中存储的是引用地址（大小不固定，变量存储的是引用地址）扩展运算符 {...obj1,...obj2} 创建新对象。== 先进行类型转换（隐式）在判断 （判断是否==null 的时候使用）

【代码】属性选择器。

【代码】关系选择器。

【代码】基础选择器。

【代码】层叠和继承。

【代码】伪类伪元素选择器。

【代码】breakPoints。

【代码】css选择器。

5.str-slice(string, start, end) //截取字符串 start开始到end结束 实例：str-slice("abcdefg",2,3) // 结果： bc。6.to-lower-case(string) 将字符串转成小写 实例: to-lower-case("RUNOOB") //结果: "runoob"to-upper-case(string) 将字符串转成大写 实例: to-upper-case("runoob") //结果: "RUNOOB"

【代码】【无标题】

【代码】Hook函数。

基础 Hook(useState useEffect useContext)

【代码】react-router。

【代码】dispatch 打印日志。