- 博客(173)
- 问答 (6)
- 收藏
- 关注
RSS订阅原创 js实现任意更改base64字符串图片的颜色，封装函数
开发echarts时，通过base64字符串设置markPoint自定义图标，但是如果颜色有所变更，就很麻烦了，就研究下了下如何给base64字符串转颜色。思路：通过base64设置canvas上，更改canvas三原色，再canvas转base64。"请先点击 '修改颜色' 以生成修改后的 Base64 图像。// 将修改后的 base64 图像保存到全局变量。"修改后的 Base64 图像已复制到剪贴板！// 显示修改后的图片。
2024-04-02 16:54:42
500
原创 封装一个防抖函数，并给防抖函数中传入的函数传参
/ 将防抖后的 scroll 事件处理函数绑定到 window 的 scroll 事件上。// 创建一个防抖函数来处理 scroll 事件。// 设置防抖的延迟时间为 200 毫秒。
2024-03-31 17:37:55
252
原创 npm、yarn、pnpm设置镜像解决下载electron卡住的问题
【代码】npm、yarn、pnpm设置镜像解决下载electron卡住的问题。
2024-03-25 19:50:13
176
原创 vxe-table可编辑表格实现增删改查与必填校验
往表格插入临时数据，从指定位置插入一行或多行；第二个参数：row 指定位置、null从第一行插入、-1 从最后插入。保持原始值的状态，被某些功能所依赖，比如编辑状态、还原数据等（开启后影响性能，具体取决于数据量）支持铺满父容器或者固定高度，如果设置。，则必须确保存在父节点且不允许存在相邻元素）用于 edit-config，激活单元格编辑。排序配置项，一些数值和日期列可以进行排序。纵向虚拟滚动配置（不支持展开行）,指定大于指定行时自动启动纵向虚拟滚动。为铺满父容器（如果设置为。
2024-03-12 15:47:17
681
原创 覆盖element-ui的el-menu样式记录：背景图片、菜单图标、菜单高亮与鼠标悬浮高亮、调整子菜单等样式
menu菜单下的背景图片则能正常显示了。
2024-03-06 15:29:51
912
原创 vue2+vite+@vitejs/plugin-vue2可以使用require引用图片资源
vitejs/plugin-vue则没有该功能，不能使用require，这应当出于vue2项目需要迁移vite的考虑，尤大才做了兼容处理，而vue3+vite一般是从新开发，不需要兼容require这种写法，更推荐import.meta.url这类新规范写法。很多文章都说vite不能用require，vue3+vite确实是这样的，但今天无意间发现vue2+vite中是可以使用require引用资源的。，对require语法做了处理，匹配到后进行语法替换。解析vue语法，而vue2使用的则是另一个插件。
2024-03-05 11:20:27
478
原创 覆盖element-ui控件样式记录：el-input输入框、el-date-picker日期范围选择器、el-time-picker时分范围选择器、el-button按钮控件宽高与图标位置
unlink-panels属性表示是否在范围选择器里取消两个日期面板之间的联动。该组件默认时分秒，设置时分需要设置value-format和format属性。该组件默认打开是当前时分，设置dafaultTime变量值为。通过padding来控制宽高。
2024-03-04 16:14:02
417
原创 vue2+vxe-table的v3版本：设置vxe-table表格border颜色、单元格高度、斑马线条纹颜色、表头背景色和文字样式
【代码】vue2+vxe-table的v3版本：设置vxe-table表格border颜色、单元格高度、斑马线条纹颜色、表头背景色和文字样式。
2024-03-04 11:36:30
745
原创 uniapp实现安卓端导出execl、打包excel为zip压缩文件、分享zip压缩文件到微信、qq
使用插件，该插件是原生插件，会调用手机系统的分享弹窗，如果手机上安装了微信、qq等应用，则会在弹窗中显示相应应用，如果指定"QQ"，则分享弹窗中只有"QQ"图标。原理在于生成excel字符串，写入文件中，这种方式可能存在一定兼容性问题，有的excel软件或版本可能打不开。直接在vue文件中使用相应api即可，无需导入，uniapp默认支持，编译到安卓真机上进行调试。使用uniapp的h5+ api(JS API调用手机的原生能力)调用安卓功能，文档可见。
2024-02-27 11:29:56
449
原创 HBuilderX版本的 Auto Rename Tag插件：用于html/vue标签自动重命名
2.如果直接清空整个标签，再输入标签名，会导致撤回一直处于清空和新的标签名，因为插件无法判断用户是在编辑标签还是在撤回，从而导致撤回时也触发同步标签操作，vscode 中解决这个问题还是因为 vscode api 能设置合并编辑操作。（后续解决思路：先解决第一个问题，这个问题应该就能解决，或者插件提供一个命令，替换默认撤回，这个命令可以暂时关闭插件，等撤回完了再开启插件，也能实现想要的效果）（后续解决思路：粗暴一点，同步标签名后强制撤回两次，然后插件再一次性还原用户和插件的编辑操作，这样就只需要撤回一次）
2024-01-25 09:29:28
434
转载 css每行数量一定，但最后一行数量不定，选中最后一行添加margin-bottom
为了兼容旧版本60左右的谷歌浏览器，放弃使用flex布局中gap属性还是使用margin兼容性最好，但需要清除最后一行的margin。
2023-12-26 16:36:01
340
原创 vue+sortablejs实现列表元素拖拽排序，调用接口保存排序位置
不然vue虚拟dom匹配会出现问题，导致拖拽无效。必须绑定唯一值，不能使用。
2023-12-22 11:29:02
367
原创 uniapp引入插件市场echarts图表（l-echart）实现小程序端图表，并修改源码简化使用
中的包也会算在主包体积中，而我项目中的图表是在分包中使用的，所以我移动。直接传参option给组件，请求接口后修改option即可。下载指定的 echarts 组件压缩包，然后替换。体积，因为需求中只需要柱图和饼图，所以我去。1.因为小程序有主包分包大小限制，并且。方法监听宽高变化，然后调用原本就实现的。图表组件到分包目录组件文件夹中。
2023-12-05 16:44:59
1859
7
原创 微信小程序pc端宽高：默认宽高为1024*812，全屏宽高为1920*1032
最近开发调试pc端小程序，想知道默认打开和全屏这两种情况下的小程序宽高，发现了一种方法：真机运行pc端小程序，点击devTools在控制台直接打印window对象，可以获取到pc端默认屏幕宽高为1024812，全屏pc端小程序后屏幕宽高为19201032开发者工具里自定义该大小的设备，用来调试样式
2023-12-05 16:34:46
1090
原创 uniapp实现微信小程序pc端需求：双击表格行跳转详情，编辑完返回，表格滚动定位到之前选择的表格行
并不是一个组件，它们仅仅是一个包装元素，不会在页面中做任何渲染，只接受控制属性。则是滚动定位元素的固定id，这两个变量最开始置空，这样能保障触发滚动效果。变量·是用于v-if判断是否渲染滚动定位元素，属性，用于渲染滚动定位元素，实现滚动定位。做包装元素会提示编译错误，使用。通过v-if渲染这个元素能触发滚动。这个元素动态绑定id不能触发滚动。
2023-12-05 09:59:26
392
原创 微信开发者工具请求所有接口都出现502，使用postman测试正常
发现network中接口的remote address有问题。最终发现是小程序开发者工具给我整了代理。
2023-12-04 15:05:07
417
原创 uniapp项目打包h5，支持文件协议，使用vconsole调试移动端
uniapp项目需要打包h5，并且需要嵌套到一个原生的移动端项目中，需要支持文件协议能直接访问。
2023-11-30 11:42:15
355
原创 uniapp开发小程序-pc端小程序下载后端接口的二进制流文件
值得注意的是，微信开发者工具中是测试不了。后端接口返回的是文件的二进制流。的，需要真机或者体验版测试。包含文件名+后缀名，比如。
2023-11-22 17:04:04
463
原创 window11最新版终于可以取消任务栏合并了
windows11一个软件开了多个窗口之后，会自动合并任务栏，很不方便选择其中一个窗口，且没有选项能关闭这一配置。终于，最新版完善了这一功能，现在可以关闭了自动合并任务栏了。终于恢复windows10时的任务栏了。
2023-10-31 14:52:14
2237
原创 解决github 2FA验证
验证完code会有一堆代码，下载下来保存，应该是用于一些账户找回等功能的，妥善找个地方保存就行，现在能正常使用github了。安装后点击这里后，选中github网页提供的二维码，插件会生成一个code，粘贴到github网页需要输入code的地方。安装谷歌浏览器插件 身份验证器。
2023-09-28 10:16:00
1380
原创 vxe-table解决虚拟滚动时的白屏问题
项目中使用虚拟滚动，滚动一快就会白屏，花了两天时间看了源码，检查渲染元素，发现元素渲染的是很快的，跟得上的，但是还是会出现白屏，后面检查样式，发现只要把表格背景色去掉，滚动一点问题都没有，这个白屏居然是表格的背景色导致的。pr已合并，vue3更新vxe-table到最新版4.5.7即可，如果是vue2，vxe-table的v3版本目前尚未修复，全局改下样式即可。就是给最外层这个div设置背景色，会出现这样情况，感觉这时的浏览器渲染机制是，先渲染背景色，再渲染表格。直接给table设置背景色也没问题。
2023-08-24 15:21:18
1666
11
原创 hbuilderx主题色分享-github风格
，则当前hbuilderx必须处于雅黑主题，配置才能有作用。的，不能直接创建一个新主题，比如下方配置是基于。hbuilderx总共有三种主题，绿柔主题。
2023-07-31 10:08:23
3927
原创 uniapp-轮播图swiper根据内容图片高度自适应，解决获取图片高度不准确的问题
到是能解决，但是不稳定，有时200ms能正确，有时不能，再设置久一点，用户体验不好，图片等待时间太久了。获取图片高度，但返回的图片高度还是不正确，太坑了，但load里再使用。的方法获取图片高度不正确，比如图片是100，获取是200，需求：轮播图swiper根据内容图片高度自适应。研究了一下，图片加载完成时间@load里，也能。的方法获取图片高度则正确了。但是通过uniapp。
2023-07-19 15:12:44
1377
原创 vue结合tailwindcss：自定义class
通过@tailwind 指令添加每一个 Tailwind 功能模块的主 CSS 文件中添加@layer components指定生成组合后的class类名，页面中进行使用vue页面中正常绑定class
2023-07-17 14:34:30
1374
原创 vue2实现虚拟滚动select下拉组件-上万条数据下拉支持过滤（样式仿el-select）
vue3中element-plus组件库有虚拟滚动select，然而维护的是vue2项目，遇到后端要返回9000条数据的情况，需要进行下拉选择并且可以过滤
2023-07-17 12:02:00
1508
2
原创 实现一个vscode插件：打开多个vscode项目时根据.nvmrc文件自动切换nvm
最终实现vscode插件：每个vscode实例打开一个项目，切换vscode实例时能自动切换版本（需要项目根目录有一个.nvmrc文件）第一版在1.1.12版本种会出现重大问题，一直弹窗提示指定在终端中调用nvm，导致无法正常使用，太坑了。表示当vscode窗口显示时触发，切换vscode实例时能够触发，然后调用。需要维护一些老项目，同时开发新项目时，切换nvm很烦人。话不多说，上代码，很简单，vscode插件方法。不过这并不影响vscode插件中实现。文件，这是nvm的官方文件，当使用。
2023-07-11 16:06:00
1894
7
原创 vue2 调用echarts api模拟legend置灰效果（使用div自定义实现legend）
项目需要自定义legend，仅用echarts自身配置无法实现，使用div绘制legend，再使用echarts api实现legend点击置灰效果。option中legend属性必须要写，不然不能正常触发legendToggleSelect。getColor用于获取数据对应的颜色块，如果禁用显示灰色。调用echarts api，根据名称切换legend。color是项目中定义的一个长度为13的颜色数组。
2023-07-10 18:06:10
525
原创 前端使用pdf-lib库实现pdf合并，window.open预览合并后的pdf
最近出差开了好多发票，写了一个pdf合并网站，用于把多张发票pdf合并成一张，方便打印。使用pdf-lib这个库实现的pdf合并功能，预览使用的是浏览器自身查看pdf功能。// 使用浏览器自带预览功能，预览合并后的PDF。// 将PDF文件添加到合并的PDF文档中。"请至少选择两个PDF文件进行合并！"请至少选择两个PDF文件进行合并！// 创建一个新的PDF文档。// 遍历选择的每个文件。
2023-06-28 12:25:26
2192
原创 TypeScript 中的箭头函数到底是个啥意思？
返回函数再次返回一个函数，再次返回函数的接受任意数量的参数，并将这些参数作为数组中的元素进行处理，再次返回最后没有返回值。总结来说，TypeScript 的箭头函数在语法上与 JavaScript 的箭头函数非常相似，但通过类型注解和上下文类型推断提供了更强大的类型系统支持，并且继承了 JavaScript 中箭头函数中的。如果函数返回函数，返回函数再返回函数，再返回函数再再返回函数，则箭头函数则需要无限套娃定义ts类型，比如下方代码。在上述 TypeScript 示例中，箭头函数内的。
2023-06-20 10:44:16
1417
转载 vue vxe-table自适应表格内容宽度
请求后端获取tableData数据，根据表头字段获取对应tableData数据中相应字段的最长内容，设置表头宽度。值得注意的坑是：vxe-table的宽度只能接受整数值。
2023-06-15 16:37:51
3458
空空如也
vscode插件prettier会自动给return加括号，请问有设置关闭吗
2021-11-17
vue的createApp函数代码阅读问题
2021-10-27
vue3 setup使用ref的style如何使用typescript
2021-08-26
为什么el-button要传给组件click事件而不是直接@click
2021-06-28
JSON.parse数据变得很奇怪
2021-04-08
TA创建的收藏夹 TA关注的收藏夹
TA关注的人