前端使用gulp来自动化开发流程。 gulp会非常方便进行前端管理。 安装gulp： npm install gulp -g #将gulp安装至全局 因为在本地需要使用require的方式gulp。因此也需要在本地安装一份： npm install gulp --save-dev #将gulp安装至 ...
分类：
Web程序 时间：
2019-06-06 13:48:28
阅读次数：
102
什么是 NPM npm 之于 Node.js ，就像 pip 之于 Python， gem 之于 Ruby， pear 之于 PHP 。 npm 是 Node.js 官方提供的包管理工具，他已经成了 Node.js 包的标准发布平台，用于 Node.js 包的发布、传播、依赖控制。npm 提供了命令 ...
分类：
其他好文 时间：
2019-06-04 16:06:09
阅读次数：
90
性能优化： 一、减少请求资源大小或者次数 1、尽量和并和压缩css和js文件。（将css文件和并为一个。将js合并为一个） 原因：主要是为了减少http请求次数以及减少请求资源的大小 打包工具： webpack gulp grunt . ....2、尽量所使用的字体图标或者SVG图标来代替传统png ...
分类：
其他好文 时间：
2019-06-04 13:30:21
阅读次数：
118
一、npm简介 npm全称为Node Package Manager，是一个基于Node.js的包管理器，也是整个Node.js社区最流行、支持的第三方模块最多的包管理器。 npm的初衷：JavaScript开发人员更容易分享和重用代码。 npm使用场景：允许用户获取第三方包并使用 npm版本查询： ...
分类：
其他好文 时间：
2019-06-03 22:23:59
阅读次数：
152
webpack非常强大,但是也有不足的地方,批量式处理依然是gulp更胜一筹.我们是否可以将两者的优点结合起来呢? 这篇文章就是讲述如何集成gulp和webpack 1.安装webpack-stream 很重要的插件,当然也可以直接使用官方的webpack,集成方式可以看webpack官网. 但we ...
分类：
Web程序 时间：
2019-06-01 09:47:48
阅读次数：
147
1、新建项目文件 2、进入项目文件 3、打开 cmd 命令窗口 4、初始化项目文件 输入npm install -y（全部默认） 会看到一个package.json文件，是配置文件 5、安装gulp 输入npm install gulp -g 全局安装 6、然后输入 npm install gulp ...
分类：
其他好文 时间：
2019-05-25 12:41:57
阅读次数：
97
感觉和webpack的步骤差不多 首先安装gulp：参考上一篇 安装完之后 新建一个文件目录起名 在当前目录下打开cmd 执行：npm init 创建package.json文件 然后安装第一个插件gulp-uglify 执行： 这时候已经可以开始压缩es5的js文件了，但是我们要编译es6语法，那 ...
分类：
Web程序 时间：
2019-05-24 19:36:01
阅读次数：
424
series 串行执行任务 特性：等待慢的一起输出 paralle 并行执行任务 优点 避免重复任务 运行组合操作时，每次提供时都会执行每个任务 如果你有这样的代码 改良后 详情参考网址 ...
分类：
其他好文 时间：
2019-05-22 20:47:00
阅读次数：
75
webpack是前端构建工具，称为模块打包机，webpack支持模块化；构建前端开发过程中常用的文件，如：js，css，html，img等；使用简单方便，自动化构建。webpack是通过loader（加载器）和plugins（插件）对资源进行处理的。 Glup侧重于前端开发的整个过程的控制管理，我们 ...
分类：
Web程序 时间：
2019-05-14 13:01:58
阅读次数：
110
npm：node的包管理工具，是在命令行做管理。 cnpm：淘宝的npm镜像文件 ，但一般只用于下载，不用于其他操作 npm流程： 切换路径 安装cnpm 安装yarn 查看版本，是否安装成功 创建package.json文件 y快速生成 //下载包 (以gulp代替“包名”) //将包下载到全局 ...
分类：
其他好文 时间：
2019-05-02 00:08:34
阅读次数：
169
