css很简单，完全不懂的人大概看个一两天，就可以实现基本的页面效果；但是css也复杂，有些异常的效果，很多有经验的开发者也搞不明白该怎么解释。只能骂一句“又出bug了”。对于css来说，名字就是层叠样式表，关键是这个层叠，多个属性造就一个效果，一个异常也可能有多个属性引起的。还有些规范为定义的实现，这些学起来真的就是活脱脱的玄学开发。让我们从一些现象看起，通过现象看本质，希望玄学水平早日达到天人合一的境界。
css进阶之十三：margin合并与margin无效
margin是css中常见且基础的概念，都是有套路可寻的，有时候只要把握住关键，很多玄学的点也都是可以解释的。
css常见布局之五：两栏自适应页面结构
常见的页面结构是指常见的页面基本布局，比如常见的多流体布局，比如一侧定宽，两栏自适应布局，圣杯布局、等等
前端路由探索之一：单页面路由实现原理
由于项目马上上线了，之前并没有考虑到用户行为轨迹的分析。最近刚好准备更新下前端的性能监控平台，正好做一下，顺便系统分析一下前端路由的实践。记得两年前做android开发的时候，客户oem版的让接入google分析来做页面流的分析与错误监控，当时是埋点做的，前端页面流最好还是通过路由来做，这样埋点位置更好控制点。
浏览器的工作原理
浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工作原理，我们将看到，从你在地址栏输入google.com到你看到google主页过程中都发生了什么。
css进阶之十二：替换元素与非替换元素
CSS 世界中的替换元素和非替换元素看上去也是两个对立的派别，立场清晰，区分明显，老死不相往来的感觉，但是，一旦深入研究我们就会发现，两者之间的距离要比我们所有人想象得都要近！
css进阶之十一：内联盒模型中的幽灵空白节点
“幽灵空白节点”是内联盒模型中非常重要的一个概念，具体指的是：在 HTML5 文档声明中，内联元素的所有解析和渲染表现就如同每个行框盒子的前面有一个“空白节点”一样。这个“空白节点”永远透明，不占据任何宽度，看不见也无法通过脚本获取，就好像幽灵一样，但又确确实实地存在，表现如同文本节点一样，因此，我称之为“幽灵空白节点”。
跟着underscore写代码之二：实现一个表单操作
随着开发的深入，对表单的理解也逐渐有些不同，一个好的组件库，需要一个优秀的表单处理逻辑，验证安全，使用方便，可维护是基本的属性。
css常见布局之四：1px的实现
retina屏的1px并不是真的1px，具体原因和dpr有关，真正的1px的实现，是前端的一个技能。
css进阶之十：高度height的百分比为何不生效
在我们编写CSS的时候，经常会用到百分比赋值（%）实现自适应。在正常的流顺序下宽度的%没问题，但是高度的%经常不生效，这是为何？