「这是我参与2022首次更文挑战的第12天，活动详情查看：2022首次更文挑战」。
项目中用到了 gulp 对多个同类型文件合并，使用到了 gulp 的 concat api，下面我们来看看 gulp-concat 的用法。
gulp
gulp-concat
使用 gulp-concat，可以将多个 js 文件或 css 文件合并成一个文件。
var gulp = require('gulp');
var concat = require('gulp-concat');
gulp.task('concat',function(){
gulp.src('./css/*.css') //将 css 文件夹下的所有 css 文件读取出来
.pipe(`concat('all.css')`) //合并成一个新文件，文件名称为 all.css
.pipe(gulp.dest('./dist')); //将合并后的文件放到 dist 文件夹中
});
因为是在迭代比较老的项目，因此会遇到很多不常见的写法，比方说 jQuery 的一些语法。
gulp.src
gulp.src 输出符合所有匹配模式的文件，返回文件流可以被 piped 到 gulp 其它的方法中。
css3 hsla() 函数
- h (色相，色彩的基本属性，即颜色)
- s (饱和度，色彩的纯度。纯度高，色彩鲜艳；纯度低，色彩发灰)
- l (亮度，取值区间 0-100%。亮度高，颜色偏白；亮度低，颜色偏黑)
- a （透明度，取值区间 0-1。数值越低越透明，0是完全透明，1是完全不透明）
该属性不太常用，在此不赘述。
jQuery live() 方法
最近在项目中，看到了下面这样的写法：
$("button").click(function(){
alert("按钮被点击。");
});
live() 是什么方法，没见过，查一下：
live() 方法为被选元素添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。
注意⚠️：live() 方法在 v1.7 版本中被废弃，在 v1.9 版本中被移除，可使用 on() 方法代替。
那么大家还记得 on() 方法吗
on() 方法在被选元素及子元素上添加一个或多个事件处理程序。
从jQuery v1.7 版本开始，on() 方法替代了是 bind()、live() 和 delegate() 方法。
使用 on() 方法，可以绑定多个事件处理程序，如下：
$("p").on("click",function(){
alert("p被点击1。");
});
$("p").on("click",function(){
alert("p被点击2。");
});
点击 p 标签的时候，会弹出2次对话框，分别弹出：“p被点击1。”和“p被点击2。”
