一、cnpm仓库的使用
1.cnpm中文档是非常重要的，在使用cnpm的时候一定要注意把组件的README写的尽量详细。
2.将私有cnpm的scope域名分为@ui、@util、@server，将JS模块简单的划分，有利于高效搜索和使用。
3.cnpm可以搭建至自己的服务器上，前端开发者可以将一些私有组件放置在服务器上，供团队成员使用，提高开发效率。
二、webpack的使用
1.CSS构建
以react和vue为代表的组件化框架，基本都是使用CSS-IN-JS去实现组件，CSS-IN-JS的实现又有很多种。
2.JavaScript构建
目前JavaScript构建的主要方向在与ES6+转换成ES5的代码，为了浏览器的实现进度、兼容性和高速发展的ES规范做的兼容处理。
3.CDN的使用
CDN可以极大的提升网站访问的速度，特别是在大流量的网站时，CDN可以省去很大一部分优化的开销。我们在使用webpack构建的时候，将构建完成的文件统一上传至CDN上，全自动化的构建过程就结束了。
4.代码压缩
js和css代码都是可以压缩的，去除空格和换行就可以节省很多的字节量，继而再开启服务端的Gzip压缩。Gzip的压缩率非常高，可以非常有效的减少带宽资源。
三、组件框架的使用
1.目前比较流行的组件框架有react和vue，这两框架在团队合作中最大的好处就在于其组件封装的彻底性。
2.组件框架配合cnpm仓库，可以节省前端开发者的时间，提高工作效率，所有的基础组件都在cnpm里面，要什么拉什么。组件由专人维护，每个人owner一部分的组件开发。
3.在没有这些框架的时候，我们同样使用jquery封装插件，一样可以提供组件式的开发模式，但是jquery插件的形式做的不够彻底，依旧和html、css有耦合，使用起来并没有react之类的流畅，而且有时还会产生插件冲突。
四、代码规范
eslint出现之后，前端的代码规范才开始慢慢完善起来，由于以前的lint工具都或多或少有些许不尽如人意的地方，导致js的代码规范一直很差。其实eslint最好的地方在于规则的可配置性极高，可以服务的团队群体也就会更多了。
来千语创想移动应用开发平台学习更多APP开发知识：app开发，app制作，app开发源码下载，app开发框架，app制作模板等免费获取。千语创想支持APP定制开发，一键网站自动生成app、网站转app、网站封装app，有网站即可生成自己的app。
立即免费在线制作一个APP，新手注册即送开发大礼包
提交app定制需求，免费获取报价和周期：
电脑请点击https://www.qianyuthink.com/?url=/index?uzchannel=500
手机请点击https://www.qianyuthink.com/?url=/m/quickaddcustom
