- 博客(77)
- 收藏
- 关注
RSS订阅原创 vue-skills
这个仓库是一个早期实验项目，旨在为人工智能代理开发专门技能，以增强Vue 3的开发能力。这些技能源自现实世界的问题，但由于可能存在错觉，可能并不完整——请提供反馈。如果这些技能有价值，我计划提议将此项目转移到Vue组织，以造福更广泛的社区。如果没有前缀，技能的触发可能会因你的提示与技能描述关键词的匹配程度而变得不一致。能力：没有技能，人工智能无法解决问题。这些技能可以解决特定版本的问题、未记录的行为、最新功能或人工智能训练数据之外的边缘情况。这些提供了最优模式、最佳实践和一致的方法，以提高解决方案的质量。
2026-05-11 09:58:10
560
原创 插件：@vitejs/plugin-basic-ssl
源地址:https://www.npmjs.com/package/@vitejs/plugin-basic-ssl一个插件，用于生成不受信任的证书，在发出警告后仍允许访问页面。在大多数情况下，建议生成一个安全的可信证书，并使用它来配置server.https用法:
2025-10-27 17:53:48
330
原创 插件:@vitejs/plugin-legacy的使用
Vite默认的浏览器支持基线是Native ESM、native ESM动态导入和import.meta。此插件在构建生产环境时为不支持这些功能的旧版浏览器提供支持。默认情况下，此插件将：为最终打包中的每个 chunk 生成一个对应的 legacy chunk，使用 @babel/preset-env 进行转换，并作为 SystemJS 模块输出（仍然支持代码分割！生成一个包含SystemJS运行时的polyfill块，以及由指定浏览器目标和包中实际使用情况确定的任何必要polyfills。
2025-10-08 16:47:55
1415
原创 前端版本自动更新
首先需要在public目录新建version.json文件，再使用axios请求自身服务器(小知识：axios.get('/')会被重定向至public文件夹，故此axios.get('/version')会请求到public录下的version.json文件)npm run build时自动更新版本号(自写plugin),在vite.config.js中引入并注册使用。
2025-03-24 20:08:29
414
原创 sortablejs（前端拖拽排序的实现）
在实际的使用中我们通常使用sortablejs做拖拽排序，这就会涉及到异步请求及请求发送失败的情况。那么就会发现一个问题，当我们的请求发送失败后按照常理应该还原排序但是sortablejs似乎并没有给予相应的方法来实现这个功能。这样就可以实现日常的工作需求，考虑到每次写这么多东西会很麻烦，我们可以使用vue的自定义指令将它封装成一个指令。目前已经有插件完成了这一步骤，大家也可以尝试一下这个插件。sortablejs的配置项。vue3中的使用演示。
2024-10-24 16:29:42
2786
原创 移动端100vh超出页面出现滚动条问题
当移动端想要占满屏幕时通常会使用100vh,但是在手机端访问网站时会发现超出的屏幕宽度并出现了滚动条。这是因为移动浏览器（Chrome和Safari）地址栏有时可见有时隐藏，从而改变了视口的可见大小。当视口高度变化时，这些浏览器没有将。高度没变，但是地址栏那块把内容顶出去了一块）。结果导致：当地址栏可见时，屏幕的底部将被切断，从而破坏了开始时。结局方案2：使用dvh单位(需要考虑兼容性)设置为隐藏了地址栏的浏览器的高度（其实就是。的高度调整为屏幕的可见部分的高度，而是将。然后在需要全屏的页面使用变量。
2024-08-08 18:54:52
1281
原创 electron项目搭建
这两个"服务器"之间通过JS Bridge进行通信(即：contextBridge),在主进程的preload预加载中可以同时访问到浏览器进程的window对象和主进程的electron api。此时，我们可以经由ipcRerender(electron中从渲染进程（网页）向主进程发送同步和异步消息的api)将electron的api挂载到window对象上，以便在浏览器进程中使用)，然后在主进程中通过ipcMain(处理从渲染器进程（网页）发送的异步和同步消息。)监听即可达到进程通信的目的。
2024-07-25 15:02:08
1490
2
原创 数据响应式(Object.defineProperty和Proxy)
api局限性：向对象追加属性不会被劫持，向数组追加同样无法劫持，想要保留响应式需要重写方法。相较于Object.defineProperty的优势可以监听对象和数组追加内容。前言(使用vue2时出现的问题以及背后的思考)1.1 对象响应式处理。1.2 重写数组方法。
2024-07-19 20:39:04
358
原创 ts的简单演示
//基本数据类型const num:number = 1const haha:undefined = undefinedconst notice:string = '嘻嘻'const empty:null = null//数组const arr:number[] = [1]//对象const obj:{ name:string,age:number } = { name:'张三', age:48}//联合类型const params:string | numb
2024-07-16 15:20:28
193
原创 vitejs/plugin-vue插件
但是，当运送自定义元素库时，可能需要将样式内联为JavaScript字符串，并将其注入自定义元素的影子根中。注意：从vue 3.2.13+和@vitejs/plugin-vue 1.9.0+开始，@vue/compiler-sfc不再需要作为对等依赖。当@vitejs/plugin-vue编译SFC中的＜template＞块时，它还将遇到的任何资产URL转换为ESM导入。请注意，在自定义元素模式中，不需要使用＜style-scoped＞，因为CSS已经在shadow DOM中确定了作用域。
2024-07-04 12:54:51
4536
原创 uniapp启动页面鉴权页面闪烁问题
在使用uni-app开发app 打包完成后如果没有token，那么就在onLaunch生命周期里面判断用户是否登录并跳转至登录页。不勾选“等待首页渲染完毕后再关闭Splash图”，则表示首页加载完成后就会关闭启动界面，此时首页可能没有完成渲染，在部分设备可能会闪一下白屏，不推荐使用。勾选“等待首页渲染完毕后再关闭Splash图”，表示需要等待首页渲染完成后再关闭启动界面。代码控制关闭启动界面 App启动后不会自动关闭启动界面，需要在代码中调用。根据官网配置启动项后在onLaunch声明周期中配置。
2024-06-29 11:46:59
1758
原创 react路由的使用
router文件夹下index.ts路由表配置。编程式导航 useNavigate。获取路由路径 useLocation。获取路由参数 useParams。main.tsx中配置。
2024-06-13 23:00:13
500
原创 插件:vite-plugin-electron
如果你非常了解这个插件的工作原理，或者你想使用vite-plugin-electronic API作为低级API的二次封装，那么平面API更适合你。它也很简单，但更灵活。一般来说，Vite可能无法正确构建Node.js包，尤其是C/C++原生模块，但Vite可以将其作为外部包加载，因此，将Node.js包放在依赖项中。vite-plugin-electron的JavaScript API是完全类型化的，建议在VS Code中使用TypeScript或启用JS类型检查，以利用智能感知和验证。
2024-06-04 09:41:10
2975
原创 插件:qrcode的使用
源文档： qrcode文档TypeScript用户：如果您使用@types/qrcode，则需要在数据段上方添加//@ts ignore，因为它需要data:string。用法如果未指定，则根据文件扩展名推测输出类型。可识别的扩展名有png、svg和txt。APItext: 要编码的文本或描述分段的对象列表。options: 2.toCanvas() 在画布上绘制二维码符号。toCanvas（canvasElement，text，[options]，[cb（error）]）和
2024-06-01 19:41:15
2983
原创 插件：html2canvas
html2canvas无法绕过浏览器设置的内容策略限制。绘制位于当前页面原点之外的图像会污染它们所绘制的画布。如果画布被污染，就无法再读取。如果要加载位于页面原点之外的图像，可以使用代理加载图像。如果希望将某些元素排除在渲染之外，可以将data-html2canvas-ignore属性添加到这些元素中，html2canvas将从渲染中排除这些元素。
2024-05-27 21:41:23
1729
原创 插件使用:print.js演示
print.js缺点：无法对页眉页脚做定制（如果觉得页眉页脚的时间和网址碍眼，打印时可以取消勾选页眉页脚按钮，但如需展示定制化页眉页脚print.js则无能为力）
2024-05-27 20:44:14
507
原创 canvas保持清晰度与图片裁切
在HTML 5中，新增加了两个根据图片原始大小用来判断图片的宽度和高度的属性，分别为 naturalWidth 和 naturalHeight属性，表示这张图片画出来的时候，它本身自带的尺寸。3.缩放倍率 浏览器的缩放倍率，可通过window.devicePixelRatio获取。的尺寸，它表示图片展现在页面上的尺寸。当满足以上公式时图片会始终保持清晰。图片分为两种尺寸，第一种尺寸叫做。，就是我们设置这个图片的。
2024-05-15 21:22:04
674
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人