晴空闲云

web应用开发使用svg图片，总结了下，可以有如下4种方式： 1. 直接插入页面。 2. img标签引入。 3. css引入。 4. object标签引入。

网上很流行的一行代码，据说是谷歌工程师写的，它的作用是给页面所有元素增加一个随机颜色的外边框。 运行效果如下图： 这个代码虽然只有一行，但是包含的知识点不少，网上有很多解析。我也说下自己的理解，然后最

最近研究了一下svg的path标签，功能非常强大，理论上来讲path标签可以画出任意图形。自己记性不太好，记录一下path的使用语法和自己的理解。 path介绍 path用d属性来描述路径，语法格式大

DOM的MutationObServer接口，可以在DOM被修改时异步执行回调函数，我的理解就是可以监听DOM修改。 基本使用 可以通过MutationObserver构造函数实例化，参数是一个回调函

随着现在typescript使用越来越多，作为打包工具界的webpack怎么编译typescript呢？ 下面我把自己的实践记录一下，成功编译了typescript文件，并且引入typescript模

svg中有一个viewbox属性，中文翻译为视区，就是在svg上截取一小块，放大到整个svg显示。 这个属性初学的话有点难以理解，这边做一个简单的示例，一看就明白了。

选择器是Css非常强大的功能，早先一般是通过getElementById和getElementsByTagName来获取页面元素，在一些场景下就很不方便。 后来DOM扩展出了Selector API标

本篇介绍了 flex 项目属性的第一个 flex-basis ，用于设置占据主轴空间的大小。 阅读时间10~15分钟。

本篇介绍了 flex 属性和 order 属性，flex属性就是 flex-grow、flex-shrink、flex-basis 三个属性的合集。 order 属性用来对项目进行排序。