牵着一条蜗牛

对于网页中的每一个 HTML 元素，都有一组有限的 CSS属性 用来告诉浏览器的渲染引擎，这个元素在页面上该怎么显示。

如果回到1995年，JavaScript 之父 Brendan Eich 怎么也不会想到自己花10天时间设计出来的，只是为了实现一些简单的脚本操作的一个“玩具”语言，有一天会复杂到需要一个模块化系统。

所谓布局，就是控制网页页面上的各块内容，将它们放在我们想要放置的位置，搭建一个视觉骨架。本文对CSS布局技术发展过程进行综述，用以帮助读者建立一个对布局技术的全局认识。

响应式设计本质上是属于兼容性问题，任何问题的产生都有个根源，响应式设计问题的根源在于用户设备屏幕尺寸的多样性，网页设计如何应对千变万化的屏幕尺寸，目前已有的响应式设计技术都是为了解决这个问题。

编程是使用计算机对现实世界进行抽象，提取出一些 关键特征 ，使用这些 关键特征 建立 数学模型，然后进行 计算 ，获取我们想要的信息，再用它指导我们去对现实世界作出反应。

BFC 是一个页面的渲染区域的一部分，它是默认布局模式：标准文档流 (Normal Flow) 的活动区域 和 浮动元素的活动区域。

display 主要有两个作用：1. 决定元素自身是 block 元素还是 inline 元素 2. 决定子元素的布局 layout

视频播放器都有一个可以点击，可以拖动的播放进度条，本文将使用原生JavaScript来实现一个播放条组件。

对于 IIFE（Immediately-Invoked-Function-Expression），即立即执行函数表达式，相信每个写过 JavaScript 的人都知道，但你真的理解 IIFE 吗？