前端复杂度/工程关注点

349 阅读2分钟

前端的复杂度

前端业务复杂度主要包括但不限于技术栈的复杂度业务逻辑的复杂度UI 交互的复杂度等。

技术栈的复杂度

  • 组件和模块的组织:在组件化和模块化设计中,如何组织组件和模块,使得它们的依赖关系合理、清晰,以保证代码的可维护性和可扩展性。
  • 状态逻辑的组织和管理:在大型前端应用中,状态管理是一个重要的问题。状态管理需要考虑状态的一致性和可变性,以及如何处理状态的变化。
  • 异步数据处理:现代前端应用需要处理大量的异步数据请求和处理。异步数据处理需要考虑异步数据的请求和响应、数据缓存、数据更新和状态管理等问题。

业务逻辑的复杂度

业务逻辑的复杂度可能因业务领域的不同而有所不同,例如电商、本地生活、直播等领域都有各自的业务逻辑和复杂性。
在前端开发中,业务逻辑复杂度可能表现为需要进行大量的数据处理、业务规则的验证、复杂的页面流程设计等。在前端中,如果没有一个清晰的业务逻辑划分和抽象,代码可能会变得非常复杂,难以维护和扩展。因此,在前端开发中,对于业务逻辑的划分和抽象非常重要,这样才能更好地应对业务逻辑的变化和复杂性。

UI 交互的复杂度

主要在于如何实现复杂的交互逻辑和动画效果,以及如何处理用户的输入和反馈。
具体来说,UI 交互的复杂度主要体现在:用户体验设计、跨端兼容性、性能优化

前端工程关注点

image.png

稳定性

  • 是否具备灰度能力;以及灰度粒度;
  • 监控是否完善,是否能第一时间发现线上问题;
  • TS类型覆盖率

可扩展性

可维护性

数据流向不清晰

UI交互(性能)

  • 首字节时间
  • dom构建完成时间
  • dom ready时间
  • 首屏时间
  • 页面完全加载完的时间