前端AI知识碎片

乾坤双Entry，隔离不彻底；无界WebComponent+iframe，绝对隔离但吃内存。接入：乾坤配主/子应用，改main.ts；无界用wujie-vue3即插。注意样式、性能。

10分钟零成本把Figma稿变前端代码！本篇手把手教你用AI模型+MCP插件，Token一键授权，Node20+Trae CN自动装依赖，选带视觉模型...

UniApp+Vue3+TS开发指南，重点介绍CLI开发模式的优势和配置方案。通过对比HBuilderX与CLI+VSCode的开发体验，指出CLI在TS支持、依赖管理和工程化扩展方面的优势。

该npm包（get-dir-tree）支持两种使用场景：1) 自动化脚本通过参数直接执行；2) 交互式终端通过问答方式补充参数。核心功能包括参数检测、交互式问答、目录遍历和Markdown格式输出。

0元获取.dpdns.org顶级域名教程：通过GitHub账号即可免费注册该PSL认证域名，支持Cloudflare托管、SSL证书和CDN加速。

node-knife4j-ui：Node.js生态的Knife4j文档解决方案 填补Knife4j在Node.js生态的空白，提供智能参数折叠、多主题切换、离线导出等核心功能

本文总结了前端性能优化的关键要点，包括减少计算（缓存、防抖节流、懒加载）、数据结构优化、异步并发处理等性能优化技巧；构建阶段的Tree Shaking、代码分割、压缩混淆等方法。

前端性能优化中，CSS优化是关键环节。加载阶段可通过异步加载非关键CSS、media属性按需加载、压缩去重等方式减少阻塞；解析阶段应简化选择器、移除未使用代码、使用contain属性隔离样式。

三种网页渲染方式的对比：CSR（客户端渲染）适合动态交互但SEO差，首屏加载慢；SSR（服务器端渲染）首屏快、SEO友好但服务器压力大；SSG（静态站点生成）性能最佳、安全性高，但无法实时更新。