前端工程化

前端是一种技术问题较少、工程问题较多的软件开发领域,
一切能提升前端开发效率、提高前端应用质量的手段和工具都是前端工程化。
前端越来越复杂,设计的问题和环节也越来越多,
不采用工程化管理,就无法很好的实现团队协同和降低复杂性。
所以在一个成熟的开发团队里面,前端工程化是非常必要且需要不断努力的持久化进程。

1.关注点

高性能、稳定性、可用性、可维护性、可访问性

2.术

1.模块化
    JS的模块化
    CSS的模块化
2.组件化
    UI组件化(容器、展示、高阶组件、渲染回调)
3.规范化
    目录结构的制定
    编码规范
    前后端接口规范
    文档规范
    组件管理
    Git分支管理
    Commit描述规范
    定期CodeReview
    视觉图标规范
4.自动化
    图标合并
    持续集成 
    自动化构建
    自动化部署
    自动化测试

3.参考文章

1. 技术选型指南
2. 聊聊前端工程化
3. 浅谈【四更理念】之开发一个管理端
4. 谁能介绍下web前端工程化?
5. 大公司里怎样开发和部署前端代码?
6. 前端农民工的博客
7. 一个程序员的成长之路
8. 如何管理好你团队的前端代码

4.拓展

1. 纯洁的微笑
2. Chrome 开发者工具操作指南
3.Vue对比其他框架
4. React / Angular / Vue 完整的比较指南
5. 深入ES6模块
6. Serverless——前端的3.0时代
7. 前端工程化及代码管理
8. 透视前端工程化
......

如何选型技术、如何定制规范、如何分治系统、如何优化性能、如何加载资源,当你从切图开始转变为思考这些问题的时候,我想说:
你好,工程师!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 每一种技术的出现都是为了解决某一特定的问题,而一种技术的流行兴起除了天时地利便是因为它较好的解决了工程师们普遍都...
    前端憨憨在路上阅读 3,526评论 0 3
  • 一、描述 在软件开发的领域当中,一些工程化的东西是必不可少,它可以把我们的效率,质量,还有团队合作,维护方面更加的...
    胜过夜的美阅读 7,499评论 0 1
  • 注:文章转载自 《透视前端工程化》我自己觉得这个开篇比较深入我心,所以放在我的简书上,作为个人Mark。后面可能会...
    进击的波拿拿阅读 5,289评论 0 1
  • 什么是"前端工程化"? 目前来说,web业务日益复杂化和多元化,前端开发从WebPage模式为主转变为WebApp...
    dosher_多舍阅读 64,002评论 6 88
  • AST : 全称为 Abstract Syntax Tree,意为抽象语法树,它是源代码语法结构的一种抽象表示。 ...
    小哪吒阅读 4,874评论 0 2

友情链接更多精彩内容