- 博客(14)
- 收藏
- 关注
原创 Nuxt状态管理权威指南-从useState到Pinia
掌握好状态管理,是构建高质量 Nuxt 应用的基石。希望这篇指南能帮助你在未来的项目中,自信地驾驭数据流,写出更优雅、更健壮的代码!
2025-08-24 12:48:02
1005
原创 深入Nuxt服务端引擎-用Nitro构建全栈应用
通过本文的学习,我们揭开了 Nuxt 全栈能力的神秘面纱。你不再需要将自己局限于前端开发者的角色。借助 Nitro,你的 Nuxt 项目生来就具备了强大的后端能力。
2025-08-22 00:18:43
944
原创 Nuxt组件渲染进阶:服务端与客户端组件的协作艺术
通过本文,我们深入理解了 Nuxt 的组件渲染机制。记住这个核心原则:**默认皆服务端,交互即孤岛**。优先考虑将组件做成服务端组件,只在必要时"开启"客户端交互。
2025-08-20 06:00:00
911
原创 Nuxt.js入门指南-Vue生态下的高效渲染技术
这篇《Nuxt.js 4 快速入门指南》通过一个引人入胜的开篇,直击Vue开发者手动配置项目的痛点,突显了Nuxt“约定优于配置”的核心优势。文章系统地介绍了环境搭建、自动路由、组件自动导入和 useFetch 数据获取等核心概念,并以一个充满激励的结尾和互动环节收尾。它不仅是一份清晰的技术操作指南,更是一篇能激发读者学习热情和创造欲望的优秀读物,旨在帮助初学者快速上手并领略Nuxt的魅力。
2025-08-17 22:48:25
832
原创 一文搞懂7大前端渲染模式,让你的网站快人一步
本文对比了三种主流前端渲染技术:CSR(客户端渲染)、SSR(服务端渲染)和SSG(静态站点生成)。CSR适用于交互密集应用,但首屏性能差;SSR适合内容型网站,SEO友好但服务器压力大;SSG则适合静态内容,性能最优但实时性差。文章通过代码示例和流程图展示了每种技术的实现原理,并用餐厅类比帮助理解不同技术的适用场景。开发者应根据项目需求(如SEO、性能、交互性等)选择合适的渲染方案,必要时可结合使用多种技术。
2025-08-02 18:31:22
981
原创 解锁 ECharts 新技能:跨轴瀑布图实战指南
本文通过实际项目中的echarts瀑布图为例,逐一分析解决了官方示例中未覆盖的y负半轴问题,提到了echarts中常用的索引取值的使用技巧,并给出了demo源码,供大家享用。
2025-03-27 00:18:40
446
原创 前端恋曲:el-date-picker组件,选择令人心动的日期范围
本文介绍了el-date-picker组件中pickOptions的强大之处,并通过一个需求场景,用代码逐步进行了需求分析和代码说明,为实现类似场景提供参考和帮助。
2024-07-07 15:29:40
4777
1
原创 筛选升级:探索通用筛选表单组件的封装新技巧
本文通过封装一个通用表单筛选组件,解决了由不同的异步请求获取筛选项、点击触发刷新的问题,增强了组件的复用性。
2024-06-03 23:49:48
865
原创 Vite前端部署:版本更新,即刻知晓
本文提出了vite项目中版本变化的刷新问题,通过监听vite异常事件事件和维护比对发布版本时间戳两种方案,成功解决了自动刷新问题,并展示了demo相关代码和运行结果
2024-05-27 00:36:56
4561
1
原创 轻装上阵:Webpack 5 & Vite资源优化
本文通过一个最小的Webpack和vite项目demo,举例演示了在webpack5中采用内置属性将静态资源模块以不同形式导出,并且说明了在vite中如何处理静态资源模块。
2024-05-05 20:28:32
959
2
原创 Webpack项目构建入门:babel的核心角色
本文通过从零开始搭建一个最小的Webpack项目,解决了诸如`ES6代码转换`、`css代码编译与拆分优化`、`ts代码编译`、`tsx代码编译`等问题,重新梳理在成熟的cli框架中如何采用babel进行语法编译转换,并对babel预设的作用进行了分析。
2024-05-03 20:37:47
885
1
原创 el-tour微探:优雅实现新手引导功能
本文采用element plus组件库中的el-tour组件实现了用户引导功能,通过代码拆分结构设计,保证了引导文案、公共引导组件、页面组件之间的低耦合性、可维护性、高复用性,并针对过程中遇到的问题和解决方法进行了说明。
2024-04-27 23:41:47
3626
3
原创 pdf预览:如何优雅地击败内存泄漏
本文通过一个demo实现了pdf预览功能,服务端采用express封装接口,返回对应页码的文件流。前端采用vue-pdf-embed组件,实现了pdf预览功能。最后通过前后端完整的交互流程,复现并解决了内存泄漏的问题。
2024-04-20 01:00:07
2232
原创 Vue3 SSG上车体验
SSG指在构建阶段生成html文件,适用于固定的静态展示内容页面。并列举了 VuePress 和 Nuxt 如何快速体验上手SSG渲染模式
2024-04-15 00:07:46
1025
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人