weixin_56490825的博客

原创 前端面试题

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）

原创 webpack

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

原创 ajax原理

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

原创 js 基础补充3

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

原创 JS基础补充2（DOM ，BOM）

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

原创 js基础知识合集

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

原创 属性选择器

【代码】属性选择器。

原创 关系选择器

【代码】关系选择器。

原创 基础选择器

【代码】基础选择器。

原创 层叠和继承

【代码】层叠和继承。

原创 伪类伪元素选择器

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

原创 breakPoints

【代码】breakPoints。

原创 css选择器

【代码】css选择器。

原创 sass函数

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"

原创 Svg基础

【代码】【无标题】

原创 Hook函数

【代码】Hook函数。

原创 Hook的使用规则及hook函数

基础 Hook(useState useEffect useContext)

原创 react-router

【代码】react-router。

原创 dispatch 打印日志

【代码】dispatch 打印日志。

原创 RTK(react toolkit)

【代码】RTK(react toolkit)

原创 redux小案例

react-redux 包里面核心的东西 Provider store / connect。

原创 flex布局

数值越小，排列越靠前，默认为0.

原创 redux的模块拆分

原创 react-redux的使用

【代码】react-redux的使用。

原创 classname第三方库 react中动态添加class

【代码】classname第三方库 react中动态添加class。

原创 react中的css(css in js)

【代码】react中的css(css in js)

原创 redux 使用修改订阅 store中的数据 三大原则

【代码】redux 使用修改订阅 store中的数据。

原创 16_高阶着组件的定义方式和使用

【代码】17_高阶着组件的定义方式和使用。

原创 13_ref获取DOM和componen

【代码】13_ref获取DOM和componen。

原创 12_State数据保持不可变性

【代码】12_State数据保持不可变性。

原创 11_render函数的优化

【代码】11_render函数的优化。

原创 10_setState的使用

【代码】10_setState的使用。

原创 15_非受控组件的表单操作

【代码】16_非受控组件的表单操作。

原创 09_非父子通信 -eventBus

用到的第三方库 hy-event-store。

原创 08_非父子组件通信context

函数组件的context。

原创 07_组件作用域插槽

【代码】07_组件作用域插槽。

原创 06_组件的插槽实现

【代码】06_组件的插槽实现。

原创 05_子传父组件之间的通信

【代码】05_子传父组件之间的通信。

原创 04_父传子组件之间的通信

【代码】04_父传子组件之间的通信。

原创 03_组件之间的嵌套

【代码】03_组件之间的嵌套。