加载中
Gulp 插件

前面我们讲到在学习压缩 JS、CSS、图片等文件时,需要用到一些相关的插件。Gulp 提供了一些有用的插件来处理 HTML 和 CSS,JavaScript,图形以及一些其他内容。下面我们来看一下 gulp 中的一...

Gulp 编译Less和Sass

在实际应用中,我们一般会使用 CSS 的预处理器来编写 CSS 代码,例如 Less 和 Sass 语言,通过将脚本解析成 CSS 的脚本语言,可以减少 CSS 的重复,也可以节省时间。 本节我们来学习如何通过...

Gulp 使用gulp压缩图片

在实际项目中,除了 HTML、CSS、JS 等文件,还会用到大量的图片。压缩图片可降低图片文件大小,提高页面打开速度。 如何压缩图片 使用 gulp 来压缩图片可以使用下面两个插件: gulp-imagemi...

Gulp 使用gulp压缩CSS

我们除了可以使用 gulp 压缩 JS 文件,还可以压缩 CSS,压缩 CSS 代码可以降低 CSS 文件的大小,提高网页的打开速度。 压缩CSS文件 使用 gulp 来压缩 CSS 文件的操作步骤和压缩 JS 文件差不多...

Gulp 使用gulp压缩JS

本节我们学习如何使用 gulp 压缩 JS,在实际项目中,如果 JS 文件太大,那么可能导致页面加载变慢。所以我们可以将这些 JS 文件进行压缩。我们除了可以选择使用各种工具手动来进行压缩,还可...

Gulp globs匹配规则

本节我们来学习 Gulp 中的 globs 的匹配规则。glob 是由普通字符或通配字符组成的字符串,用于匹配文件路径。我们可以使用一个或多个 glob 匹配规则在文件系统中定位文件。 gulp.src()方法 ...

Gulp 处理文件

Gulp 暴露了 src() 和 dest() 方法,用于处理计算机上存放的文件。 其中 src() 方法接受一个 glob 参数,从文件系统中读取文件,然后生成一个 Node 流。它将所有匹配的文件读取到内存中并通过...

Gulp 异步执行

Node 库有多种方式处理异步功能,最常见的模式是 error-first callbacks,除此之外,还有 streams、promise()、event emitters、child processes、observables。gulp 任务规范化了所有这些类...

Gulp 导出任务

Gulp 中的任务可以是可以分为 public(公有)和 private (私有)类型。 公有任务:从 gulpfile 中被导出的任务称为公有任务,可以通过 gulp 命令直接调用。 私有任务:在内部使用,通常作为...

Gulp 第一个Gulp任务

本节我们开始学习如何创建 Gulp 任务。每一个 Gulp 任务都是一个异步的 JavaScript 函数,这个函数是一个可以接收回调函数 callback 作为参数的函数,或者是一个返回 stream、promise、event...

Gulp 介绍与安装

Gulp 介绍与安装 Gulp 是前端开发过程中一种对代码进行构建的工具,是自动化项目的构建利器。它不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成,使用...

SVG 滤镜

本节我们学习 SVG 中滤镜,SVG 滤镜是滤镜中的一个类型,用来向形状和文本添加特殊的效果。 SVG的可用滤镜 在 SVG 中,可用滤镜如下所示,我们可以同时在每个 SVG 元素中使用多个滤镜: 滤镜...

03/01 11:27
50
SVG 径向渐变

上一节我们讲的是线性渐变,本节我们来学习径向渐变。径向渐变可以理解为以某一点为圆心,颜色值沿半径方向进行渐变。 如何创建径向渐变 我们可以通过 元素创建一个 SVG 的径向渐变。径向渐变...

02/26 11:56
11
SVG 线性渐变

本节我们学习 SVG 中的渐变。首先我们需要弄清楚什么是渐变,SVG 中的渐变可以理解为一种颜色到另外一种颜色的过渡,而这种颜色的过渡又分为两种形式,即线性渐变和径向渐变。本节我们会先学...

02/24 11:49
33
SVG 路径

本节我们学习 SVG 中路径,在 SVG 中我们可以使用 <path> 元素来定义路径。<path> 的功能很强大,既可以创建基本的图形,也可以创建更复杂的形状。<path> 路径是由一些命令来控制的,每个命令...

SVG 绘制多边形

本节我们来学习如何在 SVG 中绘制多边形,多边形就是由三条或三条以上的线段首尾顺次连接所组成的平面图形。 如何绘制多边形 绘制多边形可以使用 SVG 中的 <polygon> 元素,通过元素中的 po...

02/05 13:32
104
SVG 绘制曲折线

本节我们来学习如何在 SVG 中绘制曲折线,绘制曲折线可以使用 元素来实现。 如何绘制曲折线 曲折线就是通过一系列的直线连接多个点,然后组合成任意形状。曲折线可以通过 SVG 中的 元素来绘....

02/01 11:42
34
SVG 绘制直线

本节我们来学习如何在 SVG 中绘制直线,要绘制直线可以使用 <line> 元素来实现。 如何绘制直线 我们可以使用 <line> 元素在 SVG 图像内部来绘制线条,要绘制直线,首先要确定直线起点与重点的...

01/29 12:08
46
SVG 绘制椭圆

本节我们来学习如何在 SVG 中绘制椭圆,椭圆和圆形有点像,但是又不一样。圆形只有一个半径,而椭圆 x 轴和 y 轴上的半径不同,所以椭圆就是一个不规则的圆。 如何绘制一个椭圆 在绘制椭圆时...

01/26 13:58
57
SVG 绘制圆形

本节我们来学习如何在 SVG 中绘制圆形,圆形也是 SVG 的基本形状之一,我们可以通过 元素来绘制原型。 如何绘制一个圆形 要绘制圆形可以通过 元素来实现,在绘制圆形时,我们需要确定这个圆的...

01/21 12:11
8

没有更多内容

加载失败,请刷新页面

返回顶部
顶部