前端开发技术工程实践技能

1、 cnpm仓库的使用

1.cnpm中的文件非常重要。使用cnpm时，必须注意尽可能详细地编写组件的自述文件。

2.私有cnpm的作用域域名分为@ui、@util和@server。JS模块的简单划分有助于高效搜索和使用。

3.cnpm可以构建在自己的服务器上，前端开发人员可以在服务器上放置一些私有组件供团队成员使用，从而提高开发效率。

2、 webpack的使用

1.CSS构建了以react和vue为代表的组件化框架，基本上使用CSS IN JS来实现组件。CSS IN JS实现有很多种。

2.JavaScript构建目前JavaScript构建的主要方向是将代码从ES6+转换为ES5，这与浏览器的实现进度、兼容性和快速发展的ES规范兼容。

3.使用CDN可以大大提高网站访问速度，特别是在高流量网站的情况下，CDN可以节省很大一部分优化成本。当我们使用webpack进行构建时，我们将完成的文件上传到CDN，完全自动化的构建过程就结束了。

4.代码压缩js和css代码都可以压缩。删除空格和换行符可以节省大量字节，然后在服务器上启用Gzip压缩。Gzip具有非常高的压缩比，可以有效减少带宽资源。

3、 组件框架的使用

1.目前最流行的组件框架是和。这两个框架在团队合作中的最大优势在于其组件封装的彻底性。

2.组件框架与cnpm仓库协同工作，以节省前端开发人员的时间并提高工作效率。所有的基本组件都在cnpm中，所以你可以随心所欲。组件由专人维护，每个人都拥有组件开发的一部分。

3.在缺少这些框架的情况下，我们还使用jquery来封装插件，这也可以提供基于组件的开发模式。然而，jquery插件的形式不够彻底，它们仍然与html和css结合在一起。它们不像react那样流畅，有时会与插件发生冲突。

4、 代码规范

eslin出现后，前端代码规范开始逐步完善。因为以前的lint工具或多或少都不令人满意，所以js的代码规范总是很差。事实上，eslin最好的一点是规则是高度可配置的，而且会有更多的团队来服务。

来到统软云免费了解更多信息：、、、等。统软云支持您可以通过单击网站生成自己的app。

，注册后为新手提供免费开发包

提交app定制需求，免费获取报价和周期：