- 博客(186)
- 问答 (6)
- 收藏
- 关注
RSS订阅原创 cursor接入满血版deepseek（使用硅基流动平台提供的deepseek-v3 api）
Cursor 是一个基于 Visual Studio Code（VS Code）技术构建的高级代码编辑器，专为提高编程效率并更深度地整合 AI 功能而设计。它不仅继承了 VS Code 的强大功能和用户界面，还增加了专门针对 AI 支持的特色功能。
2025-02-21 11:11:32
714
2
原创 JavaScript的diff库详解（示例：vue项目实现两段字符串比对标黄功能）
diff库是基于实现的 JavaScript 文本差异库。是由 Eugene Myers 在 1986 年发表的一篇经典算法论文中描述的一种高效算法，用于计算两个序列（通常是字符串）之间的差异。该算法的时间复杂度为通过该算法，diff库可以高效地分析文本之间的差异，广泛应用于文本比对、版本管理和实时内容编辑等场景。diff基于在线演示网站，我们可以看到diff库支持等等的差异比较。前面三个都好理解，则可能需要了解下相应概念。
2024-12-31 18:04:20
684
2
原创 前端通过函数方法触发文件上传、限制文件类型、限制文件大小、上传的进度
【代码】前端通过函数方法触发文件上传、限制文件类型、限制文件大小、上传的进度。
2024-12-31 17:48:06
616
2
原创 前端处理后端返回的gzip压缩的base64字符串
Gzip 是一种文件压缩格式和数据压缩算法，用于减少文件或数据的体积，从而提高存储和传输的效率。它最初是为了压缩 Unix 文件系统中的文件而设计的，但如今已经广泛应用于网络传输和数据存储领域。Base64 只是对 Gzip 压缩后的数据进行编码，前端需要先将 Base64 解码为二进制数据，然后使用解压工具解压 Gzip 数据。Base64 编码将二进制数据转换为文本形式，适合在 JSON、HTML、HTTP 请求中传递。Gzip 压缩的结果是二进制数据，不便于直接在文本传输中使用。
2024-12-31 17:46:15
563
原创 前端vue+el-input实现输入框中文字高亮标红效果（学习自掘金博主文章）
生成html字符串来实现文字高亮标红效果，但是input输入控件不能渲染html字符串，那就用div来渲染html字符串，将输入框的背景和文字设置为透明，层级设置在div上面，这样用户输入时操作的是输入框，渲染时用的是下面的div。我未处理输入框内容过多时滚动和调整输入框大小时的div，因为我直接设置输入框autosize自动调整大小，并且关闭了resize，不允许用户调整输入框大小，有相关需求的可以看下掘金文章，有相应方案和思路。我的项目中需求是把括号内的内容标红。
2024-12-31 17:36:26
1144
原创 javaScript解析单边和双边不等式(‘15≤x≤30‘、‘10≥x≥5‘、‘x≤30‘、‘x≥5‘)，校验数值符合不等式，转换成javaScript能识别的语法再运行
/ 校验表达式并生成提示信息// 转义特殊字符// 匹配双边表达式（如：10.5≤IDZ(A)≤20.75）`(\\d+(?:\\.\\d+)?${// 校验表达式并生成提示信息 function validateExpression(expression , variableName , value) {// 转义特殊字符 const escapeRegExp =(str) => str . replace(/ [.*+?
2024-12-04 15:18:59
151
原创 vue-cli4.5+使用es6的?.和??语法，出现报错Module parse failed: Unexpected token
至于这个 issue 里出现的报错，则是因为项目的依赖版本比较老，除了 Babel 以外，其他的工具比如 webpack 4 是不支持新语法的，所以如果 Babel 不再把代码转换好再输出给它们，它们就会报无法解析的错误。而不包含 IE 11 的、满足 “> 1%, not dead, last 2 versions” 的所有浏览器，都支持最新的语法标准，所以 @babel/preset-env 不再需要转译?所以默认的 “not dead” 条件会把它排除在外。vue-cli根目录有。
2024-10-15 11:25:57
174
原创 前端vue左侧树的一整套功能实现（一）：vue2+vite封装v-resize指令，实现左侧树拖拽宽度和折叠展开
用于拖拽指令中设置折叠展开图标。
2024-09-19 11:29:11
712
原创 element-ui封装分页组件：实现首页、上一页、下一页、末页、跳转按钮
组件默认pageNum 从1开始，如果接口是从0开始，传参时-1即可。// 如果只有1页，禁用末页，或者已经处于末页，禁用。// 如果只有1页，禁用首页。
2024-07-09 14:00:46
1988
1
原创 前端vue使用onlyoffice控件实现word在线编辑、预览（仅列出前端部分需要做的工作，不包含后端部分）
ONLYOFFICE 文档 是一个开源办公套件，包括文本文档、电子表格、演示文稿和可填写表单的编辑器。它提供以下功能：创建、编辑和查看文本文档、电子表格、演示文稿和可填写表单；与其他队友实时协作处理文件。基于这个控件，可以实现前端word、excel、pdf等文件在线编辑、预览，可以说非常强大，目前项目中只使用到word编辑预览，但拓展其他文件也非常简单，完善类型传参，更改onlyoffice配置参数中的文件类型即可。
2024-06-28 18:05:08
13104
10
转载 将git仓库中所有的commit合成一个
运行这两行指令之后，将会弹出一个新的编辑框，要求填写 commit message。默认的 commit message 就是你的第一个提交的 commit 信息，如果你需要修改，就修改一下。将现在的暂存区的内容直接 amend 到前一个提交（在这里指的就是第一个 commit）。将当前分支的状态切换到第一个提交中，并保留本地的修改以及暂存区的设置；使用效果良好，mark一下。以上配置均可以组合使用。
2024-06-17 11:00:33
122
原创 nodejs实现生成加密zip压缩包，封装成一个vite插件，vite打包完生成加密zip压缩包
【代码】nodejs实现生成加密zip压缩包，封装成一个vite插件，vite打包完生成加密zip压缩包。
2024-05-23 14:41:53
532
原创 使用wujie微前端，主子应用都是vue+vite：实现localStorage隔离，解决子应用使用vite时样式丢失问题，解决子应用element-plus悬浮组件（日期框、下拉框）计算偏移量错误
是子应用的url地址，我的项目中是在应用列表页面中，点击应用打开新页面时获取和设置该变量。在主应用中重写localStorage函数，为localStorage加入前缀，因为主子应用共用的都是主应用的window，主应用中调用一下即可。是判断是嵌入的子应用页面时才进行显示，有一些是主应用中的页面，这些页面不走wujie。wujie有专门封装vue、react的组件，直接安装组件使用，这里主应用vue2，vue3的话安装。是对子应用直接进行一些改造，且不需要去子应用中修改。是传递给子应用的参数。
2024-04-26 10:11:01
1490
4
原创 js实现任意更改base64字符串图片的颜色，封装函数
开发echarts时，通过base64字符串设置markPoint自定义图标，但是如果颜色有所变更，就很麻烦了，就研究下了下如何给base64字符串转颜色。思路：通过base64设置canvas上，更改canvas三原色，再canvas转base64。"请先点击 '修改颜色' 以生成修改后的 Base64 图像。// 将修改后的 base64 图像保存到全局变量。"修改后的 Base64 图像已复制到剪贴板！// 显示修改后的图片。
2024-04-02 16:54:42
1249
原创 封装一个防抖函数，并给防抖函数中传入的函数传参
/ 将防抖后的 scroll 事件处理函数绑定到 window 的 scroll 事件上。// 创建一个防抖函数来处理 scroll 事件。// 设置防抖的延迟时间为 200 毫秒。
2024-03-31 17:37:55
579
原创 npm、yarn、pnpm设置镜像解决下载electron卡住的问题
【代码】npm、yarn、pnpm设置镜像解决下载electron卡住的问题。
2024-03-25 19:50:13
1615
1
原创 vxe-table可编辑表格实现增删改查与必填校验
往表格插入临时数据，从指定位置插入一行或多行；第二个参数：row 指定位置、null从第一行插入、-1 从最后插入。保持原始值的状态，被某些功能所依赖，比如编辑状态、还原数据等（开启后影响性能，具体取决于数据量）支持铺满父容器或者固定高度，如果设置。，则必须确保存在父节点且不允许存在相邻元素）用于 edit-config，激活单元格编辑。排序配置项，一些数值和日期列可以进行排序。纵向虚拟滚动配置（不支持展开行）,指定大于指定行时自动启动纵向虚拟滚动。为铺满父容器（如果设置为。
2024-03-12 15:47:17
3898
原创 element-ui修改el-menu样式记录：设置菜单背景图片、菜单图标、菜单高亮与鼠标悬浮高亮、调整子菜单等样式
menu菜单透明，则背景图片能正常显示。
2024-03-06 15:29:51
6430
原创 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
804
2
原创 覆盖element-ui控件宽高样式记录：el-input、el-date-picker、el-time-picker、el-button
该组件默认时分秒，设置时分需要设置value-format和format属性。该组件默认打开是当前时分，设置dafaultTime变量值为。通过padding来控制宽高。
2024-03-04 16:14:02
1090
原创 vue2+vxe-table的v3版本：设置vxe-table表格border颜色、单元格高度、斑马线条纹颜色、表头背景色和文字样式
【代码】vue2+vxe-table的v3版本：设置vxe-table表格border颜色、单元格高度、斑马线条纹颜色、表头背景色和文字样式。
2024-03-04 11:36:30
2432
原创 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
1315
5
原创 HBuilderX版本的 Auto Rename Tag插件：用于html/vue标签自动重命名
2.如果直接清空整个标签，再输入标签名，会导致撤回一直处于清空和新的标签名，因为插件无法判断用户是在编辑标签还是在撤回，从而导致撤回时也触发同步标签操作，vscode 中解决这个问题还是因为 vscode api 能设置合并编辑操作。（后续解决思路：先解决第一个问题，这个问题应该就能解决，或者插件提供一个命令，替换默认撤回，这个命令可以暂时关闭插件，等撤回完了再开启插件，也能实现想要的效果）（后续解决思路：粗暴一点，同步标签名后强制撤回两次，然后插件再一次性还原用户和插件的编辑操作，这样就只需要撤回一次）
2024-01-25 09:29:28
718
转载 css每行数量一定，但最后一行数量不定，选中最后一行添加margin-bottom
为了兼容旧版本60左右的谷歌浏览器，放弃使用flex布局中gap属性还是使用margin兼容性最好，但需要清除最后一行的margin。
2023-12-26 16:36:01
596
原创 vue+sortablejs实现列表元素拖拽排序，调用接口保存排序位置
不然vue虚拟dom匹配会出现问题，导致拖拽无效。必须绑定唯一值，不能使用。
2023-12-22 11:29:02
777
原创 uniapp引入插件市场echarts图表（l-echart）实现小程序端图表，并修改源码简化使用
中的包也会算在主包体积中，而我项目中的图表是在分包中使用的，所以我移动。直接传参option给组件，请求接口后修改option即可。下载指定的 echarts 组件压缩包，然后替换。体积，因为需求中只需要柱图和饼图，所以我去。1.因为小程序有主包分包大小限制，并且。方法监听宽高变化，然后调用原本就实现的。图表组件到分包目录组件文件夹中。
2023-12-05 16:44:59
5915
16
原创 微信小程序pc端宽高：默认宽高为1024*812，全屏宽高为1920*1032
最近开发调试pc端小程序，想知道默认打开和全屏这两种情况下的小程序宽高，发现了一种方法：真机运行pc端小程序，点击devTools在控制台直接打印window对象，可以获取到pc端默认屏幕宽高为1024812，全屏pc端小程序后屏幕宽高为19201032开发者工具里自定义该大小的设备，用来调试样式
2023-12-05 16:34:46
3982
原创 uniapp实现微信小程序pc端需求：双击表格行跳转详情，编辑完返回，表格滚动定位到之前选择的表格行
并不是一个组件，它们仅仅是一个包装元素，不会在页面中做任何渲染，只接受控制属性。则是滚动定位元素的固定id，这两个变量最开始置空，这样能保障触发滚动效果。变量·是用于v-if判断是否渲染滚动定位元素，属性，用于渲染滚动定位元素，实现滚动定位。做包装元素会提示编译错误，使用。通过v-if渲染这个元素能触发滚动。这个元素动态绑定id不能触发滚动。
2023-12-05 09:59:26
586
原创 微信开发者工具请求所有接口都出现502，使用postman测试正常
发现network中接口的remote address有问题。最终发现是小程序开发者工具给我整了代理。
2023-12-04 15:05:07
900
原创 uniapp项目打包h5，支持文件协议，使用vconsole调试移动端
uniapp项目需要打包h5，并且需要嵌套到一个原生的移动端项目中，需要支持文件协议能直接访问。
2023-11-30 11:42:15
743
原创 uniapp开发小程序-pc端小程序下载后端接口的二进制流文件
值得注意的是，微信开发者工具中是测试不了。后端接口返回的是文件的二进制流。的，需要真机或者体验版测试。包含文件名+后缀名，比如。
2023-11-22 17:04:04
819
原创 window11最新版终于可以取消任务栏合并了
windows11一个软件开了多个窗口之后，会自动合并任务栏，很不方便选择其中一个窗口，且没有选项能关闭这一配置。终于，最新版完善了这一功能，现在可以关闭了自动合并任务栏了。终于恢复windows10时的任务栏了。
2023-10-31 14:52:14
10766
原创 解决github 2FA验证
验证完code会有一堆代码，下载下来保存，应该是用于一些账户找回等功能的，妥善找个地方保存就行，现在能正常使用github了。安装后点击这里后，选中github网页提供的二维码，插件会生成一个code，粘贴到github网页需要输入code的地方。安装谷歌浏览器插件 身份验证器。
2023-09-28 10:16:00
2734
空空如也
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关注的人