Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

html5Canvas的知识点，是程序员开发者必备技能，在实际工作中也常常会涉及到。 Canvas使用的场景有：1，动画；2，H5游戏；3，图表。 使用Canvas画直线，矩形，圆形以及设置它们的样式。 Canvas中的图形变换，渐变，文字和图片。 Canvas的像素获取，阴影…

之前面试今日头条的时候，今日头条面试官问我，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲染做一个测试。 假设结果: 在bootstrap.css还没加载完之前，下面的内容不会被解析渲染，那么我…

之前也看过一些关于<script>标签和<link>标签对DOM解析和渲染影响的文章，但总感觉似是而非，没有很深刻的理解。趁今天有点空闲，做个尽量全面的总结，通过撸几个例子，加深下记忆。 大家应该都知道<script>标签的加载、解析和运行都会阻塞…

今天在一篇文章中无意看到一个利用伪元素实现垂直居中的方法，费了好大劲理解了它的原理，于是就有了这篇文章。 在深入了解之前，先来了解一些基本概念。 一行 inline 元素中，取行高最高元素的作为基准元素。 我们都知道，默认情况下，行内元素的垂直对齐方式为基线对齐。这里的基线（b…

本文首发于我的个人博客：http://cherryblog.site/ 最近开启了阅读源码之旅，有兴趣的童靴可以持续关注，这几天再看 Zepto.js 的源码，估计博文过几天就会出来~另外，买的十几本书陆陆续续的在看，立志每本书都写一本读书笔记（相当于这本书的浓缩版 + 个人见…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 CSS能够生成各种形状。正方形和矩形很容易，因为它们是 web 的自然形状。添加宽度和高度，就得到了所需的精确大小的矩形。添加边框半径，你就可以把这个形状变成圆形，足够多的边框半径，你就可以把这些矩形变成圆形和…

1. XMLHttpRequest对象 现代浏览器，最开始与服务器交换数据，都是通过XMLHttpRequest对象。它可以使用JSON、XML、HTML和text文本等格式发送和接收数据。 在后台向服务器发送数据。 使用起来也比较繁琐，需要设置很多值。 早期的IE浏览器有自己…

这篇文章目的是介绍如何创建一个ESLint插件和创建一个ESLint rule，用以帮助我们更深入的理解ESLint的运行原理，并且在有必要时可以根据需求创建出一个完美满足自己需求的Lint规则。 禁止项目中setTimeout的第二个参数是数字。 PS： 如果是数字的话，很容…