- 博客(18)
- 收藏
- 关注
RSS订阅原创 从乾坤到无界：一份可落地的微前端 Demo 笔记
本文对比了两种主流微前端框架乾坤和无界的特点与实现方案。乾坤基于JS Entry+HTML Entry双模式，提供样式隔离和JS沙箱，但存在隔离不彻底的问题；无界采用Web Components+iframe混血方案，实现绝对隔离但内存占用较高。文章提供了两种框架的具体接入步骤：乾坤需要主应用注册子应用配置，子应用改造main.ts和vite配置；无界则通过wujie-vue3组件实现快速接入。关键注意事项包括样式隔离问题、全局样式一致性以及性能优化建议，为微前端落地提供了实用参考。
2025-11-30 15:31:44
618
原创 AI+Figma
10分钟零成本把Figma稿变前端代码！本篇手把手教你用AI模型+MCP插件，Token一键授权，Node20+Trae CN自动装依赖，选带视觉模型，贴设计链接即可生成React/Vue/HTML+Tailwind，附赠报错速查与多轮调优话术，图标占位、配色锁定、布局保真一步到位，全程免费本地运行，平均5分钟导出可直接运行的源码，覆盖80%静态UI工作量，设计交付效率直接翻倍，适合前端、设计师、产品经理快速验证原型。
2025-11-14 19:17:52
254
原创 UniApp + Vue3 + TS 工程化实战笔记
本文提供了一份全面的UniApp+Vue3+TS开发指南，重点介绍CLI开发模式的优势和配置方案。通过对比HBuilderX与CLI+VSCode的开发体验，指出CLI在TS支持、依赖管理和工程化扩展方面的优势。内容包括项目创建、VSCode插件推荐、HTTP请求封装、热更新方案、Pinia状态管理等实用技巧，并分析了uni-ui和uview-plus两个UI库的优缺点。
2025-11-06 20:00:53
322
原创 让 CLI 更友好：在 npm 包里同时支持“命令行传参”与“交互式对话传参”
本文介绍了一个实现智能交互式目录树生成工具的开发过程。该npm包（get-dir-tree）支持两种使用场景：1) 自动化脚本通过参数直接执行；2) 交互式终端通过问答方式补充参数。核心功能包括参数检测、交互式问答、目录遍历和Markdown格式输出，并提供忽略规则配置（默认过滤.git/node_modules）。文章还记录了首次发包时的常见问题（包名冲突、bin路径错误等）及解决方案。
2025-11-02 18:27:51
193
原创 Knife4j vs Swagger：Node.js 开发者的API文档革命！
node-knife4j-ui：Node.js生态的Knife4j文档解决方案 填补Knife4j在Node.js生态的空白，提供智能参数折叠、多主题切换、离线导出等核心功能，新增JWT自动注入等企业级特性。性能优势显著：万级接口加载<2s（Swagger UI>5s），内存占用低，支持微服务网关聚合文档。 快速体验： npm install node-knife4j-ui 支持Express/Koa框架，提供静态文件服务与Swagger规范集成，开箱即用。 🔗 npm | GitHub
2025-10-18 15:10:52
408
原创 JS 性能优化
本文总结了前端性能优化的关键要点，包括减少计算（缓存、防抖节流、懒加载）、数据结构优化、异步并发处理等性能优化技巧；构建阶段的Tree Shaking、代码分割、压缩混淆等方法；代码质量与类型优化建议；运行时内存管理、网络优化等策略；架构设计原则（SOLID、状态管理）以及调试监控工具的使用。最后特别强调，实际开发中最常用的是防抖节流、缓存、异步优化等技术，并提醒对非自己开发的代码修改需谨慎。全文提供了从代码编写到项目构建、部署的全链路优化方案。
2025-10-17 21:19:49
244
原创 Css性能优化
前端性能优化中，CSS优化是关键环节。加载阶段可通过异步加载非关键CSS、media属性按需加载、压缩去重等方式减少阻塞；解析阶段应简化选择器、移除未使用代码、使用contain属性隔离样式；渲染阶段需避免触发重排的属性，优先使用transform/opacity等合成层优化动画。整体策略围绕减少阻塞、降低复杂度、优化渲染流程展开，从而提升首屏加载速度和交互响应。
2025-10-17 20:57:24
899
原创 一文搞懂SSR、SSG、CSR
文章摘要：三种网页渲染方式的对比：CSR（客户端渲染）适合动态交互但SEO差，首屏加载慢；SSR（服务器端渲染）首屏快、SEO友好但服务器压力大；SSG（静态站点生成）性能最佳、安全性高，但无法实时更新。各技术各有利弊，需根据项目需求选择。
2025-10-12 13:49:52
409
原创 nvm+nrm双剑合璧：Node版本&源管理一把梭
本文介绍了nvm和nrm两个工具的安装与使用教程。nvm是Node.js版本管理工具，支持多版本切换，安装前需卸载原有Node.js并配置淘宝镜像。文章详细说明了安装注意事项、常用命令如版本查看/安装/切换等。nrm是npm镜像源管理工具，可快速切换国内镜像源，介绍了安装方法及常用命令如查看/切换镜像源、清除缓存等。这两个工具能有效解决Node.js版本冲突和npm下载慢的问题，提升开发效率。
2025-10-11 20:09:42
345
原创 Pinia 基本使用
Pinia是Vue的状态管理工具，作为Vuex的轻量级替代方案。它简化了API设计，移除了mutations，支持TypeScript，采用扁平化结构替代模块嵌套。基本使用包括定义store（state、getters、actions）、数据修改的四种方式（直接修改、$patch对象/函数、actions）。组合式API写法更适配Vue3，通过ref管理状态并返回所需内容。通过pinia-plugin-persistedstate插件可实现状态持久化，文章提供了在uniapp中的多端持久化实现方案。相较于V
2025-10-07 19:52:03
705
原创 Vue2优化方案
本文介绍了Vue项目在生产环境中的优化策略：1. 通过配置productionSourceMap控制source map生成，建议生产环境运行稳定后关闭；2. 使用CDN加速第三方库加载，将5MB的包体积降至500KB；3. 开启Gzip压缩减少传输体积60%；4. 实现路由懒加载和图片懒加载优化首屏性能；5. 合理配置代码分割策略；6. 图片优化建议；7. 移除生产环境console打印。文章还提供了完整的vue.config.js配置示例和HTML模板修改方案，涵盖从代码构建到部署的全流程优化要点。
2025-10-04 09:00:00
1995
原创 Object.defineProperty、Proxy、Reflect、vue2/vue3的响应式原理
Object.defineProperty、Proxy、Reflect、vue2/vue3的响应式原理
2022-08-28 17:52:18
377
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人