- 博客(112)
- 收藏
- 关注
RSS订阅原创 uniapp使用webview内嵌H5，在低端机型可能会闪退
对于要使用uni-app利用webview来内嵌较大的内容，比如内嵌一个H5游戏啥的，强烈推荐开启 Android X5 Webview。它为你解决了 Android 平台最大的麻烦——碎片化。这能极大地降低你的 H5 页面在web-view中的兼容性测试成本，并显著提高在低端机上的稳定性和性能，有效减少闪退。
2025-10-30 15:43:41
1419
2
原创 ＜scroll-view＞ 在uniapp的IOS端滚动发生抖动的问题
在 iOS 上，物理滚动（带惯性和回弹）和编程滚动（瞬时）的机制是冲突的。当这两种滚动命令在同一帧内打架时，视图就不知道该听谁的，表现出来就是你看到的“解决办法很简单 ，只要分离“读取”与“写入”就好。记得检查一下对应 :scroll-top 的值哦。）来**“读取”**滚动位置（来自。）来**“写入”**滚动位置（用于。的值（例如：100px）。滚动到 100px（而它。使用一个新变量（例如。到达 100px）。
2025-10-30 11:22:42
168
原创 要判断用户是否未填写内容，当值为0的时候进入了判断？
问题出在==上，导致数字0被误判为 “未填写”。要解决这个问题，需要先理解为什么0会进入判断，再用===精准区分 “未填写” 的情况。
2025-10-28 15:22:06
315
原创 input value 值警告 The specified value “15,061.400000“ cannot be parsed, or is out of range.
因此浏览器无法解析它，并抛出了警告 The specified value "15,061.400000" cannot be parsed, or is out of range.它只接受符合 W3C 规范的“有效浮点数字符串”作为其。状态，用户无法向其中输入非数字内容，所以你也不用担心数据污染的问题。解析为数字，而是会直接将其作为文本显示在输入框中，警告就会消失。，包括你用逗号格式化后的价格字符串。的输入框可以接受任何字符串作为其。最简单且最正确的解决办法是：将。这样修改后，浏览器将不再尝试把。
2025-10-27 15:48:10
343
原创 Vue + Element Plus 点击编辑按钮 el-select 要同时回填name和id
【代码】Vue + Element Plus 点击编辑按钮 el-select 要同时回填name和id。
2025-10-13 17:36:23
257
原创 解决 Vite 安装报错：Cannot find module @rollup/rollup-win32-x64-msvc
具体来说，报错提示缺少 @rollup/rollup-win32-x64-msvc 这个模块，而这个模块是 Rollup（一个 JavaScript 模块打包器，Vite 依赖它进行构建）的一个针对 Windows 平台的特定依赖项。简单来说，这个问题源于 npm 在安装过程中的异常行为，导致一个本应正确处理的依赖项未能安装成功，最终使得 Vite 的构建流程无法找到必要的模块。
2025-04-14 10:05:41
2928
原创 7.JavaScript 执行顺序与异步编程实战指南
理解事件循环，掌握执行顺序。使用 Promise 和 async/await 构建高效异步流程。优化代码性能，提升健壮性。未来方向：多线程计算。：离线缓存。RxJS：响应式编程。学习建议掌握事件循环核心。熟练 Promise 高级用法。实践异步最佳实践。
2025-04-01 18:22:50
997
原创 【11】当 Vue 脚本加载失败时，如何避免用户看到白屏？
在网页开发中，我们经常需要从网络上加载JavaScript脚本（比如一些工具库），就像从网上下载一个工具来帮我们完成任务。但有时候网络不稳定，或者下载的地方（比如CDN服务器）出了问题，脚本就加载不下来，网页可能会出故障。假设你在网上买东西，快递丢了，你会再下单试试，对吧？脚本加载也是类似的想法：如果加载失败，我们可以自动再试几次。如果一个地方（比如某个CDN）总是加载失败，我们可以准备几个备用地址，甚至用本地的备份文件。，让每次重试的等待时间变长，还加点随机时间，避免大家都挤在一起请求。
2025-03-26 10:31:27
562
原创 5.vue3 ref 和 reactive 我该用哪个，解析 ref 与 reactive原理和区别
掌握ref与reactive的正确使用方式，可以让Vue3开发既保持响应式的高效性
2025-03-26 10:04:22
1534
原创 pnpm 使用指南
无论你是追求性能的 monorepo 开发者，还是习惯 npm 的简单项目用户，亦或是需要 yarn 一致性的团队，了解 pnpm、npm 和 yarn 的区别都能帮助你选择合适的工具。pnpm 以其高效的磁盘利用率和快速安装速度，正在成为越来越多开发者的首选。
2025-03-24 11:11:04
1281
原创 【8】前端性能优化深度实战：从6s到0.8s的极致提速方案
页面加载速度每提升100ms，转化率提高1.1%！掌握现代浏览器底层原理的优化策略，让网站性能秒杀90%竞品。
2025-03-22 10:19:11
358
原创 3.为什么我的vue数据修改后视图未更新，梳理Vue2和Vue3中常见的数据不更新场景
Vue数据不更新问题的核心在于响应式机制的实现。Vue2受限于Object.defineProperty，需通过辅助方法（如$set）弥补不足；而Vue3通过Proxy提供了更完善的响应式支持。无论是Vue2还是Vue3，理解其原理并遵循“数据驱动视图”的原则，配合最佳实践，都能有效避免视图更新异常。
2025-03-22 10:08:14
2286
原创 vue2 ，vue3 如何重置表单更优雅
保留初始状态副本：通过或动态获取。修改原对象属性：使用或递归赋值，避免直接替换整个对象。利用第三方库能力：如 Element UI 的。必要时强制 DOM 更新：通过v-if销毁并重新渲染表单。根据具体场景选择最适合的方法，多数情况下保存初始状态 +是最简洁高效的方案。
2025-03-21 14:32:27
864
原创 2.前端部署与缓存管理总结（Vue/React 通用方案），了解缓存是怎么工作的
前端部署与缓存管理是现代 Web 开发中至关重要的环节，直接影响用户体验、性能优化和开发效率。本文将围绕 Vue/React 项目部署、缓存机制、更新与缓存平衡、哈希管理以及 Vite 配置展开深度解析。
2025-03-21 09:44:30
1348
原创 实现一个CSS图像填充文字效果
iOS Safari 13+ | ✅ 完全支持 || Safari 13.1+ | ✅ 完全支持 || Firefox 49+ | ✅ 完全支持 || Chrome 58+ | ✅ 完全支持 || Edge 79+ | ✅ 完全支持 || IE 11 | ❌ 不支持 || 浏览器 | 支持情况 |
2025-03-20 17:11:57
465
原创 Vue 动态主题切换完整实现指南（含代码示例）
建议根据项目规模选择合适的实现方案，大型项目推荐采用「状态管理集成方案」，如需跨团队协作可考虑「模块联邦方案」。
2025-03-20 14:01:00
1165
原创 1.什么是微前端远程组件？具体怎么实现
微前端（Micro Frontends）是一种前端架构模式，灵感来源于微服务。它将一个大型的前端应用拆分成多个小型、独立的部分，每个部分可以由不同的团队开发、测试和部署，最终在运行时整合成一个完整的应用。这种方法特别适合大型项目或分布式团队。远程组件（Remote Components）是微前端架构中的一种实现方式，指的是将某些组件的代码托管在远程服务器上，主应用通过网络动态加载这些组件，而不是将所有代码打包到本地。独立编译：组件以 UMD 格式输出，便于加载。按需加载。
2025-03-20 10:37:04
943
原创 【6】JavaScript 内存管理，堆栈模型与闭包陷阱全解析
JavaScript 的堆栈内存模型是理解闭包、作用域链和内存泄漏的核心基础，深入掌握可避免 80% 的隐藏性能问题。
2025-03-20 09:08:57
505
原创 Vue 核心 API：$nextTick 原理解析与实战指南
特性说明核心目的确保回调在 DOM 更新后执行异步机制微任务优先（Promise），自动降级到宏任务适用场景操作更新后的 DOM、集成第三方库、组件通信后操作执行顺序同步代码 → DOM 更新（微任务） → $nextTick 回调（微任务） → 其他微任务 → 宏任务性能影响微任务优先级高，对性能影响小。
2025-03-19 15:49:35
565
原创 事件循环（Event Loop）的知识总结
事件循环是 JavaScript 异步编程的核心，通过任务队列管理异步回调。微任务优先级高于宏任务，每次事件循环先处理所有微任务。理解事件循环的执行顺序，可以避免异步代码中的陷阱（如渲染阻塞、执行顺序混乱）。
2025-03-19 15:12:20
684
原创 vue2的 Object.defineProperty 和 vue3的proxy 区别
特性Vue 2 (Vue 3 (Proxy监听范围只能监听已存在的属性支持新增、删除属性，数组索引修改等数组监听需要重写数组方法直接监听数组索引变化性能初始化时递归遍历所有属性，性能较差惰性代理，按需监听，性能更优兼容性支持 IE9+不支持 IE（依赖 ES6Proxy代码复杂度需要递归处理对象和数组实现更简洁，逻辑更清晰动态属性支持需要Vue.setVue.delete直接支持Vue 2 的。
2025-03-19 13:40:19
1235
原创 【5】前端中的块级格式化上下文（BFC）与布局问题解决
垂直方向边距会发生重叠（Margin Collapse）内部浮动元素会被包含阻止元素被浮动元素覆盖计算高度时包含浮动元素。
2025-03-19 11:32:36
374
原创 模糊搜索文字高亮技术详解，UniApp 与 Vue 双场景实现
通过正则表达式匹配关键词并动态包裹高亮标签，可在 UniApp 和 Vue 中快速实现模糊搜索文字高亮效果。
2025-03-19 09:14:37
628
原创 【4】前端中的滚动驱动动画（Scroll-Driven Animations）与视窗联动
元素动画与滚动位置精确联动容器内滚动与外层滚动嵌套控制完全基于 CSS 的性能优化方案。
2025-03-19 09:13:05
314
原创 【3】现代CSS布局中的内在尺寸（Intrinsic Sizing）与自适应设计
内在尺寸指元素根据自身内容或容器空间自动计算的理想尺寸，与传统固定尺寸（px）和相对尺寸（%）形成互补，尤其适合动态内容场景。
2025-03-18 14:41:12
400
原创 【2】前端中的合成层（Compositing Layer）与渲染性能优化
合成层是浏览器将页面元素分割成的独立绘制单元，每个合成层由 GPU 单独渲染。浏览器通过分层（Layer）和合成（Composite）技术，避免全量重绘，从而减少性能消耗。
2025-03-18 11:26:49
551
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人