摘要: 质量保障 编码质量 防御性编程: 判空处理; 异常处理try-catch; 降级处理(对允许出错的弱依赖场景, 可以返回默认值, 增加系统容错性) 质量管理工具: 静态检查工具(ESLint); 风格控制工具(Prettier) 代码评审: 交叉验证代码设计的合理性 测试 通过编写测试用例来检查程序 阅读全文
posted @ 2025-01-21 17:04 Khru 阅读(24) 评论(0) 推荐(0)
摘要: 前端服务端 特指服务于前端开发的服务端, 不包含数据库, 中间件, 分布式服务, K8S等底层设施 引入服务端的必要性 在传统前端开发中, 所有的代码和功能都运行在客户端. 随着业务体量增大, 比如需要传输到客户端的脚本体积越来越大, 导致传输延迟上涨, 渲染性能下降; 前端要调用的接口越来越多,导 阅读全文
posted @ 2025-01-21 15:34 Khru 阅读(31) 评论(0) 推荐(0)
摘要: 用户体验 性能优化 通过性能分析工具来观察页面各阶段的耗时和性能指标, 有针对性的进行优化 加载时间太长 资源体积过大: 减小产物大小, 减少传输量 现代构建工具提供了压缩(compression), 树摇(tree shaking), 依赖外置(externals) 功能来减小产物大小 同时提供代 阅读全文
posted @ 2025-01-21 14:14 Khru 阅读(18) 评论(0) 推荐(0)
摘要: 应用框架 应用框架的任务包括: 引入状态管理方案, 做一套统一的布局, 抽象一个更好用的数据请求方法, 优化打包效率 应用框架的覆盖面: 基于React生态的Next.js, UmiJS, Modern.js; 基于Vue生态的Nuxt和Quasar; 自成一体的Astro和Angular; 专注于 阅读全文
posted @ 2025-01-21 09:12 Khru 阅读(28) 评论(0) 推荐(0)