小程序设计系统与组件库工程化
系统讲解小程序设计系统与组件库工程化:Design Token 体系、组件库目录结构与分层、npm 包发布与 miniprogram_npm 构建、按需注入与 usingComponents、主题与暗黑模式、文档站建设、多端一致性,以及版本管理与 breaking change 策略。
tag
系统讲解小程序设计系统与组件库工程化:Design Token 体系、组件库目录结构与分层、npm 包发布与 miniprogram_npm 构建、按需注入与 usingComponents、主题与暗黑模式、文档站建设、多端一致性,以及版本管理与 breaking change 策略。
系统性 WebAssembly 前端实战:WASM 核心概念与运行模型(VM/线性内存/Table/Module/Instance)、主流编译工具链对比(Rust+wasm-pack / Go+wasm / C++/Emscripten / AssemblyScript)、WASM 与 JavaScript 互操作(export/import/memory/Table)、性能基准对比(WASM vs JS vs native)、前端典型应用场景(图像处理/编解码/加密/物理引擎/数据可视化)、WASM 模块异步加载与流式编译、多线程 WASM(SharedArrayBuffer + Atomics)、WASI(WebAssembly System Interface)演进。附 Rust→WASM 完整实战。
系统性微前端技术指南:微前端架构模式(Module Federation / iframe / Web Components / qiankun / single-spa)选型对比、Webpack Module Federation 原理与配置、Vite Module Federation(@originjs/vite-plugin-federation)实战、公共依赖共享与版本冲突解决、跨应用通信、路由整合、样式隔离、qiankun 沙箱与快速启动、微前端 DevOps 与独立部署。附完整架构决策树。
系统性 TypeScript 工程化指南:tsconfig 严格模式配置、高级类型体操(条件类型、映射类型、模板字面量、infer)、类型守卫与 Narrowing、泛型约束与协变逆变、类型安全边界(noUncheckedIndexedAccess、exactOptionalPropertyTypes)、monorepo 类型共享、API 类型自动同步(OpenAPI → TS)、品牌类型(Branded Types)与名义类型系统。附 Vue/React/Node.js 实战配置。
系统梳理现代 CSS 工程化方案:Tailwind CSS 原子化设计哲学与原理、JIT 编译器、主题定制与插件开发;CSS 设计令牌(Design Tokens)、PostCSS 插件链、CSS-in-JS 对比(Styled Components vs Linaria)、CSS Modules 与 Scoped CSS、CSS 架构方法论(BEM/ACSS/Utility-first)。附 Vue、React、Next.js 实战配置。
全面梳理企业级前端工程化体系:Monorepo 与 Polyrepo 选型、包管理策略(npm/yarn/pnpm/bun)、代码规范工具链(ESLint/Prettier/Husky/lint-staged)、Git 工作流(Git Flow/GitHub Flow/trunk-based)、标准化 CI/CD 流水线(GitHub Actions/GitLab CI)、Docker 化部署与环境管理。附 Vue/React 项目实战模板。
将 Birdor 四篇核心 PRD(JSON Formatter、JWT Decoder、AI Regex Generator、AI Log Analyzer)转化为可执行的工程 Backlog,包含任务拆分、优先级排序、依赖关系、验收标准、排期估算、跨工具复用策略和风险缓解方案。