前端构建工具Gulp的使用介绍

Gulp是一个构建系统,它能自动执行常见任务,比如编译预处理CSS,压缩和混淆JavaScript,刷新浏览器,按需求生成不同的项目目标等。

通过代码优于配置的策略,Gulp 让简单的任务简单,复杂的任务可管理。利用 Node.js 流的威力,你可以快速构建项目并减少频繁的 IO 操作。Gulp有丰富的插件可以使用,并且插件的使用都非常简单,掌握Gulp毫不费力。 继续阅读“前端构建工具Gulp的使用介绍”

常用正则表达式规则

项目中,经常要用到一些匹配、校验、搜索等的功能,这时候使用正则表达式可以大大减少工作量,代码也看起来有没很多。所以,对正则表达式的灵活使用程度,可以在一定程度上说明一个工程师的代码水平。而且普遍认为,最精准、简介的正则表达式一般人是看不懂的。

本篇没有那么高深,主要介绍在项目中经常用到的一些规则。

继续阅读“常用正则表达式规则”

svg.js教程及使用手册详解(二)

上篇简要介绍了svg.js的基本信息和基本用法,这篇开始详细讲解svg.js的用法。

SVG元素

SVG元素主要包括各种形状、线条、文本、路径。

矩形——Rect

Rects有两个参数,即矩形的宽度和高度:

继续阅读“svg.js教程及使用手册详解(二)”

svg.js教程及使用手册详解(一)

做毕设的时候,因为要使用到画图和自定义动画,所以接触到了SVG。网上关于SVG和Canvas的对比很多,具体的辨析这里就不赘言。网上关于SVG的所谓教程基本上都是SVG本身,但是却没有一个针对svg.js这样的集成的SVG库进行具体讲解的教程,做这件事的,本文应该是第一篇,也是给那些需要动态的使用SVG的兄弟们一点帮助。

简介:

SVG.js是一个轻量级的JavaScript库,允许你轻松操作SVG和定义动画。
SVG(Scalable Vector Graphics,可缩放矢量图形)是基于XML、用于描述二维矢量图形的一种图形格式。SVG由W3C制定,是一个开放标准。

SVG.js中包含了大量用于定义动画的方法,如移动、缩放、旋转、倾斜等,具体可参阅相关演示继续阅读“svg.js教程及使用手册详解(一)”