一些js语法和html5画布的内容以及一点点网页内容（week7学习）

网页内容：

1、网页标题上的图标，是在title标签的下面加上<link rel="icon"href=""type="" size="">

2、布局时选择器一般用类选择器,有关后台的一般用id选择器。.

3、text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。
      基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}.

html5之canvas:

1、canvas定义：HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。

      canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

2、创建canvas元素：在html5页面中添加代码：<canvas id="myCanvas“ width="200" height="200"></canvas>

     (注：其中的名称选择器名称可以自己起，宽度以及高度也可以自己设定)

3、canvas本身是没有画图功能的，只能借助javascript来绘制，所以要实现html5画布功能，要先掌握一些js基础语法知识。

4、利用javascript，分几步绘制。

   首先，JavaScript 使用 id 来寻找 canvas 元素：var c=document.getElementById("myCanvas");

   然后，创建 context 对象：var ctx=c.getContext("2d");var cxt=c.getContext("2d");

（注：getContext("2d") 对象是内建的 HTML5 对象，拥有多种绘 制 路径、矩形、圆形、字符以及添加图像的方法。）

   再者，具体使用的函数需要根据所要花的图形运用具体的代码来，下面是一些常用的代码及其功能。

~ctx.stroke（）和ctx.fill（）都是用来实现画出图形，只不过两者的区别是：ctx.stroke（）画线，ctx.fill（）填充,其中

    还可以使用strokeStyle和fillStyle来改变样式。

~ctx.beginPath();//开始一条路径

（注：以上的ctx都是在一开始）

~ctx.closePath();//结束一条路径

~ctx.lineWidth=10*rem;//改变线条的宽度

~ctx.arc(0,0,r-ctx.lineWidth/2,0,2*Math.PI,false);//画圆

~ctx.translate(r,r);//改变坐标原点

（注：以上的ctx都是在创建context对象时定义的全局变量)

javascript的一点内容：

1、语法:

js区分大小写      变量是弱类型,只有var来定义变量，可以转化为不同类型       每条语句结尾的分号可有可无

注释与c语言等相同,//和/**/两种形式      

2、变量：

声明变量              var 变量名;//只声明      var 变量名=值或者字符串;//声明并且赋值   var  变量名1=值，变量名2=值；//声明并赋值多个变量

变量有 数组，布尔型，浮点型，函数，整形，对象，正则表达式，字符串，变型

3、关键字有：

breakcasecatchcontinuedefaultdeletedoelsefinallyforfunctionifininstanceofnewreturnswitchthisthrowtrytypeofvarvoidwhilewith

4、保留字有：

abstractbooleanbytecharclassconstdebuggerdoubleenumexportextendsfinalfloatgotoimplementsimportintinterfacelongnativepackageprivateprotectedpublicshortstaticsupersynchronizedthrowstransientvolatile

（注：不能使用关键字和保留字来当做变量名）

其中还有一些js语法还不太了解，还需要再学习。