这是个很长的故事，讲述的是一名电竞玩家转行文字编辑后的程序历程与开发感悟。

我们每天都会浏览很多的 Web 页面，使用很多基于 Web 的应用。这些站点看起来既不一样，用途也都各有不同，有在线视频，Social Media，新闻，邮件客户端，在线存储，甚至图形编辑，地理信息系统等等。虽然有着各种各样的不同，但是相同的是，他们背后的工作原理都是一样的

CSS3为我们提供了一种可伸缩的灵活的web页面布局方式-flexbox布局，它具有很强大的功能，可以很轻松实现很多复杂布局。然而Flex属性较多，不便于记忆，而在项目中，布局使用频繁，那么可以将flex抽离为一个布局工具类，简化使用方式，快速应用于项目，减少记忆成本。 Fle…

head 里面应该要放什么？ title Encoding（编码方式） Description（网站描述） Viewport Viewport 使用 javascript 文件应该放在 head 还是 body，js 文件 <script> 标签放在 head 和 body 的区别 defer 和 async 的用法和区别

如果对 CSS 有过疑问，不妨看一看

CSS 布局经典问题初步整理

什么是响应式？响应式的页面在不同的屏幕有不同的布局，换句话说，使用相同的html在不同的分辨率有不同的排版。如下图所示： 响应式布局是为了解决适配的问题，传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就好了。因为它是用的同样html，所以它的JS…