canvas 画布、缓存的相关内容

 

canvas 画布

它是字符集元素，可以设置宽高和边框

 

可以绘制：交互式统计图、

fillText绘制文字内容（注意绘制出来的结果是图形，无法直接选中其中的文字内容），

参数有四个，至少写出其中三个，

1——需要绘制的内容文字

2——水平的X坐标

3——垂直的Y坐标

4——绘制的文字的总的宽度

注意：坐标点表示被绘制的的第一个文字的左下角

不做样式设置的话，字体默认为黑色

绘制图片，参数至少3个

1——图片对象，可以是网页上的img元素对象，也可以是Img对象

2——水平的X坐标

3——垂直的Y坐标

Stroke 线条的路径

moveTo(x,y) 只是坐标点的变化，不会绘制连线

lineTo(x,y) 会从起始坐标点绘制一条直线到达指定的坐标点

 

缓存

定义：它是历史文件交换区

优点：提高效率

应用缓存优势：

1.离线浏览

2.效率

3.减少服务器负载

 

CSS3

选择器的优先级：

ID选择器、类选择器、元素选择器、通配符选择器

响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。

这个概念是为解决移动互联网浏览而诞生的。

响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验。

四种页面布局形式：

1.       静态布局

2.       自适应布局

3.       流式布局

4.       响应式布局

用一句话来说：

使用同一套Html代码来适配不同设备和满足不同场景不同用户使用。

 

关键专业术语：

MediaQuery（css3媒介查询）

 

语法结构及用法：

@media 设备名 only （选取条件） not （选取条件） and（设备选取条件），设备二{sRules}