- 博客(6)
- 收藏
- 关注
RSS订阅原创 axios 完整封装
我们可以看到返回的数据很多都是我们不需要的,我们需要的只有 data 中的数据,所以这时候我们便需要一个响应拦截器进行处理,同时在响应拦截器中我们不仅仅简单处理这个问题,还需要对后端返回的状态码进行判断,如果不是正确的状态码可以弹窗提示后端返回的描述(也可以自定义)因此,我们可以定义一个变量用于记录正在请求的数量,当该变量为 1 时开启 loading,当变量为 0 时关闭 loading,同样的我们还定义了 config 中的 loading 让开发者自己决定是否开启 loading,实现如下。
2023-07-08 11:31:40
1609
1
原创 重排（回流）与重绘
页面显示过程解析 HTML生成 DOM 树 解析 CSS 生成 CSSOM 树 解析JS 更新 DOM 树和 CSSOM 树 DOM 树+CSSOM 树生成渲染树 布局(也称回流,确定个节点显示的位置 渲染绘制更新 DOM 或 Style可能会导致局部重排(也称回流,重新布局) 可能会导致局部重绘注意:重排肯定会重绘,但重绘不一定有重排 重排比重绘开销更大,更消耗性能哪些操作会导致重排浏览器窗口尺寸改变 元素位置和尺寸发生改变的时候 新增和删除可见元素 内容发生改变
2023-06-28 11:35:16
63
1
原创 axios二次封装
首先安装axios，引入axios，然后创建axios实例进行配置。该文件首先要引入刚刚封装好的request(axios) r然后把所有接口暴露出去。
2023-06-28 11:20:56
60
1
原创 什么是JSX
在实际开发中，JSX 在产品****打包阶段****都已经编译成纯 JavaScript，不会带来任何副作用，反而会让代码更加直观并易于维护。 什么是JSX：JSX=javascript xml就是Javascript和XML结合的一种格式。是 JavaScript 的语法扩展，只要你把HTML代码写在JS里，那就是JSX。 JSX就是把html代码写在javascript中，那么，写在javascript中有啥要求（与原来在html中的区别），这就是jsx语法要说的内容。var msg="你好！
2023-06-28 11:02:54
549
1
原创 数组的常用方法总结
2.filter的回调函数需要返回布尔值，当为true时，将本次数组的数据返回给filter，最后filter将所有回调函数的返回值组成新数组返回（此功能可理解为“过滤”）。根据指定的数据，从左向右，查询在数组中出现的位置，如果不存在指定的数据，返回-1，找到了指定的数据返回该数据的索引。对数组内的数据进行排序(默认为升序)，并且返回排过序的新数组，会改变原来的数组。向数组中添加，或从数组删除，或替换数组中的元素，然后返回被删除/替换的元素。将数组的数据进行反转，并且返回反转后的数组，会改变原数组。
2023-04-17 11:57:04
50
1
原创 实现数据双向绑定 proxy与defineproperty的区别
Object.defineProperty只能劫持对象的属性，从而需要对每个对象，每个属性进行遍历，如果，属性值是对象，还需要深度遍历。Object.defineProperty 无法监控到数组下标的变化，导致通过数组下标添加元素，不能实时响应；Proxy 不仅可以代理对象，还可以代理数组。还可以代理动态增加的属性。Proxy 可以劫持整个对象，并返回一个新的对象。无法监听object 也就是对象的值的变化。无法监听通过索引修改数组的值的变化。
2023-03-28 22:46:49
108
axios完整封装+Ts
2024-05-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人