前言 SVG(Scalable Vector Graphics)意为可缩放矢量图形，通过XML格式定义图像，在HTML开发中有广泛的使用。 其中，SVG filter(SVG 过滤器)可以用来给图形添加一些特殊效果，例如模糊、阴影、色彩转换等等。 相比于CSS的filter和Blend Modes，SVG filter……

前言 在CSS3之前，只有ul和ol等列表元素中存在计数器，其他元素很难通过CSS实现计数功能。而CSS3之后，通过新增的counter属性，可以实现任意元素的计数。   使用 以本博客的代码行计数功能为例，代码标签构成方式如下： 页面展示效果如下： 可以看出，<pre>标签嵌套<span>标签……

前言 在三大前端框架中，Google开发的Angular.js出现最早但应用较少，国人开发的VUE在国内最火，今天的主角则是Facebook开发的React。 作为国内外最流行的前端框架，React最早被Facebook用于开发Instagram，在2013年5月开源。 React优点是，设计思想独特，性能出众，代码逻……

本文主要说一下回调函数、Promise以及中间件的概念与用法。   异步操作与回调函数 在实际开发中有些操作会耗费一些时间来获得结果，例如文件读写、网络请求、延时函数等等，这种时候就会采取异步操作避免阻塞等待，而如果需要获取异步操作的结果，必须通过回调函数。 var fs = require(‘fs’) co……

简介 对于前端（Front-End）来说，开发语言方面有且只有HTML、CSS、JavaScript这三种，至于VUE之类的框架也无非是基于这些语言之上的拓展。 而对于后端（Back-End）来说，可用的开发语言就很多了，例如我常用的Python、最常用的PHP、经久不衰的Java、.Net、Ruby、Go等等，各有自……

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。 本文记录一下常用……

传统的网页布局方案是基于盒子模型，依赖display、position、float等属性，这种布局方式对于特殊的布局来说比较难以实现，例如垂直居中等。 2009年，W3C提出了一种新的方案——Flex布局（CSS FlexBox），也就是弹性布局，用来为盒子模型提供最大的灵活性，成为了移动端Web开发的首选方案。 兼容……

clip-path 直译过来就是裁剪路径，是使用SVG或形状定义一个HTML元素的可见区域的方法。 原理类似于Photoshop中的形状工具，通过设置一个封闭的路径实现一种遮罩效果，封闭路径内部的区域正常显示，外部的区域隐藏，从而在方形的图层上绘制出形状各异的几何图形。 而在clip-path中，封闭的路径可以来自于外……