3
头图
本文参与了 SegmentFault D-Day 征文,欢迎正在阅读的你也加入。

淘系web前端架构开发实践

1

10

  • 插件式六边形架构,提供插件生命周期,插件间通信机制;
  • 工程化打包工具可选:webpack、vite、gulp、rollup...;

2

3

  • 研发模式升级,同仓库、同依赖、同命令;
  • 前后端同构开发,通过midway及hooks函数进行构建,结合serverless进行全链路开发;

如何进行前端性能的观测

4

5

  • 可观测性:提供监控可视化语料库,数据库选择、自定义同一查询语言;

7

  • 链路追踪:OpenTracing规范,调用关系图;

6

  • 日志分析:容器日志、应用日志、主机系统日志关联分析;

面向未来与浏览器规范的前端DDD架构设计

11

12

  • 前端DDD:组件服务化,分治抽象,子域分割及定义限界上下文,做好防腐,拥有更精确的缓存及按需加载粒度;

8

9

13

  • Web Components对接类Single-SPA生命周期;
  • portals作为iframe的替代,能更好的深度定制sandbox;

14

15

  • 所有的render本质都是一个appendChild,框架是个围城,应该贴近浏览器原生api的发展方向才是趋势

前端电子表格技术分享

16

  • 在线表格:单元格基于行模式的稀松矩阵存储,构建计算公式先后的依赖计算链

React对全球前端框架发展的影响

17

  • 框架设计:React是一个极致的运行时方案,NG、Svelte、Solid等是极致的编译时方案,Vue介于二者之间,可运可编;

18

19

  • React Hooks本质是一种React的ui=F(state),即ui是一种数据的设计哲学践行,是函数式编程的最佳实践,也更适配Serverless的lambda函数践行

20

  • CPU瓶颈:1、提供性能优化API(底层减少运行时流程);2、时间分片,如批处理及startTransition等(减少用户感知)。IO瓶颈:Suspense,全新SSR

维李设论
1.1k 声望4k 粉丝

专注大前端领域发展


引用和评论

0 条评论