草巾冒小子的博客

原创 告别图片处理焦虑：用imgix实现智能、实时且高效的视觉媒体交付（含案例、截图）

在用户体验至上的时代，图片和视频的加载速度与呈现效果直接关系到业务的成败。imgix提供的不仅仅是一套处理工具，更是一种。

原创 前端GPU性能加速（含代码、案例）

translateY(-4px): 垂直位移，GPU加速scale(1.02): 缩放变换，GPU加速2. Background-position动画 (GPU加速)示下：background-position 动画：GPU加速，性能优秀3. Opacity透明度动画 (GPU加速)示下：二、减少重绘重排的优化1. 使用Transform而非Position示下：2. 使用CSS变量减少重复计算示下：3. 使用will-change属性优化示下：

原创 天地图：入门开发案例（含代码示例）

这里提供一个完整的天地图入门开发案例。天地图是国家基础地理信息中心建设的国家地理信息公共服务平台，为开发者提供了丰富的地图服务API。本案例将使用来创建一个最简单的、可在浏览器中运行的地图应用。

原创 GET https://a.tile.openstreetmap.org/13/6746/3103.png net::ERR_CONNECTION_RESET

可以将 Leaflet 的 tileLayer 地址替换为国内镜像，天地图（中国国家基础地理信息中心，免费，无需key）腾讯地图（推荐，速度快，免费，无需key）高德地图（需注明来源，免费，无需key）

原创 Leaflet地图组件报错：Uncaught Error: No value provided for variable {1-4}的处理

修复前后代码对比截图：如上图，问题已修复已经修复了高德地图瓦片URL的配置问题。

原创 天地图开发的优点

以上总结仅供学习参考，更多详细请关注天地图官方网站数据更新为准。的场景，是国家空间基础设施的重要组成部分，而商业地图在。开发者可根据实际需求选择或组合使用。

原创 天地图开发（入门指南）

天地图账号申请与密钥获取第一个天地图应用的创建基础地图展示与交互。

原创 天地图应用篇： 增加缩放、比例尺控件

代码示下：完结。

原创 天地图应用篇：增加全屏、图层选择功能

目的：示例代码：完结。

原创 天地图API开发示例（全案例代码）

效果图略完结。

原创 Module ‘“xxx/项目目录/src/layout/components/NavBar/NavBar.vue“‘ has no default export.

你需要更换编辑器插件，使用官方为 Vue 3 推荐的工具 Vue Language Features (Volar)。完成以上步骤后，这个恼人的红色下划线就会消失，你也能获得更好的 Vue3 开发体验。配置现在是正确的，问题完全出在编辑器插件`语法支持不佳，因此会错误地报告。

原创 vite+vue3自研框架：自定义本地运行端口、自动打开浏览器等

数，如网站名称、百度统计code、客服信息等等;这样就实现“1文件管理·全局可用” 的配置了。具体就不再赘述了。完结。

原创 mac实现sudo命切换node版本

查看当前已安装的版本列表。安装或切换指定的版本。

原创 vite+vue3自研框架：Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in

使用新的语法，有两种场景，一种是无变量引用的，一种是包含变量引用的。为了避免此警告并确保代码的未来兼容性，需要将。首先，这个报错内容指 " Sass的@import过期警告。所以我们要么版本回退到1.80.0之前，要么修改为新语法。大概意思就是，@import过期了，这个不能用了。规则弃用的问题，确保项目在未来版本中的兼容性。它不仅可以引入样式文件，还可以避免命名冲突。下面围绕这两个场景，说明一下具体使用。，可以在配置文件中添加相应的设置。通过这些修改，可以有效地解决。提供的新语法，用于替代。

原创 vite+vue3自研框架：@文件路径的引用问题及优化处理

现在 @/views/Home.vue 这类写法会被正确识别，不会再报“Does the file exist?已在 vite.config.js 中为 @ 配置了路径别名，指向 src 目录。，但推荐用方案一，项目更规范。

原创 npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1，因为在此系统上禁止运行脚本。

对远程脚本（如从网络下载的 .ps1 文件）要求数字签名，防止恶意脚本执行。比 Unrestricted 更安全，避免无意中运行未经验证的脚本。Win11 系统更新之后， webstorm启动项目报错。为什么推荐 RemoteSigned？下载的PS脚本应先检查再运行。永远不要在生产环境永久设置。博主自留地：本项目解决办法。

原创 vue3+uniapp+TS：渲染模式问题

【代码】vue3+uniapp+TS：渲染模式问题。

原创 uniapp + vue3 使用 onLoad等生命周期函数（setup语法糖，路由传参、接参）

针对路由传参、接参的业务场景。

原创 mac程序开发本地网络wifi添加DNS解析访问（截图教程）

完结。

原创 uniapp+vue3+ts实现：微信小程序全局分享（转发给朋友、分享到朋友圈）【含项目代码、案例】

【代码】uniapp+vue3+ts实现：微信小程序全局分享（转发给朋友、分享到朋友圈）【含项目代码、案例】

原创 uniapp+vue3+ts项目：实现小程序文件下载、预览、进度监听（含项目、案例、插件）

插件文件定义（命名及路径）：插件1代码：【推荐：ios、安卓、鸿蒙OS下载均正常】//下载文件const downloadTask = uni.downloadFile({ //只能是GET请求url: decodeURIComponent(url), //请求地址(后台返回的码流地址)console.log("👇文件信息")//下载成功//保存文件//保存成功之后 打开文件。

原创 AI识别 + 食品质量安全预警系统

【代码】AI识别 + 食品质量安全预警系统。

原创 VMware Workstation Pro 卸载教程

然后右键，选择“更改"（如上图），之后会弹出”欢迎…安装向导“，选择”下一步“（如下图）。然后在弹出的界面（按下图操作取消选择，完全清除掉），选择“下一步”（如下图操作）。然后等待全部卸载结束即可（如下图），桌面应用图标也会自动清除说明操作完成。按截图操作点击删除选项，下一步操作即可，不再赘述。弹出的开发者验证操作中，选择“是”（截图略）。这个软件比较特殊，不能通过快捷操作直接卸载。然后选择“删除”（如下图）。

原创 vue3实战：.ts文件中的interface定义与抛出、其他文件的调用方式

【代码】vue3实战：.ts文件中的interface定义与抛出、其他文件的调用方式。

原创 Mac如何连接惠普M126a打印机（教程篇）

下载完成后，解压文件，然后双击打开驱动程序，按照页面上的步骤进行下一步>下一步>默认安装配置操作即可（通常，这个过程包括选择打印机型号、确认安装选项等，打印机异常报警的安装选项可以勾选上）。如果在这个过程中遇到任何问题，比如打印机没有反应或者驱动安装失败，你可以尝试查看惠普的官方手册或者联系客服寻求帮助。如果下载遇到问题，可以在网页上搜索“打印机驱动网”，然后找到对应的驱动进行下载。之后，惠普M126a应该已经成功连接到Mac电脑上了，然后即可开始打印文件。然后继续安装，等待，直到驱动安装成功。

原创 uniapp：ios禁止微信调整字体大小（全局配置字体问题）

完结。

原创 uniapp+vue3项目实现：H5的文件预览、文件下载功能（文章参考）

原创 vue3+ts实现打印以及封装打印hooks（转载篇）

vue3+ts实现打印以及封装打印hooks（转载篇）

原创 解决“Non-nested routes must include a leading slash character. Fix the following routes:”

【代码】解决“Non-nested routes must include a leading slash character. Fix the following routes:”

原创 Windows关闭Git Credential Manager弹窗

以管理员身份运行<打开powerShell输入以下命令，就不再弹出了。

原创 Windows关闭wsl.exe弹窗

解决Cursor开发工具频繁弹出wsl.exe窗口的问题：当启动Cursor时出现WSL相关弹窗，可通过管理员权限运行PowerShell并执行wsl.exe --update命令修复。操作步骤包括：1)以管理员身份打开PowerShell；2)输入更新命令；3)等待安装完成。该方法有效消除弹窗干扰，安装过程会显示进度界面，完成更新后问题即可解决。此方案适用于Windows系统下由WSL组件版本问题导致的弹窗故障。

原创 微信小程序备案，提示企业工商四要素核验失败的解决办法

此处仅供学习参考

原创 每天骑的共享单车是什么通信原理（技术调研）

👉这是一个或许对你有用的开源项目。

原创 项目案例：如何生成小程序太阳码（可指定页面）

刚发布的页面，微信公众平台需要重新登录或多刷新几次，否则也会出现“小程序页面路径不存在，请重新输入”生成的页面路径必须是已发布的，否则会出现“小程序页面路径不存在，请重新输入”登录微信公众平台（https://mp.weixin.qq.com/）页面路径的获取：先开启微信用户复制路径的入口，再从页面中复制路径。输入页面路径 --> 点击确定 --> 右击保存太阳码。如何保存太阳码图片到本地存储。菜单栏工具->生成小程序码。

原创 nutui-uniapp项目：底部固定tabbar布局（案例）

【代码】nutui-uniapp项目：底部固定tabbar布局（案例）

原创 nutui-uniapp项目：弹框、弹出层的组件选择问题（组件对比）

代码预览

原创 nutui-uniapp项目：Sticky 粘性布局、支持固定顶部（案例）

（scroll滑块滚动位置高度还在屏幕高度比范围之外）后滚动（此处scroll滑块滚动位置高度还在屏幕高度比例范围内）

原创 nutui-uniapp项目：icon 图标的应用：动画、引入第三方字体库（案例篇）

从左向右，三个按钮依次为：案例1、案例2、案例3的网页UI效果。案例代码 具体如下

原创 nutui-uniapp项目：宫格组件、宫格布局，支持多行文字（自定义案例）

nutui组件 nut-grid 文字换行。

原创 nutui-uniapp项目：列表（自定义案例）

案例效果图：案例代码：完结。