在开发活动页的时候经常会遇到一些边框相关的样式，如轮廓不规则的头像、字数不确定的气泡对话框等。这是怎么实现的呢？都是利用常用的 CSS 属性border-radius和border-image实现的。

1. transform transform主要用于给元素做变换,主要由以下几种变换,rotate(旋转),scale(缩放),skew(扭曲),translate(移动)和matrix(矩阵变换). none表示不做变换, transform-functions表示变化函数,…

本文讲述的最佳实践是从日常业务中总结而出的，不一定适合所有项目。毕竟每个公司或个人的项目不同，最佳实践也会有所不同。但是可以从这篇文章借鉴吸收一点有用的东西，有问题的地方也欢迎大家积极吐槽指正。

如果你封装成一个全局的插件,你就可以直接this.loading.show()。随时显示它。 Vue.js 的插件应该暴露一个 install 方法。这个方法的第一个参数是 Vue 构造器，第二个参数是一个可选的选项对象。 此文章主要是简单的说了一下如何写一个插件,有兴趣的童鞋…

Background，写过 CSS 的朋友们肯定都知道这个属性的作用，顾名思义，背景嘛。MDN 中对其的定义如下： Background 是一种 CSS 简写属性，一次性定义了所有的背景属性，包括 color, image, origin 还有 size, repeat 方式等…

所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。 主线程之外，还存在一个"任务队列"（task queue）。只要异步任务有了运行结果，就在"任务队列"之中放置一个事件。 一旦"执行栈"中的所有同步任务执行完毕，系统就会读取"任务…

在学习JavaScript时大家一定都知道，外部空间不能访问内部变量，那实现这一基本规则的原因是什么呢？是本文将用图来描述JavaScript通过作用域链来寻找变量的底层原理。

经常会碰到，问一个 CSS 属性，例如 position 有多少取值。 通常的回答是 static、relative、absolute 和 fixed 。当然，还有一个稍微生僻的 sticky 。其实

伪类经常与伪元素混淆，伪元素的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。伪类与伪元素的本质区别就是是否抽象创造了新元素。具体的伪类和伪元素相…