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