- 博客(117)
- 收藏
- 关注
RSS订阅原创 postcss-px-to-viewport
这是一个 PostCSS 插件，用于将 CSS 中的 px 单位自动转换为视口单位（如 vw/vh/vmin/vmax），适配不同尺寸的移动端设备，实现响应式布局。
2025-11-24 18:36:05
20
原创 vue3 element-plus demo 前端本地化处理图片预览
【代码】vue3 element-plus demo 前端本地化处理图片预览。
2025-09-22 17:37:20
120
原创 前端下载文件相关
当后端返回的响应头中 Content-Type 为 application/octet-stream 时，表示这是一个二进制流文件，浏览器无法直接展示，需要前端处理后下载到本地。参考https://blog.youkuaiyun.com/wusandaofwy/article/details/148905382。1、下载 ‘Content-Type‘: ‘application/octet-stream‘ 的文件。
2025-07-29 10:43:51
277
原创 element plus table cell-style 打包报错Binding element ‘rowIndex‘ implicitly has an ‘any‘ type.
【代码】element plus table cell-style 打包报错Binding element ‘rowIndex‘ implicitly has an ‘any‘ type.
2025-06-26 14:10:36
191
转载 Vue CLI 构建的项目，执行 npm run dev 启动开发服务时报错： in [name].[chunkhash].js 、Cannot use [chunkhash] or [content
因为本地服务启动的是 webpack-dev-server ,一般都是内置了 HotModuleReplacementPlugin 热更新，而这个热更新恰恰与配置的 chunkhash 或 contenthash 有冲突。根据 process.env.NODE_ENV 环境变量来选择是否使用 chunkhash 或 contenthash。修改 webpack 配置，这里以Vue的 vue.config.js 为例。
2025-06-10 14:18:20
109
原创 vue2项目，为什么开发环境打包出来的js文件名是1.js 2.js，而生产环境打包出来的是chunk-3adddd.djncjdhcbhdc.js
开发环境默认禁用哈希，采用[id].js命名规则（如1.js），生产环境启用[chunkhash]生成chunk-xxx.[hash].js格式，实现内容级缓存优化。该配置使所有环境都生成带哈希的文件名（如chunk-vendors.3adddd.js。生产环境（production）：强制启用[chunkhash]，生成哈希文件名。生产环境生成chunk-3adddd.djncjdhdc.js类哈希文件。此方案保留开发环境的ID命名规则，生产环境启用哈希策略5。3、开发环境优化逻辑。
2025-04-24 16:40:42
409
原创 element-ui dialog弹窗 设置点击空白处不关闭
实现：:close-on-press-escape=“false”实现：:close-on-click-modal=“false”需求：点击空白处不关闭弹窗。需求：点击Esc不关闭弹窗。
2025-01-13 15:45:17
776
转载 Vue 实现数字滚动 animate-number
today为我需要的数据值，写在本页面的data中。之后，就可以在需要的vue页面中引用。安装完后，main.js下写入。
2024-12-31 16:02:07
498
原创 SVGA的使用-SVGAPlayer-Web
https://www.npmjs.com/package/svgaplayerweb?activeTab=readme
2024-12-18 10:55:21
839
原创 git 本地改动了，不保留，直接拉取线上最新代码
第二条命令 git reset --hard origin/ 将会重置本地仓库，并使用远程仓库中指定分支的代码替换本地仓库中对应分支的代码。注意，该命令会删除本地未提交的所有改动和文件，慎重使用。原文链接：https://blog.youkuaiyun.com/qq_36663518/article/details/129946559。第一条命令 git fetch --all 将会从远程仓库获取最新的代码和分支信息，但不会进行合并。这样，您就可以放弃本地的改动，重新拉取远程最新的代码，并进行开发和部署。
2024-11-26 17:10:00
1216
1
转载 Ant design vue3.xx ＜a-tree＞ 带有搜索功能树形组件
参考：https://blog.youkuaiyun.com/sj18838107211/article/details/137756983?
2024-11-04 10:20:59
409
1
转载 Blender下载及汉化
在这个3D技术发达的时代，当你想做3D动画时，你需要Blender；当你想做3D游戏时，你需要Blender；当你想给自己的视频加3D特效，你还是需要Blender。进入之后点击最显眼的蓝按钮：Download Blender 4.0.2即可，当然如果你的系统是Linux、MacOS等其它系统，或你想下载别的版本，就点击下面的黑按钮选择即可。Blender，一款免费开源的三维图形图像软件，提供从建模到剪辑配音的全方面动画短片制作方案，保姆级软件，爱了爱了！点击就可以安装，直接无脑下一步即可。
2024-09-30 21:05:36
454
原创 解决These dependencies were not found: * !!vue-style-loader!css-loader?{“sourceMap“:true}!..问题
由发现一篇关于步骤条的博客引发的一系列问题
2024-09-21 22:05:53
1621
原创 Three.js 学习笔记
Three.js是一款基于原生WebGL封装的Web 3D库，向外提供了许多的接口。它可以运用在在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域。
2024-09-18 14:41:15
840
原创 函数作为返回值
在这个例子中，我们在函数lazy_sum中又定义了函数sum，并且，内部函数sum可以引用外部函数lazy_sum的参数和局部变量，当lazy_sum返回函数sum时，相关参数和变量都保存在返回的函数中，这种称为“闭包（Closure）”的程序结构拥有极大的威力。f1()和f2()的调用结果互不影响。
2024-08-21 11:51:31
268
原创 一篇搞懂Promise
reject函数的作用是，将Promise对象的状态从“未完成”变为“失败”（即从 pending 变为 rejected），在异步操作失败时调用，并将异步操作报出的错误，作为参数传递出去。如果Promise.all方法和Promise.race方法的参数，不是Promise实例，就会先调用下面讲到的Promise.resolve方法，将参数转为Promise实例，再进一步处理。Promise.race 方法同样是将多个 Promise 实例，包装成一个新的 Promise 实例。
2024-08-20 16:39:04
832
1
原创 阻止事件冒泡和事件捕获的方法及vue事件修饰符的使用
通过使用event.stopPropagation()方法，可以阻止事件传播（事件冒泡和事件捕获），通过event.preventDefault()方法，可以阻止事件的默认行为。
2024-08-15 19:36:37
3150
原创 报错opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ]
报错 opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED'
2024-08-14 15:56:46
1588
原创 Git退出账号命令的使用方法
通过以上步骤，您已成功退出Git账号。请注意，这只是将用户名和邮箱地址设置为空，并不会删除或注销您的Git账号。在Git中，退出账号的命令是通过修改配置文件来实现的。步骤1：打开Git Bash或命令行工具。Git退出账号命令的使用方法。步骤3：保存并关闭配置文件。
2024-05-28 18:20:34
5915
1
转载 Failed to load module script
资源路径问题,请求的是 js 资源, 但是服务器找不到资源,默认返回 html 文件;但是服务器会对资源进行格式校验,然后报错。使用vite build 打包后部署到生产后报这个错误。配置vite.config.js。问题出在打包时候资源路径不对。配置 base为 './ ’
2024-05-28 15:16:33
311
原创 SVG图标配置 Cannot find package ‘fast-glob’
vite-plugin-svg-icons报错：Cannot find package ‘fast-glob’这对页面性能来说是个很大的提升，而且我们SVG文件比img要小的很多，放在项目中几乎不占用资源。在开发项目的时候经常会用到svg矢量图,而且我们使用SVG以后，页面上加载的不再是图片资源,在vite.config.ts中配置插件。
2024-01-07 16:46:27
2507
2
原创 找不到模块 “path“ 或其相对应的类型声明
参考：https://blog.youkuaiyun.com/weixin_42382758/article/details/131080818?import path from ‘path’ 报红色波浪线，提示信息找不到模块 “path“ 或其相对应的类型声明。在开发项目的时候文件与文件关系可能很复杂，因此我们需要给src文件夹配置一个别名。解决办法：npm install @types/node --save-dev。TypeScript 编译配置。
2024-01-07 14:50:52
1784
原创 TypeScript 类和接口
类可以实现接口，使用关键字 implements，并将 interest 字段作为类的属性使用。以下实例中 AgriLoan 类实现了 ILoan 接口。
2023-12-21 13:50:22
590
原创 【持续更新】uniapp项目调试到华为手机报同步资源失败，未得到同步资源的授权，请停止运行后重新运行，并注意手机上的授权提示
【持续更新】uniapp项目调试到华为手机报同步资源失败，未得到同步资源的授权，请停止运行后重新运行，并注意手机上的授权提示
2023-02-28 18:26:12
1818
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人