环境介绍： pro环境：生产环境，面向外部用户的环境，连接上互联网即可访问的正式环境。 pre环境：灰度环境，外部用户可以访问，但是服务器配置相对低，其它和生产一样。 test环境：测试环境，外部用户无法访问，专门给测试人员使用的，版本相对稳定。 dev环境：开发环境，外部用户无法访问，开发人员使用 ...
分类：
其他好文 时间：
2020-01-06 21:10:39
阅读次数：
203
为什么需要构建工具？ 通过caniuse我们了解到 现代浏览器对es6特性的支持程度： 由于现代浏览器对es6特性的支持度并不能说太高，为了兼容所以需要进行 es6语法的转换，除了此，三大框架的语法特征，例如转换JSX，双括号等， 还有其他如CSS前缀补全/预处理器，JS压缩混淆，图片压缩等。 前端 ...
分类：
Web程序 时间：
2020-01-04 10:56:12
阅读次数：
111
jade是一款基于haml的html模板引擎，已改为pug1.全局安装 npm install jade -g 新建一个jade文件夹，再建一个后缀名为.jade的文件编辑.jade文件jade -P -w index.jade 在文件夹jade下监听文件变化，即生成htmlindex.jade文件... ...
分类：
Web程序 时间：
2020-01-04 01:34:59
阅读次数：
134
作为从grunt、gulp一路走来的老码农，一开始用webpack的时候我是很抗拒的。但由于核心库使用了vue，而webpack又是vue的最佳拍档（vue作者专门为其写了vue-loader），所以用webpack来构建项目就成了自然而然的事情。经过一段时间的摸索，各个流程都跑通了，「从入门到放弃 ...
分类：
Web程序 时间：
2019-12-29 23:54:21
阅读次数：
118
一、减少请求资源大小或者次数 1、尽量和并和压缩css和js文件。（将css文件和并为一个。将js合并为一个） 原因：主要是为了减少http请求次数以及减少请求资源的大小 打包工具： webpack gulp grunt. ....2、尽量所使用的字体图标或者SVG图标来代替传统png图 因为字体图 ...
分类：
Web程序 时间：
2019-12-28 16:37:57
阅读次数：
129
更多gulp常用插件使用请访问： "gulp常用插件汇总" gulp rev rewrite 这是一款重写对由 修订的资产的引用。 "更多使用文档请点击访问gulp rev rewrite工具官网" 。 安装 一键安装不多解释 使用 最常见的使用模式包括两个步骤： 修改资产并创建资产清单。 从清单中 ...
分类：
其他好文 时间：
2019-12-27 20:00:27
阅读次数：
95
更多gulp常用插件使用请访问： "gulp常用插件汇总" gulp inject 这个插件的作用与wiredep类似，不同的是可以自己任意指定需要插入文件的列表。它同样是利用注释来寻找插入的位置。获取源文件流，将每个文件转换为字符串，并将每个转换后的字符串注入目标流文件中的占位符。 "更多使用文档 ...
分类：
其他好文 时间：
2019-12-27 18:17:50
阅读次数：
312
例子中的React版本为v0.14.2.示例目录结构如下：- libs/ - react/- node_modules/- src/ - main.js- gulpfile.js- index.html- bundle.js- package.json其中，index.html代码如下： Docum... ...
分类：
其他好文 时间：
2019-12-26 00:08:19
阅读次数：
196
1、gulp是基于node.js流的一个前端自动化构建工具，可以使用它构建自动化工作流程，简化我们的工作亮，让我们把重点放在功能的开发上，提供开发效率和工作质量； 安装 1、npm install gulp g 2、gulp version CLI version: 2.2.0 Local vers ...
分类：
其他好文 时间：
2019-12-21 23:06:28
阅读次数：
156
gulp添加版本号解决缓存问题 1. 第一项 配置node [node安装教程:] 运行node v 有版本号即为安装成功 2. 第二项 配置cnpm 运行cmd,安装淘宝镜像 npm install cnpm g registry=https://registry.npm.taobao.org 3 ...
分类：
其他好文 时间：
2019-12-19 23:13:24
阅读次数：
105
