Day.js，Moment.js 的 2kB 轻量化方案，拥有同样强大的 APIFileSaver.js，HTML5文件保存html2canvas，Screenshots with JavaScript，html转换为canvasSimpleMDE Markdown EditorLayui，开源模块化前端 UI 框架BetterScroll 2.0，移动端滚动插件uCharts高性能跨全端图表jQuery插件库HTML5 Boilerplate: The web’s most po...

animation和transition最大的不同在于transition是当参数改变时触发，而animation则是直接就执行，所有动画效果需要明确的指定关键帧的参数。

<p class="codepen" data-height="300" data-theme-id="0" data-default-tab="result" data-user="whjin" data-slug-hash="EMdevR" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid black; margin: 1em 0; padding: 1em;" data-pen-...

后代（派生）：根据元素在位置上的关系定义样式，使用空格隔开，后代选择器尽量不要超过3个，不必把每个层级都列出，只需要写关键点即可 li strong {}

整理完了《高性能JavaScript》这本书，往下就需要快速处理《CSS世界》，这本讲解CSS特性的书非常值得一读，内容完整，重点突出，实战性强，就是语言啰嗦。由于全书内容太多，而且需要一点一点的整理，所以放到了站点上，方便大家查看。

页面布局解决方案 居中布局 水平居中 子元素相对于父元素居中且子元素宽度可变。 除了另外声明，HTML结构为以下内容： {代码...} inline-block + text-align {代码...} 优点 兼容性好（甚至可以兼容 IE6 和 IE7） table + margin {代码...} NOTE: display: table 在表现上类似 block 元素，但是宽度为内容宽度。 优点 不...

1.居中一个浮动元素，父元素和子元素同时左浮动，然后父元素相对左移动50%，子元素相对右移动50%，或者子元素相对左移动-50% {代码...} {代码...} 2.垂直水平居中 {代码...} {代码...} 3.图片水平垂直居中tabel_cell {代码...} {代码...} 4.图片水平垂直居中span {代码...} {代码...} 5.水平垂直居中（适用于父级元素只...