JavaScript第十五章节 使用Canvas绘图(2D)
基本用法要使用元素,必须先设置其 width 和 height 属性,指定可以绘图的区域大小。出现在开始和结束标签中的内容是后备信息,如果浏览器不支持元素,就会显示这些信息。示例:<canvas id="drawing" width=" 200" height="200">A drawing of something.<
基本用法要使用元素,必须先设置其 width 和 height 属性,指定可以绘图的区域大小。出现在开始和结束标签中的内容是后备信息,如果浏览器不支持元素,就会显示这些信息。示例:<canvas id="drawing" width=" 200" height="200">A drawing of something.<
表单的基础知识acceptCharset:服务器能够处理的字符集;等价于 HTML 中的 accept-charset 特性。action:接受请求的 URL;等价于 HTML 中的 action 特性。elements:表单中所有控件的集合(HTMLCollection)。enctype:请求的编码类型;等价于 HTML 中的 enctype 特性。length:表单中控件的数量。method:
事件事件流:描述的是从页面中接收事件的顺序事件冒泡:事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点事件捕获:由不太具体的节点应该更早得接收到事件,而最具体的节点应该最后接收到事件DOM事件流:事件捕获阶段,处于目标阶段,事件冒泡阶段事件处理程序Html事件处理程序DOM2级事件处理程序addEventListener(eventName,methon,Boolean):接收三个参
选择符APIquerySelector()方法querySelector()方法接收一个css选择符,返回鱼该模式匹配的第一个元素,如果没有找到匹配的元素就返回null。 通过Document类型调用querySelector()方法,会在整个文档范围内查找匹配 通过Element类型调用querySelector()方法,会在整个后代范围内查找匹配querySelectAll()方法与quert
节点层次文档元素htmlNode类型每个节点都有nodeType,可根据nodeType来判断系欸DNA类型,详见高程248页节点关系,每个节点都有childNodes属性,保存着NodeList类数组对象操作节点:appendChild():在末尾添加节点insertBefore():接收两个参数,第一个为需要插入的节点,第二个为插入节点的位置replaceChild():替换节点,要替换的节点
Windows对象全局作用域全局作用域中声明的变量,函数和方法都会变成windows的属性和方法窗口关系及框架每个框架都有自己的windows对象可通过windows.frames进行访问frames可用frameset包裹窗口位置screenLeft(screenX):窗口相对于屏幕左边screenTop(screenY):窗口相对于屏幕上边moveTo(x,y):x和y表示新位置的坐标值mov
理解对象属性类型数据属性Configurable:表示能否通过delete删除属性从而定义属性Enumberable:表示是否能通过for-in循环返回属性Writeable:表示能否修改属性的值Value:包含这个属性的数据值要修改属性的默认的特性,需要使用Object.defineProperty(),该方法接收三个参数:属性所在的对象,属性的名字和一个描述符对象,其中描述符对象的属性必须是:
定义函数的两钟方式函数声明 //函数提升 function name(){ }函数表达式 // 方式一 var funtionname=function(){ //匿名函数,没有函数名,也叫拉姆达函数 } // 递归递归函数时在一个函数通过名字调用自己的情况function factorial(num){
基本类型和引用类型的值基本类型(按值访问):Undefined、Null、Boolean、Number、String对基本类型的值进行操作都是独立的引用类型对值的操作都是指向同一个指针检测基本数据类型用typeof检测对象是某种类型的对象用instanceof执行环境和作用域延长作用域:try-catch和with块级作用域声明变量:let,const查询标志符:自下而上,自局部到全局垃圾收集标记
引用类型Object类型创建方式new 操作符构造函数对象字面量法Array类型创建方式Array构造函数可以传入创建数组的长度,值默认为undefined数组字面量length不只是可读的,可通过改变length给数组添加元素和删除元素,不存在的值为undefined检测数组value instanceof ArrayArray.isArray(value)栈方法:push()和pop()队列方