- 博客(71)
- 收藏
- 关注
RSS订阅原创 前端高效加载 1000+ Markdown 文件
前端加载大量 MD 文件千万不要直接批量 fetch构建时生成清单 → 前端请求清单 → 懒加载内容 + 搜索思路可借鉴，不仅限制于md文件这套方案我已在线上环境稳定运行，支持 1000+ 文件，无任何报错、无性能问题。
2026-05-11 16:24:35
249
原创 前端 Canvas 导出带水印图片跨域问题
前端 Canvas 绘制跨域图片（如第三方图片、CDN 图片、不同域名图片）并导出时，浏览器会触发Canvas 污染（tainted canvas） 安全限制，导致：toDataURL() / toBlob() 直接报错无法导出图片、无法下载、无法上传核心原因：Canvas 加载了未授权的跨域图片，浏览器禁止读取 / 导出画布内容。
2026-04-23 17:04:44
134
原创 Node.js服务从零到阿里云部署全记录
如果你想使用自己的域名而不是Workers分配的域名，需要满足以下条件：必须先拥有一个已注册的域名（通过阿里云、腾讯云、Namecheap等购买）需要将域名的DNS管理权交给Cloudflare（修改NS服务器）
2026-03-13 17:32:56
567
原创 前端部署完整教程：从代码到CDN
原因：DNS 还没生效，或者 GitHub Pages 设置里没填域名解决：等待 DNS 生效（最多 48 小时），检查 GitHub Settings → Pages 里的 Custom domain 是否填对了。
2026-03-13 16:55:49
534
原创 Cursor如何安装本地扩展
在 Cursor 输入快捷键：Ctrl+Shift+P，唤出如下命令面板，输入Install from VSIX，选择并点击会显示文件选择框，选择上面下载的visx文件即可完成安装。
2026-03-03 15:29:35
418
原创 解决：React 中 map 处理异步数据不渲染的问题
昨天，我的页面像个哑巴一样——数据准备好了，UI 却一片空白。控制台没有报错，网络请求一切正常，但用户看到的就是。“是不是有 Promise 在 map 里没被 await？✅ API 并行请求多个资源。处理 Markdown。
2026-01-19 18:11:42
292
原创 ECharts 图表自动响应容器尺寸变化
注意依赖项不可以是频繁变化，可适当改变依赖项，如果想要更好的性能处理可自行更改，如果有不足之处，欢迎指出。
2025-12-16 15:42:06
269
原创 AI助手SSE流式响应示例
将AI回复的Markdown格式转换为HTML显示。可以借鉴，如有不足的地方，还请指出。：支持AI逐字逐句地实时显示回复。：用户输入文本，AI流式回复。
2025-12-15 15:26:29
253
原创 css之一个元素可以同时应用多个动画效果
一个元素可以同时运行多个CSS动画通过animation属性使用逗号分隔多个动画值来实现每个动画可以有自己的持续时间、延迟、重复次数和时间函数
2025-09-11 14:27:25
433
原创 上传图片参数为FormData接口载核为空？
核心原则：当使用 FormData 时，必须让浏览器自动设置 Content-Type 头，永远不要手动设置 multipart/form-data 的 Content-Type浏览器/客户端库会自动添加正确的 boundary 参数
2025-07-31 16:45:33
495
原创 CSS实现背景图片渐变透明
创建从下至上的垂直渐变（180度），起始点为完全透明的白色（缩放图片以完全覆盖容器，可能裁剪部分内容。定义多层背景：上层为渐变，下层为图片。），在82.5%位置过渡到纯白色（单独控制图片和渐变的位置居中。单独控制图片尺寸适应方式。指定背景图片的路径。
2025-07-17 14:36:42
906
原创 前端如何通过 Blob 下载 Excel 文件
步骤说明1️⃣请求时配置，接收二进制数据2️⃣创建 Blob 对象3️⃣创建临时下载链接4️⃣ 创建<a>标签并点击触发浏览器下载行为5️⃣清理内存6️⃣移除动态创建的标签。
2025-06-19 19:01:47
1352
原创 Vue-Typed-JS打字动画效果
vue-typed-js 是 Vue.js 的一个插件，基于 Typed.js 实现打字机动画效果。适用于展示动态文本、标语或代码片段，支持自定义速度、循环等配置。opacity: 1;
2025-06-11 18:35:00
1203
2
原创 scrollTop 设为 0 不生效的可能原因
确保 scroll-view 内容高度大于容器高度，否则滚动无意义。值（如设为 1 再设为 0）触发重新渲染。延迟设置，确保 DOM 更新完成。scroll-view 的。
2025-05-29 11:52:53
570
原创 uni.pageScrollTo滚动到指定位置 / onPageScroll(e) 监听滚动位置
是 uni-app 中的一个 API，用于将页面滚动到目标位置。支持设置滚动位置、动画时长等参数。常用于返回顶部、跳转到指定锚点等场景。是页面生命周期函数，用于监听页面滚动事件。），适合实现滚动吸顶、动态导航栏等效果。包含滚动位置信息（如。
2025-05-29 11:45:40
917
原创 Vue 样式穿透（深度选择器）::v-deep
Vue 的样式穿透主要用于修改子组件样式，在 Vue 2 中可以使用/deep/或::v-deep，在 Vue 3 中推荐使用::v-deep或:deep()。使用时应当谨慎，避免过度使用导致样式难以维护。
2025-05-26 11:39:51
1268
原创 this.$set的用法-响应式数据更新
在 Vue 2 中，this.$set是一个，用于解决 Vue 无法自动检测到对象属性或数组项变化的限制。：Vue 2 的响应式系统无法检测以下变化：对象新增的属性（如通过索引直接设置数组项（如this.$set强制让这些修改变为响应式。
2025-05-16 17:11:27
1305
原创 Vue3 路由配置与跳转传参完整指南
路由配置：使用创建路由，创建历史模式动态路由：使用:param语法定义动态段跳转方式传参方式paramsquery参数接收：使用useRoute()获取当前路由信息高级功能：路由守卫、元信息、动态路由添加等按照这些方法，可以灵活地在 Vue3 项目中实现各种路由需求。
2025-05-09 18:09:05
3372
原创 vconsole.min.js:10 [webpack-dev-server] ERROR in ./src/main.js 13:0-25Module not found: Error: Can‘
这个错误表明 Webpack 在构建时无法解析模块，而每次切换分支后都需要重新下载依赖包（
2025-04-29 18:23:40
336
原创 Vue使用Sortablejs拖拽排序 视图显示与数据不一致、拖拽结束后回跳问题
注意：拖拽一定不能用index作为key，也不建议用item，否则会回跳，建议用唯一值ID；
2025-04-29 18:07:39
741
8
原创 vue-lottie的使用和配置
vue-lottie是一个 Vue 组件，用于在 Vue 项目中集成 Airbnb 的动画库。它通过 JSON 文件渲染 After Effects 动画，适用于复杂矢量动画的高效展示。
2025-04-25 16:26:33
1750
原创 安卓edge://inspect 和 chrome://inspect调试移动设备上的网页
和是用于调试浏览器中运行的网页和移动设备上的网页的工具。这两个工具分别属于 Microsoft Edge 和 Google Chrome 浏览器。
2025-03-17 18:27:20
8825
原创 针对 ECharts在uni事件失效 因误判全局变量 wx 导致在普通 H5 环境中运行异常的问题
全局变量时，ECharts 会错误地切换到小程序模式，导致渲染异常或 API 调用错误。来源） + 方案4（升级 ECharts），实现标本兼治。的功能（如微信 JSSDK），会直接破坏相关逻辑。精准控制 ECharts 的运行模式，兼容性更强。覆盖 ECharts 的默认环境推断逻辑。：方案2（强制指定环境） + 方案3（消除。变量，欺骗 ECharts 的环境检测。移除不必要的微信 JSSDK 引用。：推荐所有需要明确环境控制的场景。：简单直接，一行代码解决问题。误引入的微信 JSSDK（如。
2025-03-12 14:41:34
535
原创 Web Worker如何在本地使用
使用 Blob 来动态创建 Worker，而不是直接引用外部的 worker.js 文件，那么你可以完全避免文件路径和本地服务器的限制问题。这种方式非常适合将 Worker 代码嵌入到主脚本中，而不需要额外的文件。
2025-03-10 16:45:03
704
原创 将数字格式化为千位分隔的形式
方法用于将数字格式化为千位分隔的形式，并且可以指定小数位数。日常做笔记，如果有更好的方法，欢迎分享。直接上代码，下面有解释。
2025-03-07 16:28:40
451
原创 页面生命周期的不同阶段DOMContentLoaded、load、beforeunload 和 unload
方法来监听事件，并在事件触发时执行相应的回调函数。确保在不需要时移除事件监听器以避免内存泄漏。这些事件在原生 JavaScript 中的使用非常直接，通过。
2025-03-04 14:45:06
612
原创 移动端访问PC页面浏览器的默认缩放机制
在移动端浏览器中，当用户点击输入框（如密码输入框）时，页面可能会自动放大以提高可读性。这种行为通常是由于浏览器的默认缩放机制引起的。
2025-02-25 16:36:05
456
原创 上传解析 Excel 表（XLSX 文件）转为JSON数据
以下是一个完整的示例，展示了如何读取文件并解析 XLSX 文件。这样可以更清晰地理解每行代码的作用，并且确保你能够正确使用。以下是一个完整的 Vue 组件示例，展示了如何使用。为了读取文件内容，你可以使用。在你的 Vue 组件中导入。库来解析 XLSX 文件。
2025-02-14 19:01:19
965
原创 PapaParse 用于解析 CSV 和 TSV 文件 JavaScript 库
PapaParse是一个用于解析 CSV 和 TSV 文件的 JavaScript 库，它在浏览器和 Node.js 环境中都能很好地工作。以下是如何使用PapaParse以及它的一些主要功能。
2025-02-14 11:09:37
1941
原创 ColorThief 库 动态采集图片颜色
ColorThief是一个用于从图片中提取主要颜色和颜色谱的 JavaScript 库。它可以帮助开发者快速获取图片的主色调、调色板等信息，常用于生成配色方案、主题颜色提取等场景。
2024-11-19 21:16:25
340
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人