forgiveForever-CSDN博客

原创 vue3 defineExpose 原理

编译之后变成__expose({ onClose }); 执行代码

2024-11-05 20:48:38 402

原创 vue $attrs is readonly 报错

全局存在两个 vue 资源，去掉一个就行。

2024-11-05 20:46:58 113

原创 mint-ui Picker 显示异常

最近一个老项目页面显示异常，使用mint-ui Picker显示异常,直接显示成了数据对象，而不是具体travelName 字段。

2024-11-01 16:41:13 592

原创页面跳转不刷新 histoy.go hisroty.back不生效

现象1使用window.open 的方式打开一个页面，点击页面左上角的返回按钮，没有任何反应（左上角返回逻辑，使用 histoy.go(-1)或者hisroty.back()）现象2点击页面跳转，打开了新的tab页签，点击返回按钮不生效（左上角返回逻辑，使用 histoy.go(-1)或者hisroty.back()）

2024-11-01 09:12:36 162

同一个浏览器窗口下，多个iframe页面，同域下，Storage 是共享（即 sessionStorage 和 localStorage）,iframe 页面相互影响。最近开发使用了iframe做跨系统，跨页面交互,当前页面存在多个iframe页面，并且每个iframe链接，同域。有些iframe 页面会有报错提示。使用 http-server 启动端口 3201。iframe（vue页面）具体加载逻辑，

2024-10-31 14:48:35 548

原创 axios竟态问题

在我们日常开发经常遇到一些竟态问题现象1表格分页，如果设置请求loading,先切换到分页第99页，迅速在又切换到第1页，最后列表显示的是第99页数据。原因由于第99页请求数据花费时间可能500ms,第1页数据只需要100ms,第1页数据请求比较快，第99页数据返回慢，所以第99页数据会覆盖第一页数据。现象2表单具有提交按钮，如果没有设置提交请求loading时，连续点击两次，就会触发两次表单提交原因请求没有做拦截，第一次请求没有结束，又能触发请求。

2024-10-29 23:02:24 336

原创 axios源码分析之请求adapter

从dispatchRequest.js 源码中我们可以看到 defaults 来源于 axios\lib\defaults\index.js 文件, 该文件导出了defaults对象，defaults.adapter 来源于getDefaultAdapter 返回的值,(即构造axios请求时传入的请求配置，包含headers，请求参数等)，【注】axios\lib\adapters\adapters.js。【注】axios\lib\defaults\index.js。重写了 getAdapter 方法。

2024-10-29 20:33:40 529

原创 axios 如何取消请求

可以看到源码中，判断是否有取消的理由（即reason）,存在就会执行 listener （即外部传入的onCanceled），给构造函数 CancelToken 原型上设置 unsubscribe 函数，用于删除指定的监听器。给构造函数 CancelToken 原型上设置 subscribe 函数，用于添加订阅监听器。onCanceled 中 request.abort() 即为 XHR 取消请求的方法。执行 executor 函数，传入 cancel 函数（即取消函数）

2024-10-26 09:56:22 338

原创 flex 实现多列布局

flex 实现多列布局，多列布局

2022-11-27 11:41:30 656

原创 input输入框自动截断输入

input输入框自动截断输入

2022-11-23 21:38:19 773

原创 vue 高阶组件(HOC)

vue 高阶组件 HOC

2022-11-22 21:35:06 3219

原创二维码生成原理探索

二维码生成，渲染二维码

2022-11-21 21:14:25 1387

原创 css雪碧图使用

雪碧图，放大缩小

2022-11-20 16:06:36 352

原创 element Form表单原理

element Form表单校验原理

2022-11-20 15:00:18 592

原创 vue中的$forceupdate

vue,$forceupdate, 强制更新Dom

2022-05-25 23:02:40 7067

原创 vue中$listeners

vue, $listeners, 组件传值,组件通信

2022-05-24 23:15:55 4122

原创 flex弹性盒子

flex, 弹性盒子

2022-05-22 20:37:04 98

原创腾讯云cos图片迁移

腾讯云cos资源, 服务器图片迁移,nginx代理

2022-05-22 20:24:20 516

原创 vue data 响应式

vue2 data 数组监听响应式

2022-05-10 22:21:45 659

原创 vue computed

vue computed

2022-05-09 22:59:27 475

原创认识css长度单位 px % em rem vh vw

目录长度单位px长度单位在日常的项目开发，在使用css样式进行时布局的时候，我们常常用到px、%、em这三个单位。CSS3开始，浏览器新增加了rem、vh、vw、vm等一些新的计量单位。利用这些新的计量单位能够开发出比较好的响应式页面，更大限度适应各种分辨率的终端，包括移动设备、触摸大屏等等。单位Value相对长度单位em、ex、ch、rem、vw、vh、vmin、vmax、%绝对长度单位cm、mm、in、px、pt、pc长度单位众多，讲述px、%、em、rem、v

2021-04-02 20:34:35 1269

原创 setState

目录setStatesetState认知setState执行同步更新?setState使用方式setState简单栗子this.state = { count: 0，}incrementCount() { this.setState({ count: this.state.count + 1, });}handleIncrement = () => { this.incrementCount(); this.incrementCount(); this.

2021-04-01 09:18:42 1294 2

原创 javascript中function详解

js,function, 函数，函数详解，函数内部参数

2021-03-31 22:27:03 7989

原创 Promise

目录Promise常用用法延时执行异步加载图片AJAX操作方法Promise.prototype.thenPromise.prototype.catchPromise.prototype.finallyPromise.allPromise.racePromise.resolvePromise.rejectPromise 所谓 Promise，简单来说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上来说， Promise 是一个对象，从它可以获取异步操作的消息。 P

2021-03-31 20:13:43 1221

原创 htmt5 data-* 属性

目录data- 属性介绍HTML5 Dataset 存储的例子data- 取值和设值jquery 操作data-data- 属性介绍新的HTML5标准允许你在普通的元素标签里，嵌入类似data-*的属性，来实现一些简单数据的存取。它的数量不受限制，并且也能由javascript动态修改，也支持CSS选择器进行样式设置。这使得data属性特别灵活，也非常强大。有了这样的属性我们能够更加有序直观的进行数据预设或存储。HTML5 Dataset 存储的例子为一个元素分配data属性存储数据，例如这是一个s

2021-03-30 22:30:51 1329 1

forgiveForever的博客