前端发展与思考

跨端

• Flutter
• Web
• Mobile

Node

• cli 相关
• BFF + TS 相关
• 公共组件、npm 包

工程化

• cli 工具
• 发布一体化
• Node 相关

后端

• Node
• Go
• Dart/Flutter
• Java

可视化

• svg
• canvas

前端的部署

静态化

Serverless

微前端

大前端的方向

1. 企业中后台

• 标准化: 数据接口协议、编译统一
• 智能化: low code, 搭建服务

2. 开发者服务

• 从端到云一体化应用的解决方案

3. 泛 Nodejs

• Node 应用治理
• ssr, bff 规范

4. 端技术

5. 图形

可视化 + 互动能力

• 互动: 容器、引擎、框架、平台
• 可视化: 智能化、数据联动

业务专注

敏捷

工程

1. 研发模式优化
2. 动态化 + 组件化
3. 新工程能力： 动态部署，开发者服务

性能

1. 性能专项治理： 内存、帧率，启动时间
2. 基础体验三要素： 定位、容器、内容
3. 互动能力：AR、语音、线下结合

稳定性

1. 数据质量： 监控 + 预警
2. 稳定性能力： Monkey, Hotpatch, 灰度
3. 文化生根：零容忍稳定性文化

技术人成长的三个关键词

做、思考、发声

• 做： 有目标的做，分阶段的做，做到极致
• 思考：思考是核心：why 有时候比 how 更重要
• 发声：执行的总结，思考的传达

关于思考

人

思考自己:

1. 我擅长做什么？
2. 我需要提升的地方？
3. 老板对我的要求是？

思考团队：

1. 这个团队的问题是什么？
2. 我能帮助团队解决什么？
3. 我在团队中的角色是？

事

业务节奏：

1. 过去三个月的项目解决什么？
2. 未来三个月业务要解决什么？
3. “最痛”和“最重要”的关系

技术拆解：

1. 团队问题和业务问题作为输入？
2. 如果只能做一件事？三件事？
3. 目标、方案、节奏

关于做

why > 目标 > 方案 > 节奏 （按照顺序）

大家往往一接到事情就埋头扎到怎么做这个维度上，可是比方案更重要的是 why 和 目标。

关于发声

发声的本质：

1. 思考的传达
2. 帮助自我梳理和总结

前端的核心竞争力

• 框架
• 可视化
• Hybrid
• IOT
• 工程能力
• Node.js
• JS
• CSS
• 3D
• 算法
• 基于上面所有知识和技能，对于业务和团队问题的拆解并输出解决方案且落地的综合能力