- 博客(80)
- 收藏
- 关注
RSS订阅
原创 JS实现@功能
参考文章网址1.https://segmentfault.com/a/1190000007846897?utm_source=tag-newest2.https://www.jianshu.com/p/fff5079b1268下边是简单的demo代码，可以复制自己在本地执行初始版本<!DOCTYPE html><html><head>...
2020-01-03 16:32:46
2747
转载 封装try-catch,async/await 错误处理模式
别再手动 try...catch 了：一种更优雅的 async/await 错误处理模式。状态，我们必须将代码包裹在。后面 Promise 的。
2026-01-05 10:30:34
6
转载 DocumentFragment：前端性能优化
批量渲染大量数据、动态构建复杂组件、高效移动DOM节点等。可以准备一个具体的例子："在我们之前做的后台管理系统中，需要渲染一个包含大量数据的表格。最初是循环中直接appendChild，页面卡顿明显。后来改用DocumentFragment，先在内存中构建完整的表格行，然后一次性插入，性能提升了约60%。
2026-01-04 14:15:37
10
原创 border-image使用
CSS border-image属性可以实现图片边框拉伸不变形的效果。通过设置border-image-source指定边框图片，border-image-slice定义图片切割区域，border-image-width控制边框宽度，border-image-repeat设置拉伸方式(stretch表示拉伸填充)，border-image-outset调整边框外扩距离。结合border属性设置透明边框，即可创建个性化的图片边框效果，避免传统边框样式单一的问题。这种方法特别适合需要特殊边框设计的网页元素。
2025-12-10 11:05:37
146
原创 windows安装claude code使用
3 分钟讲透 Win 版 Claude Code部署：整合 Qwen-Coder + GLM-4.5，零翻墙平替 Cursor！主要参考上边的文章进行安装使用前提：在当前时间claude官网不让注册新账号了，但想尝试一下claude code的使用安装：1.安装nodejs环境2.安装claude-code3.安装claude-code-router。
2025-12-04 16:32:03
380
原创 git小乌龟如何单个文件回退及整个版本回退
2.选择要回退到的版本，然后点击此版本提交的文件，右键你想还原的A文件（因为你一个版本里边有好多文件，如果你只想回退此版本的一个文件，而不是整个项目到这个版本，需要右键单独文件），然后点击还原到此版本，2.选择需要回退的版本，右键选择重置 "***（你自己的当前分支名）"到此版本，选择你需要的重置类型，我需要的是丢掉变更所以是硬重置。3.回退后推送分支到远端，需要选择已知变更（类似于强制推送）1.右键A文件，选择显示日志。1.右键文件，选择显示日志。选择你需要回退的文件A，
2025-11-03 20:23:53
369
转载 如何在关闭浏览器标签前，可靠地发送 HTTP 请求
文章摘要：现代Web开发中，navigator.sendBeacon()和fetch({keepalive:true})是两种在页面关闭时可靠发送HTTP请求的解决方案。sendBeacon()专为异步、非阻塞的数据发送设计，适合简单日志和分析数据；而fetch的keepalive选项更灵活，支持多种HTTP方法和请求头设置。两者都能确保请求在页面卸载后继续完成，开发者可根据需求选择合适的方式。
2025-10-09 09:53:59
72
原创 CSS中 min() max() clamp()函数
我们希望元素的最小宽度为200px，首选值为50%，最大值为1000px。我们希望元素的最大宽度为500px。我们希望元素的最小宽度为500px。
2025-09-28 11:34:54
275
原创 wujie+el-select 设置可多选可筛选，target指向错误
wujie切换项目过程中使el-select 多选可筛选时，e.target变成了 wujie app。所以最后将element-ui的el-select组件单独拉出来存到本地。网上查到的方法主项目中使用wujie-polyfill，没起作用。然后将select.vue中的这段代码替换成。组件内其他js逻辑不作变更。
2025-07-01 11:09:52
237
原创 vue-i18n+vscode+vue 多语言使用
本文介绍了Vue2和Vue3项目中Vue-i18n国际化方案及VSCode插件i18nAlly的配置。
2025-07-01 10:19:41
596
原创 van-picker实现日期时间选择器
本文介绍了如何在Vue3项目中使用Vant4的时间选择组件timePicker.vue，并根据业务需求进行自定义
2025-05-22 14:42:52
915
5
原创 vue3+vue-i18n 多语言自动翻译脚本
本文介绍了一个基于Vue 3和vue-i18n的多语言支持实现方案。通过配置package.json文件中的构建命令npm run lang，调用lang.ts脚本进行自动化翻译。
2025-05-15 09:22:45
551
原创 Promise.allSettled
Promise.allSettled为JavaScript开发者提供了更强大的并发控制能力。在处理多个异步任务时，它能确保获取所有任务的最终状态，无论成功与否，这使得错误处理和结果处理变得更加灵活和可靠。当你需要向多个端点发送请求，并且需要汇总所有结果时，Promise.allSettled能够确保你获得所有可用数据，即使部分请求失败。当你有多个独立的任务需要并行执行，每个任务的成功或失败不应影响其他任务时，Promise.allSettled是更安全的选择。
2025-05-07 15:33:08
254
原创 el-select+vue-virtual-scroller解决数据量大卡顿问题
解决el-select中数据量过大时，显示及搜索卡顿问题，及正确的回显默认选中数据
2025-04-21 17:22:17
585
转载 tsconfig.json配置详解
使用vite创建vue3项目中会自动生成三个tsconfig相关的文件，分别是：tsconfig.json、tsconfig.node.json、tsconfig.app.json。tsconfig.node.json是专门用来配置vite.config.ts文件的编译规则，tsconfig.app.json则是用来定义项目中其他文件的ts编译规则。后面两个文件最终会被引入到tsconfig.json中。
2025-04-17 13:58:33
384
原创 element-ui自定义主题
需要覆盖的scss命名，可看node_modules\element-ui\packages\theme-chalk\src\common\var.scss文件。在main.js中引入（此处main.js中不需要引入import 'element-ui/lib/theme-chalk/index.css';此时页面引用element-ui的组件颜色就是你自定义的了，类似于下图。自定义主题文档中，在项目中改变scss变量的方式去自定义主题色。在theme.scss中写入你需要覆盖的默认颜色。
2025-04-16 13:59:22
655
转载 arr数组方法
方法返回一个新的数组对象，这一对象是一个由start和end决定的原数组的浅拷贝（包括start，不包括end）。方法返回数组中满足提供的测试函数的第一个元素的值，如果没有找到，则返回undefined。方法返回数组中满足提供的测试函数的第一个元素的索引。如果没有满足条件的元素，则返回-1。方法对数组中的每个元素执行一个由您提供的reducer函数，将其结果汇总为单个返回值。方法创建一个新数组，其结果是对原数组中的每个元素调用提供的函数后的返回值。方法对数组的每个元素执行一次提供的函数，但不返回新数组。
2025-02-26 09:26:17
94
原创 无界wujie网址
文档网址：微前端是什么 | 无界demo：https://wujie-micro.github.io/demo-main-vue/react17
2024-12-18 15:52:50
1117
原创 uni-app中配置自定义条件编译
条件编译起作用的地方在这个地方node_modules/@dcloudio/uni-cli-shared/lib/plugin.js文件的这里。这里的ct.js文件中的a是你需要自定义 process.UNI_SCRIPT_DEFINE赋值内容。这里的取值，在vue-cli-service执行时就完成了，所以在执行前做变量赋值，替换文件，主要看scripts的执行命令，其他依赖就是用vue-cli方式创建uni-app项目生成的。前提：官网提供的自定义编译不满足条件。此时自定义条件编译就完成了！
2024-04-26 16:30:08
1777
原创 uni-app vite+ts+vue3模式 集成微信云开发（三）
此处的get(`database.mallManager.${auth.openid}`)的 ${auth.openid} 代表的是mallManager表格中默认的_id字段值，不知道其他怎么写，我是将openid赋值到了_id上就起作用了。中的，复制云函数文件配置，进行修改因为在开发过成中不想改一次云函数就重新构建一次。2.自定义数据库读写条件。
2024-04-07 14:47:20
565
原创 js监听F11触发全屏事件
函数来检测全屏状态，并在页面加载完成时和窗口大小变化时调用该函数。通过不断检测当前是否存在全屏元素，我们可以实现对 F11 全屏操作的监听和处理。当用户使用 F11 键进行浏览器全屏时，由于此时并非通过浏览器提供的 Fullscreen API 进入全屏模式，因此无法通过。在 Vue 中，可以在组件的生命周期钩子函数中添加监听和移除事件监听。事件来检测浏览器窗口大小的变化，从而判断是否处于全屏模式。在上面的代码中，我们在 Vue 组件中使用。在上面的代码中，我们定义了一个。钩子函数中添加监听事件，在。
2024-02-29 15:29:40
2505
原创 uni-app vite+ts+vue3模式 集成微信云开发（二）
文章中创建的cloudfunctions文件中创建你的云函数，此处我是用的是nodejs。打包后在构建工具中显示如下图，记得右键上传并部署（此处先手动上传并部署）app.vue文件中 云开发初始化wx.cloud.init()在你的开发文件vue中使用云开发调用数据库。在开发者工具中就可以看到云函数部署完成。上图中index.js代码。简单的云函数调用就完成了。在vue文件中调用方式。
2024-02-19 17:28:25
778
1
原创 uni-app vite+ts+vue3模式 集成微信云开发（一）
1.创建uni-app项目此处使用的是通过vue-cli命令行方式使用vue3/vite版创建以 typescript 开发的工程（如命令行创建失败，请直接访问下载模板）(我创建失败，直接从gitee下载的模板)2.manifest.json应用配置。
2024-01-29 09:44:09
930
原创 vue3+ts+vite自定义组件上传npm流程
电脑为windows11系统，我当时使用的版本node版本是14.21.3，如下图，后边安装了nvm版本管理，现在使用的node版本为16.20.1，运行项目正常。运行vite生成的vue项目时报错“SyntaxError: Unexpected token '?=' at “ 是因为node版本过低。config文件是为了在dist中添加readme.md和package.json。config/index.ts文件。
2023-12-29 15:46:05
1429
1
原创 uni-app中使用pixijs绘制兼容H5和微信小程序大转盘游戏
上边的文件是使用的pixi-miniprogram。代码中的data.js为mock数据如下。
2023-12-07 17:59:54
2234
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人