对前端开发者来说，Chrome Dev Tools（开发者工具，以下简称CDT）是一个不可或缺的开发调试工具，但是你可能只用过console.log()，却不知道console还有很多功能强大的调试方法。

通俗来说就是编译器会将我们写的代码首先拆分成可以进行编译的代码 eg：var a = 2；可以被编译器分割为var,a,=,2,; 空格是否会被当作词法单元，取决于空格在这门语言中是否具有意义。 AST：抽象语法树的概念他会把上述分割好的代码进组装成为一个语法树m,=,va…

盒模型是我们每天都在接触的，但盒子模型到底如何计算排列的，总是一知半解。本文尝试从W3C规范和实例入手，解决上述问题。 每个盒子会变成他后代盒子的包含块，后代盒子的大小和位置会根据他包含块的矩形边框进行计算。但是不会受到包含块的限制，可能会溢出。 1. 最基本的例子 2. 当e…

Http是前端同学进阶的毕竟之路，推荐前端同学好好读读。

几年前，笔者还是一名初涉编程的学生，对于开发的各个领域都倍感新奇。曾经在知乎一个编程相关的问题下，看到一个关于各个领域的诙谐论调，谈到前端，他概括为：“前端简单来说就是画网页”。笑谈过后，笔者也不经意间留下了前端很简单、比较低端的印象。 后来有了几年的移动端开发经历，后端也有一…

什么是响应式？同一个页面在不同屏幕尺寸下有不同的布局。 传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就好了，缺点是CSS比较重。 栅格系统用于处理页面多终端适配的问题。栅格的响应式能力，得益于CSS3媒体查询（Media Queries）的强力…

这是《CSS设计指南》的读书笔记，用于加深学习效果。 display 属性 display是 CSS 中最重要的用于控制布局的属性。每个元素都有一个默认的 display 值。对于大多数元素它们的默认值通常是 block 或 inline 。一个 block 元素通常被叫做块级…