浏览器在渲染页面时，渲染引擎会把DOM看做一个个的盒子，这些盒子的宽高以及边框由css决定，一个盒模型包括 内容区(content)、内边距(padding)、边框(border)、外边距(margin)。 盒模型又分为 标准盒模型 和 怪异盒模型，在标准盒模型中通过css设置…

阅前必看：本文总结了各种常见的布局实现,每个方法的优缺点分析往后在github上陆续补充。还有就是这篇文章没提到的其他布局，待本人后续想到或遇到定会在github上及时更新。 由于文章篇幅较长,排版有些混乱,希望别介意哈。掘金PC端是会自动生成目录的,为了方便移动端阅读，还特意…

rem——更好的适配移动端。这个单位我一直想弄个究竟，今天终于看了个差不多。看了很多的博客。心中总算有自己的想法。（还有vh，vw这里我这个小白还没有弄明白就先不写了。） 1.rem可以在html，body下设置font-size的大小，然后根据 根元素的大小来进行兑换。eg：…

即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。 不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加…

有时候我在想，我们前端写页面比较花时间，能不能减少这部分时间呢？当然你会说“你傻啊，不是有UI库嘛！”，但是别忘了，不是每个项目都有可用的UI库，同时使用别人的UI库，并不能百分比能够解决你所有的问题，如果我们对CSS选择器了解的更多一些，或许就可以少写很多JavaScript…

Chrome 72 已经进入了 beta 阶段。新增：公有类成员的声明和初始化、一些 DevTools 新功能（可视化性能指标、高亮 text nodes、复制节点的 JS 访问路径）等；废弃：页面 unload 的时候将不能使用 window.open() 打开一个新页面了，…

1. 粒子系统的共性 1. 创建 canvas 画布。 2. 初始化粒子（创建粒子形状，确定粒子的起始位置）。 3. 绘制粒子到画布。 4. 定义粒子的运动方式（即粒子的运动动画）。 5. 控制动画的播放与暂停。 6. 清除画布。 1. 创建 canvas 画布。 （基类完成）…

对于BFC的概念以及应用场景一直都不是很明白，今天着重去了解了一下，做了以下总结。 在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素…