# 一、简介

HTML5 中的定义：“它是依赖分辨率的位图画布，你可以在 canvas 上面绘制任何图形，甚至加载照片。”

• 矩形空白区域
• 通过 javascript 绘制图形
• 可以加载图片

canvas 坐标系

# 前言

统一的编码规范，有助于编写高质量、稳定、可维护的代码。

本文引自：编码规范 by @mdo

黄金定律 不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。

实用为王 尽量遵循 HTML 标准和语义，但是不要以牺牲实用性为代价。任何时候都要尽量使用最少的标签并保持最小的复杂度。

# 前言

统一的编码规范，有助于编写高质量、可读性强、易于维护的代码。

CSS 代码的编写，应该尽量简洁、高性能、高可维护性，达到三者的一个最佳平衡。不能为了简洁牺牲可维护性。

本文引自：编码规范 by @mdo

黄金定律 不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。

# 前言

由于移动设备的增多，携带便利，人们在移动设备上浏览网页的时间不断增加，甚至要超过PC端。但是PC端的网页放到移动端，就会出现各种问题，如字体太小、图片不清晰等。浏览体验变得很差。于是，就有了响应式网页的诞生。在多种设备的不同尺寸的屏幕上，精巧设计和制作出最佳视觉体验的网页。

下面，就跟大家分享一下如何做一个响应式的网页。

# 前言

学习移动端、响应式，首先必须明白的就是像素和viewport的概念，才能搞清楚出现各种情况的原因。

本文主要介绍物理像素、逻辑像素的概念以及他们之间的关系，viewport的由来以及设置。下面与大家分享。