- 博客(6)
- 收藏
- 关注
RSS订阅原创 前端首屏渲染性能优化小技巧
1. 查找入口 CSS 文件：查找所有包含 entry 和 .css 的样式表链接（通常是 Nuxt 生成的入口 CSS）。- 解决：通过 media="print" 让浏览器异步加载，不阻塞渲染，加载完成后再应用样式。async-css.client.ts 实现了“异步 CSS 加载”优化，用于提升首屏渲染。3. 加载完成后恢复：CSS 加载完成后，将 media 改回 all，样式生效。- 问题：CSS 是渲染阻塞资源，会阻塞页面渲染，导致白屏。## 为什么这样做？
2026-01-09 16:10:23
281
原创 前段性能优化小技巧
项目中前段使用这个组件开销太大，数据才几百条导致页面卡顿。我在页面上使用了v-chip-group组件，勾选复选框使用filter遍历接口返回的数据。解决方案：使用div包裹v-checobox，遍历使用for循环开销没filter大，数据预处理。
2026-01-07 15:48:30
315
原创 深度解析postcss-mobile-forever
**postcss-mobile-forever = 构建期自动做移动端适配的 CSS 转换器********方案** | **思路** | **问题** |👉 **postcss-mobile-forever：你写 px，它帮你自动适配******- **uni-app x /** **.uvue** **（原生渲染）********场景** | **是否使用** |
2025-12-14 01:11:40
408
原创 react-native，flutter，uniappX，鸿蒙开发四者区别
**React 技术栈 + 原生能力** 👉 **React Native******- **想多端覆盖、国内业务、上手快** 👉 **uni-app X******- **想要接近原生性能、长期可控** 👉 **Flutter******- 国内业务、多端 👉 **uni-app X******- 国际产品、性能优先 👉 **Flutter******- Vue 系 👉 **uni-app X******- 老项目 React 迁移 👉 **RN******
2025-12-13 11:12:15
383
原创 前端app开发如何看待应用生命周期、组件生命周期和页面生命周期
mounted: 组件挂载到 DOM 后调用，适合进行 DOM 操作和第三方库的初始化。在 uni-āpp 中，页面也有专门的生命周期方法，主要用于管理页面的导航状态和数据处理。onshow: 当应用从后台返回前台时触发，适用于处理打开应用时的逻辑，比如更新数据。onPageNotFound:捕获未找到页面的事件，通常用于处理路由方面的逻辑。onHide: 当应用进入后台时触发，通常用于保存状态或进行数据的销毁。onLoad:页面加载时触发，通常用于初始化数据、设置页面的状态。
2025-12-08 09:38:52
167
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人