摘要：物理、逻辑与位图像素的概念 关于设备物理像素和逻辑像素，这两个像素一个是实体的，一个是抽象的单位。除此之外还有一个不可忽视的像素，就是位图像素。 物理像素（设备像素）：指的是设备屏幕实际拥有的像素点。一个设备生产出来，它的像素就已经确定了，iphone6的分辨率是375px * 667px。 逻辑像 阅读全文

摘要：定义 先来看两个相关的概念： Box: Box 是 CSS 布局的对象和基本单位，这个Box就是我们所说的盒模型。 Formatting context：块级上下文格式化，它是页面中的⼀块渲染区域，并且有⼀套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。 块格式化上下文（Bl 阅读全文

摘要：定义 使用了不少次伪类、伪元素，但依旧傻傻分不清，所以今天打算好好研究下两者的区别。 首先，阅读 w3c 对两者的定义： CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪元素用于将特殊的效果添加到某些选择器。 可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的 阅读全文

摘要：概念： 响应式网站设计是一种网络页面设计布局，其理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境进行相对应的布局。 用到的技术： 多使用 max-width、min-width，不写死宽度； 使用 media 查询来响应不同分辨率； 使用动态 REM 方案保证手机端的显示 阅读全文

摘要：概念： 重排：节点的几何属性发生改变，比如改变元素的宽高、位置，DOM树重新排列，导致浏览器重新计算节点的几何属性。 重绘：节点的外观样式发生改变，浏览器将重新渲染的树渲染到屏幕。 完成重排后，要将重新构建的渲染树渲染到屏幕上。因此重排一定重绘，重绘不一定重排。 重排因为要重新计算 Render T 阅读全文