- 博客(482)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 JS二进制文件转换：File、Blob、Base64、ArrayBuffer
【代码】JS二进制文件转换：File、Blob、Base64、ArrayBuffer。
2024-02-28 15:11:36
497
1
转载 Vue 加载远程组件的解决方案
远程组件的方案其实不止上面两种，比如还有直接加载.vue文件的方案，有个现成的插件能用。一般来说，加载远程组件的应用场景比较少，所以网上能搜到的讨论也比较少。目前比较常见的应用场景应该就是在低代码平台中加载远程组件了。
2024-01-16 10:39:52
129
原创 uniapp使用wxml-to-canvas开发小程序保存canvas图片
uniapp使用wxml-to-canvas开发小程序保存页面为图片、常用保存为海报图。
2024-01-10 14:35:08
1504
原创 react 18 Hooks扩展函数式组件的状态管理
（注：副作用的来源：配置文件、用户的输入、数据库等等，所有的外部交互都有可能产生副作用，副作用会给程序带来安全隐患和不确定性，要尽可能的控制副作用在可控制的范围内发生。以下是一个使用Hooks扩展函数式组件的示例。
2023-12-22 14:37:34
864
原创 react v-18父组件调用子组件的方法和数据
react v-18父组件调用子组件的方法和数据 子组件 (通过useImperativeHandle() 抛出）
2023-12-21 16:46:46
1230
原创 el-date-picker限制选择7天内&禁止内框选择
需求：elementPlus时间段选择框需要满足：①最多选7天时间。内框输入都变成只读状态。
2023-12-13 16:39:50
1546
原创 大量使用 if else 的优化版
函数就变得非常简洁，有的同学可能会问这有什么用呢？这不是更加麻烦了吗？函数中有1000个判断分支，并且还具有大量的根据判断结果来执行的处理代码，并且。介绍了两种代码分支优化的思想，代码的实现非常简单，重点在于这种思想的应用。文件，之后在需要使用的地方导入即可。函数会返回这个处理后的判断结果的值。是如何返回值的我们并不关心），之后对。通过模块化的开发也可以将这个。上面例子中我们定义的这个。如果你不进行分支优化，函数我们能够知道，它从。获取了一个值赋值给了。
2023-11-28 16:46:40
501
原创 localForage使用 IndexedDB / WebSQL存储
若浏览器不支持 IndexedDB 或 WebSQL，则使用 localStorage。在所有主流浏览器中都可用：Chrome，Firefox，IE 和 Safari（包括 Safari Mobile）。1，安装和引入2、创建一个 indexedDB3、存储4、取值（由于indexedDB的存取都是异步的，建议使用 promise.then() 或 async/await 去读值）或者 5、删除6、重置数据库 我们使用的时候，就直接调用 store 中
2023-11-28 16:32:06
692
原创 vue或uniapp使用pdf.js预览
vue或uniapp使用pdf.js预览。一、先下载稳定版的pdf.js，可以去官网下载官网下载地址 或pdf.js包下载(已配置好，无需修改)二、下载好的pdf.js文件放在public下静态文件里，uniapp是放在static下静态文件里
2023-08-09 17:37:05
2572
1
原创 dd.biz.util.downloadFile钉钉下载保存类型为All问题
在钉钉pc端下载使用时发现下载文件类型为All,下载后出现打不开文件问题 （如图）dd.biz.util.downloadFile 官方文档。xxxx.docx 或 xxxx.jpg。带上文件后缀类型后文件类型就正常了。文件名称必须带上文件的类型，
2023-06-07 14:05:04
582
原创 uniapp引入线上js链接
【代码】uniapp引入线上js链接。由于 uniapp 项目中在 index.html 中使用script标签引入无效
2023-02-09 14:41:44
1546
2
原创 uView组件u-tabs-swiper组件点击滚动无法居中问题
uView组件u-tabs-swiper组件点击滚动无法居中问题。解决方法：找到u-tabs-swiper.vue文件，找到watch监听这里，调换两个方法的执行顺序
2022-12-29 16:29:11
1297
1
原创 uniapp开发H5刷新网页导致本地localStorage数据清空问题
uniapp开发H5刷新网页导致本地localStorage数据清空问题问题描述：使用uniapp开发H5网页时，结合uniapp的本地存储出现刷新时清空本地数据问题。解决方法：使用原生的存储方式localStorage.xxx
2022-12-29 16:12:38
2098
原创 uni.setTabBarBadge 在非 tabbar 页面上更新无效问题
官方建议使用缓存，可以将购物车的有效数量通过 vuex 的 getters 进行实时计算。在每一个 tabbar 页面时都使用 onShow 钩子来将最新的购物车数量更新到 tabbar 角标使用方式
2022-12-20 16:42:08
1267
原创 钉钉扫码登录第三方网站
再根据永久授权码获取用户的钉钉信息......这个code既是临时授权码，根据这个临时码。详见钉钉官方文档 -->让后台接口去获取永久授权码。
2022-12-08 17:35:04
659
原创 uniapp项目打包H5后 希望可以修改固定的配置（接口地址，系统名称等）
二、在manifest.json 的h5下设置"template" : "template.h5.html" template.h5.html 文件内容，引入配置文件config.js四、重新运行uniapp项目，配置后一定要重启一下五、使用方式在需要的地方直接使用即可vue的配置方式可查看之前写的这篇vue项目打包后 希望可以修改配置（接口地址，系统名称等）项目打包发布，之后可能存在接口域名更换，项目名称修改等情况，就需要开发人员重新修改代码，重新发布，
2022-12-02 09:57:35
4451
2
原创 uniapp开发H5使用formData上传文件
由于uniapp 的 uni.uploadFile 上传的限制，无法实现上传excel、world、ppt等类型的文件，不支持下图的上传方式，故只能调用原生的方法来解决。
2022-11-23 09:58:15
3815
原创 vue自定义组件无法渲染问题（runtime-compiler和runtime-only）
vue自定义组件无法渲染问题（runtime-compiler和runtime-only）
2022-09-27 08:56:09
2148
1
原创 记录el-input使用原生JS事件修改值data后v-model值不同步问题
记录el-input使用原生JS事件修改值data后v-model值不同步问题原因：js修改时没有触发input事件$emit(‘input’,value)这时候问题出现了，v-html的值并没有改变。
2022-08-26 14:06:23
1207
原创 vite之 import.meta.glob批量引入文件
Vite 支持使用特殊的 import.meta.glob 函数从文件系统导入多个模块：打印 metaRouters。
2022-08-12 17:46:15
3649
1
转载 javascript 之实现深拷贝的四种方式
进行深拷贝的方法递归函数 （推荐使用，项目中使用的更多，更小，更安全）JSON.stringify() 和JSON.parse();(不推荐使用,如果遇到Function,Date等类型的变量容易出现一些意料之外的问题)第三方库lodash的cloneDeep()方法 （就情况而定，如果项目中原先就有lodash这个第三方库，可以使用，否则还是推荐使用递归函数。不然成本太高。）JQuery的extend()函数 (推荐在JQuery项目中使用，其他项目依然推荐是用递归函数)...
2022-08-12 16:15:57
476
原创 vue项目打包后 希望可以修改配置（接口地址，系统名称等）
项目打包发布，之后可能存在接口域名更换，项目名称修改等情况，就需要开发人员重新修改代码，重新发布，比较费时费力。希望可以将这些配置在一个文件中，如需更换，运维可直接打开配置文件，更改保存即生效。......
2022-08-09 15:38:32
3017
转载 Vue3-pinia（状态管理）
这个是vue3新的状态管理工具，简单来说相当于之前vuex，它去掉了Mutations但是也是支持vue2的，尤大推荐。因为其logo像是一个菠萝，所以我们还称呼它为大菠萝。
2022-08-08 12:49:33
444
原创 小程序图片转换Base64格式的三种方法
1、wx.request() 这种方式适合网络https路径图片，但无法解析wxfile://xxxx导致转化报错三、获取全局唯一的文件管理器 读取本地文件内容
2022-06-28 08:46:31
4334
1
原创 Element 表格更改行文字颜色
一、绑定属性 :row-class-name="tableAddClass"<el-table :header-cell-style="{background:'#E9E9EB',color:'#000000'}" :data="tableData" border v-loading="loading" :row-class-name="tableAddClass"></el-table>二、导入方法export function tableAddClas
2022-05-25 11:48:36
1864
原创 Element组件表格内表单验证
验证起作用规则：关键在于1、:prop="'table的data字段名.' + scope.$index + '.input字段名'" 2、v-model="scope.row.input字段名"例如：<el-form-item :prop="`tableData[${scope.$index}].SubjectBook.C_Name`" :rules="[{ required: true, message: '请输入标题', trigger: 'blur' }]
2022-05-19 19:12:59
1654
原创 element-plus日期时间组件控制选择范围
element-plus和原element版本的组件不太一样，以下记录element-plus控制选择范围用法:disabledDate="disabledDateFun"<el-form-item label="计划起始时间" > <el-date-picker style="width:100%" size="small" v-model="timeArr" type="datetimerange" :di
2022-05-18 17:07:12
1981
原创 js获取图片宽高等数据
一、根据图片链接url 来获取图片宽高getImageSize(url) { return new Promise((resolve) => { var img = document.createElement("img"); img.src = url; img.onload = () => { // 为什么要写 onload 是因为要等他加载完之后才能获
2022-05-07 18:53:36
4011
原创 react项目打包并在本地运行
react项目的打包在该项目文件夹中打开终端输入项目打包命令：npm run build打包成功后文件夹中会多出一个 build 文件，该文件就是打包好的项目！二、react项目打包后的启动方法：1、首先我们全局安装live-server插件live-server插件可以简单创建一个本地服务，执行以下命令全局安装live-server插件npm install -g live-server安装完成就可以在终端启动打包好的build项目了2、在build文件夹终端输
2022-03-10 13:47:54
3810
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人