通过元素类型 tagName、*、.class 或 #id 匹配一个或多个元素。 通过 属性 / 属性值 匹配一个或多个元素。 伪类：匹配元素的相关状态和属性，如 :hover :first-child :nth-child() ，单冒号。 伪元素：匹配元素的相关位置, 如 :…

Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 行内元素也可以使用Flex布局。 Webkit内核的浏览器，必须加上-webkit前缀。 注意，设为Flex布局以后，子元素的float、cle…

1. 坑a 2. 坑b 3. 坑c

本文的写作灵感来自于《React Component Patterns》，线上演示地址>>点我>> 熟悉我的朋友都知道，我不喜欢写无类型支持的 JavaScript，所以从 TypeScript 0.9 开始我就深深地爱上它了。 除了类型化的 JavaScript，我也非常喜欢…

然后..........然后 我就想实现一下这个效果， 然后...... 然后就是 到现在我也莫得游戏玩

关注点分离（separation of concerns）原则多年来大行其道，实践中一般将 HTML、CSS、JavaScript 分开编写维护，早期框架 angularjs 即是如此，直到 React 争议中问世，引领关注点混合趋势，驱使开发者重新审视 CSS 工程化发展。 …

WebSocket 教程 | 阮一峰

css3这个相信大家不陌生了，是个非常有趣，神奇的东西！有了css3，js都可以少写很多！我之前也写过关于css3的文章，也封装过css3的一些小动画。个人觉得css3不难，但是很难用得好，用得顺手，最近我也在过一遍css3的一些新特性（不是全部，是我在工作上常用的，或者觉得有…