- 博客(178)
- 问答 (6)
- 收藏
- 关注
RSS订阅原创 element-ui封装分页组件：实现首页、上一页、下一页、末页、跳转按钮
组件默认pageNum 从1开始，如果接口是从0开始，传参时-1即可。// 如果只有1页，禁用末页，或者已经处于末页，禁用。// 如果只有1页，禁用首页。
2024-07-09 14:00:46
1146
原创 前端vue使用onlyoffice控件实现word在线编辑、预览（仅列出前端部分需要做的工作，不包含后端部分）
ONLYOFFICE 文档 是一个开源办公套件，包括文本文档、电子表格、演示文稿和可填写表单的编辑器。它提供以下功能：创建、编辑和查看文本文档、电子表格、演示文稿和可填写表单；与其他队友实时协作处理文件。基于这个控件，可以实现前端word、excel、pdf等文件在线编辑、预览，可以说非常强大，目前项目中只使用到word编辑预览，但拓展其他文件也非常简单，完善类型传参，更改onlyoffice配置参数中的文件类型即可。
2024-06-28 18:05:08
5271
6
转载 将git仓库中所有的commit合成一个
运行这两行指令之后，将会弹出一个新的编辑框，要求填写 commit message。默认的 commit message 就是你的第一个提交的 commit 信息，如果你需要修改，就修改一下。将现在的暂存区的内容直接 amend 到前一个提交（在这里指的就是第一个 commit）。将当前分支的状态切换到第一个提交中，并保留本地的修改以及暂存区的设置；使用效果良好，mark一下。以上配置均可以组合使用。
2024-06-17 11:00:33
58
原创 nodejs实现生成加密zip压缩包，封装成一个vite插件，vite打包完生成加密zip压缩包
【代码】nodejs实现生成加密zip压缩包，封装成一个vite插件，vite打包完生成加密zip压缩包。
2024-05-23 14:41:53
323
原创 使用wujie微前端，主子应用都是vue+vite：实现localStorage隔离，解决子应用使用vite时样式丢失问题，解决子应用element-plus悬浮组件（日期框、下拉框）计算偏移量错误
是子应用的url地址，我的项目中是在应用列表页面中，点击应用打开新页面时获取和设置该变量。在主应用中重写localStorage函数，为localStorage加入前缀，因为主子应用共用的都是主应用的window，主应用中调用一下即可。是判断是嵌入的子应用页面时才进行显示，有一些是主应用中的页面，这些页面不走wujie。wujie有专门封装vue、react的组件，直接安装组件使用，这里主应用vue2，vue3的话安装。是对子应用直接进行一些改造，且不需要去子应用中修改。是传递给子应用的参数。
2024-04-26 10:11:01
869
4
原创 js实现任意更改base64字符串图片的颜色，封装函数
开发echarts时，通过base64字符串设置markPoint自定义图标，但是如果颜色有所变更，就很麻烦了，就研究下了下如何给base64字符串转颜色。思路：通过base64设置canvas上，更改canvas三原色，再canvas转base64。"请先点击 '修改颜色' 以生成修改后的 Base64 图像。// 将修改后的 base64 图像保存到全局变量。"修改后的 Base64 图像已复制到剪贴板！// 显示修改后的图片。
2024-04-02 16:54:42
900
原创 封装一个防抖函数，并给防抖函数中传入的函数传参
/ 将防抖后的 scroll 事件处理函数绑定到 window 的 scroll 事件上。// 创建一个防抖函数来处理 scroll 事件。// 设置防抖的延迟时间为 200 毫秒。
2024-03-31 17:37:55
463
原创 npm、yarn、pnpm设置镜像解决下载electron卡住的问题
【代码】npm、yarn、pnpm设置镜像解决下载electron卡住的问题。
2024-03-25 19:50:13
889
原创 vxe-table可编辑表格实现增删改查与必填校验
往表格插入临时数据，从指定位置插入一行或多行；第二个参数：row 指定位置、null从第一行插入、-1 从最后插入。保持原始值的状态，被某些功能所依赖，比如编辑状态、还原数据等（开启后影响性能，具体取决于数据量）支持铺满父容器或者固定高度，如果设置。，则必须确保存在父节点且不允许存在相邻元素）用于 edit-config，激活单元格编辑。排序配置项，一些数值和日期列可以进行排序。纵向虚拟滚动配置（不支持展开行）,指定大于指定行时自动启动纵向虚拟滚动。为铺满父容器（如果设置为。
2024-03-12 15:47:17
2711
原创 element-ui修改el-menu样式记录：设置菜单背景图片、菜单图标、菜单高亮与鼠标悬浮高亮、调整子菜单等样式
menu菜单透明，则背景图片能正常显示。
2024-03-06 15:29:51
3735
原创 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
668
2
原创 覆盖element-ui控件宽高样式记录：el-input、el-date-picker、el-time-picker、el-button
该组件默认时分秒，设置时分需要设置value-format和format属性。该组件默认打开是当前时分，设置dafaultTime变量值为。通过padding来控制宽高。
2024-03-04 16:14:02
729
原创 vue2+vxe-table的v3版本：设置vxe-table表格border颜色、单元格高度、斑马线条纹颜色、表头背景色和文字样式
【代码】vue2+vxe-table的v3版本：设置vxe-table表格border颜色、单元格高度、斑马线条纹颜色、表头背景色和文字样式。
2024-03-04 11:36:30
1821
原创 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
972
2
原创 HBuilderX版本的 Auto Rename Tag插件：用于html/vue标签自动重命名
2.如果直接清空整个标签，再输入标签名，会导致撤回一直处于清空和新的标签名，因为插件无法判断用户是在编辑标签还是在撤回，从而导致撤回时也触发同步标签操作，vscode 中解决这个问题还是因为 vscode api 能设置合并编辑操作。（后续解决思路：先解决第一个问题，这个问题应该就能解决，或者插件提供一个命令，替换默认撤回，这个命令可以暂时关闭插件，等撤回完了再开启插件，也能实现想要的效果）（后续解决思路：粗暴一点，同步标签名后强制撤回两次，然后插件再一次性还原用户和插件的编辑操作，这样就只需要撤回一次）
2024-01-25 09:29:28
573
转载 css每行数量一定，但最后一行数量不定，选中最后一行添加margin-bottom
为了兼容旧版本60左右的谷歌浏览器，放弃使用flex布局中gap属性还是使用margin兼容性最好，但需要清除最后一行的margin。
2023-12-26 16:36:01
483
原创 vue+sortablejs实现列表元素拖拽排序，调用接口保存排序位置
不然vue虚拟dom匹配会出现问题，导致拖拽无效。必须绑定唯一值，不能使用。
2023-12-22 11:29:02
640
原创 uniapp引入插件市场echarts图表（l-echart）实现小程序端图表，并修改源码简化使用
中的包也会算在主包体积中，而我项目中的图表是在分包中使用的，所以我移动。直接传参option给组件，请求接口后修改option即可。下载指定的 echarts 组件压缩包，然后替换。体积，因为需求中只需要柱图和饼图，所以我去。1.因为小程序有主包分包大小限制，并且。方法监听宽高变化，然后调用原本就实现的。图表组件到分包目录组件文件夹中。
2023-12-05 16:44:59
4129
12
原创 微信小程序pc端宽高：默认宽高为1024*812，全屏宽高为1920*1032
最近开发调试pc端小程序，想知道默认打开和全屏这两种情况下的小程序宽高，发现了一种方法：真机运行pc端小程序，点击devTools在控制台直接打印window对象，可以获取到pc端默认屏幕宽高为1024812，全屏pc端小程序后屏幕宽高为19201032开发者工具里自定义该大小的设备，用来调试样式
2023-12-05 16:34:46
2453
原创 uniapp实现微信小程序pc端需求：双击表格行跳转详情，编辑完返回，表格滚动定位到之前选择的表格行
并不是一个组件，它们仅仅是一个包装元素，不会在页面中做任何渲染，只接受控制属性。则是滚动定位元素的固定id，这两个变量最开始置空，这样能保障触发滚动效果。变量·是用于v-if判断是否渲染滚动定位元素，属性，用于渲染滚动定位元素，实现滚动定位。做包装元素会提示编译错误，使用。通过v-if渲染这个元素能触发滚动。这个元素动态绑定id不能触发滚动。
2023-12-05 09:59:26
519
原创 微信开发者工具请求所有接口都出现502，使用postman测试正常
发现network中接口的remote address有问题。最终发现是小程序开发者工具给我整了代理。
2023-12-04 15:05:07
610
原创 uniapp项目打包h5，支持文件协议，使用vconsole调试移动端
uniapp项目需要打包h5，并且需要嵌套到一个原生的移动端项目中，需要支持文件协议能直接访问。
2023-11-30 11:42:15
600
原创 uniapp开发小程序-pc端小程序下载后端接口的二进制流文件
值得注意的是，微信开发者工具中是测试不了。后端接口返回的是文件的二进制流。的，需要真机或者体验版测试。包含文件名+后缀名，比如。
2023-11-22 17:04:04
702
原创 window11最新版终于可以取消任务栏合并了
windows11一个软件开了多个窗口之后，会自动合并任务栏，很不方便选择其中一个窗口，且没有选项能关闭这一配置。终于，最新版完善了这一功能，现在可以关闭了自动合并任务栏了。终于恢复windows10时的任务栏了。
2023-10-31 14:52:14
6077
原创 解决github 2FA验证
验证完code会有一堆代码，下载下来保存，应该是用于一些账户找回等功能的，妥善找个地方保存就行，现在能正常使用github了。安装后点击这里后，选中github网页提供的二维码，插件会生成一个code，粘贴到github网页需要输入code的地方。安装谷歌浏览器插件 身份验证器。
2023-09-28 10:16:00
1911
原创 vxe-table解决虚拟滚动时的白屏问题
项目中使用虚拟滚动，滚动一快就会白屏，花了两天时间看了源码，检查渲染元素，发现元素渲染的是很快的，跟得上的，但是还是会出现白屏，后面检查样式，发现只要把表格背景色去掉，滚动一点问题都没有，这个白屏居然是表格的背景色导致的。pr已合并，vue3更新vxe-table到最新版4.5.7即可，如果是vue2，vxe-table的v3版本目前尚未修复，全局改下样式即可。就是给最外层这个div设置背景色，会出现这样情况，感觉这时的浏览器渲染机制是，先渲染背景色，再渲染表格。直接给table设置背景色也没问题。
2023-08-24 15:21:18
2357
14
原创 hbuilderx主题色分享-github风格
，则当前hbuilderx必须处于雅黑主题，配置才能有作用。的，不能直接创建一个新主题，比如下方配置是基于。hbuilderx总共有三种主题，绿柔主题。
2023-07-31 10:08:23
4855
原创 uniapp-轮播图swiper根据内容图片高度自适应，解决获取图片高度不准确的问题
到是能解决，但是不稳定，有时200ms能正确，有时不能，再设置久一点，用户体验不好，图片等待时间太久了。获取图片高度，但返回的图片高度还是不正确，太坑了，但load里再使用。的方法获取图片高度不正确，比如图片是100，获取是200，需求：轮播图swiper根据内容图片高度自适应。研究了一下，图片加载完成时间@load里，也能。的方法获取图片高度则正确了。但是通过uniapp。
2023-07-19 15:12:44
1729
原创 vue结合tailwindcss：自定义class
通过@tailwind 指令添加每一个 Tailwind 功能模块的主 CSS 文件中添加@layer components指定生成组合后的class类名，页面中进行使用vue页面中正常绑定class
2023-07-17 14:34:30
1958
5
原创 vue2实现虚拟滚动select下拉组件-上万条数据下拉支持过滤（样式仿el-select）
vue3中element-plus组件库有虚拟滚动select，然而维护的是vue2项目，遇到后端要返回9000条数据的情况，需要进行下拉选择并且可以过滤
2023-07-17 12:02:00
1893
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
2313
7
空空如也
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关注的人