提升开发体验三步走

  • 规范化
    1.代码规范
    腾讯AlloyTeam前端规范

    2.代码风格检测

    • eslint简介

    • Eslint静态代码检查

    • npm上的eslint-config

    3.统一项目框架

  • 组件化
    首先需要确定哪些需要做成公共组件,那些是要做成独立组件,以及组件间如何进行通信。在页面中调用这些组件后,会自动加载组件的模板以及组件的静态资源,而当组件不再需要时,只要移除掉组件引用,那么相应的模板和静态资源也会不再加载。

    组件化的好处主要有这么几点

    1. 管理方便,我们可以把一个独立功能相关的文件在工程目录中放在一起,这样代码管理起来会非常便利;

    2. 组件复用,通过抽取公共组件,可以实现组件复用,从而减少工作量,创造价值;

    3. 分而治之,这是组件化最重要的一点,将页面组件化,就是对页面功能的拆分,将一个大的工程拆成小的零件,我们只需要关注每一个零件的功能,极大地降低了页面的开发与维护的难度。

    论前端模块化与组件化的区别?
    大公司里怎样开发和部署前端代码?
    一些前端框架组件化实现的比较

  • 自动化编译
    css预处理器:sass,less,stylus
    构建工具: gulp
    静态分析工具: webpack

  • 参考资料
    京东李伟涛:如何做好前端工程化和静态资源管理

你可能感兴趣的:(工程化,javascript)