读书笔记 - js高级程序设计 - 第十章 DOM

文档元素是文档的最外层元素,在Html页面中,文档元素始终都是<html>元素在xml中,任何元素都可以是文档元素 Node类型 Node.ELEMENT_NODE 元素 Node.ATTRIBUTE_NODE 属性 Node.TEXT_NODE 文本元素 Node.CDATA_SECTION_NODE Node.ENTITY_REFERENCE_NODE Node.ENTITY_NODE Node.PROCESSING_INSTRUCTION_NODE; Node.COMMENT_…

读书笔记 - js高级程序设计 - 第十五章使用Canvas绘图

读书笔记 - js高级程序设计 - 第十三章事件 canvas 具备绘图能力的2D上下文及文本API 很多浏览器对WebGL的3D上下文支持还不够好有时候即使浏览器支持,操作系统如果缺缺乏必要的绘图驱动程序,则浏览器即使支持了也没用 <canvas> var drawing = document.getElementById("drawing"); if( drawing.getContext ){ drawing.getContext("…

读书笔记 - js高级程序设计 - 第十一章 DOM扩展

对DOM的两个主要的扩展 Selectors API HTML5 Element Traversal 元素遍历规范 querySelector var body = document.querySelector("body"); var myDiv = document.querySelector("#myDiv"); 取得id为myDiv的元素 var selected = document.querySelector(".selected&quo…

读书笔记 - js高级程序设计 - 第十二章 DOM2和DOM3

Node类型的变化访问元素的样式 myDiv.style.backgroundColor = "red" myDiv.style.width = "100px" 计算的样式记住所有计算的样式都是只读的偏移量 offsetHeight 外边框外 offsetWidth offsetLeft 外边框外到左端 offsetTop 客户区的大小 clientWidth 内边框外缘 clientHeight 内边框外缘滚动大小 scrollHe…

读书笔记 - js高级程序设计 - 第八章 BOM

BOM的核心对象是window 它表示浏览器的一个实例,在浏览器中,window对象有双重角色,它既是通过js访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象,这意味着在网页中定义的任何一个对象,变量和函数都以window作为其Global函数窗口关系和frame 每个frame都有自己的window对象,并且保存在frames集合中, 在frames集合中,可能通过数值索引或者框架名称来访问相应的 window 对象 top 始终指向最高层的框架…

读书笔记 - js高级程序设计 - 第五章引用类型

引用类型和类不是一个概念用typeof来检测属性是否存在 typeof args.name == "string" 需要实验访问属性的方法 .号和[] 一般情况下要用. 判断是否是数组 Array.isArray( a ) 数组变字符串 array.join("||") ; 重排序 reverse sort sort( compare ) function compare(a, b){ if( a > b ) return 1 …

读书笔记 - js高级程序设计 - 第七章函数表达式

闭包有权访问另一个函数作用域中的变量的函数匿名函数函数没有名字少用闭包由于闭包会携带包含它的函数的作用域,因此会比其它函数占用更多的内存.过度使用闭包可能会导致内存占用过多,我们建议读者只在绝对必要时再考虑使用闭包模块模式增强的模块模式特权方法有权访问私有变量的公有方法叫做特权方法块级作用域实现单例的特权方法 …

读书笔记 - js高级程序设计 - 第六章面向对象的程序设计

EcmaScript有两种属性数据属性和访问器属性数据属性有4个特性 Configurable Enumerable Writable Value 前三个值的默认值都为false 举例 Object.defineProperty( person, "name", { writable:false, value:"niko"} ) ; 一旦属性定义为不可配置的,就不能再把它变回可配置的了读取属性的特性 var descriptor = O…

读书笔记 - js高级程序设计 - 第四章变量作用域和内存问题

5种基本数据类型可以直接对值操作判断引用类型 var result = instanceof Array 执行环境每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中执行环境的销毁某个执行环境中的所有代码执行完毕后该环境被销毁保存在其中的所有变量了函数定义也会随之销毁作用域链中的对象全局执行环境的变更对象始终都是作用域链中的最后一个对象没有块级作用域 if 和 for 内的变量外部也可以访问标记清除不同浏览器只不过垃圾时间的长短不同…

读书笔记 - js高级程序设计 - 第三章基本概念

启用严格模式 "use strict" 这是一个 pragma 编译指示让编码意图更清晰是一个重要原则 5种简单数据类型 Undefined Null Boolean Number String 1种复杂数据类型 Object 检测数据类型的方法 typeof 有如下值: undefined boolean object string number function typeof Null object 意在保存对象还没有保存对象的变量的初始值最好是什么 null 八进制的第一位…

读书笔记 - javascript 高级程序设计 - 第一章简介

第一章简介诞生时间 1995 最初用途客服端验证第一版标准注意是标准 1997年 Ecma-262 一个完整的js实现由三部分组成 ECMAScript DOM 文档对象模型 BOM 浏览器对象模型 ECMAScript的宿主环境 web浏览器 Node(服务器js平台) adobe flash js和as的关系他们都实现了 ECMAScript 五大主流浏览器 IE Firefox Safari Chrome Opera dom介绍它是针对xml但经过扩展用于html的…

笔记-JS高级程序设计-基本概念篇

1:JS中的一切(变量,函数名和操作符)都是区分大小写的 2:标识符(变量,函数,属性的名字,以及函数的参数),第一个字符必须是字母,下划线,或者美元$,书写方式采用驼峰式,不能将关键字作为标识符. 3:JS的变量是松散类型,每个变量仅仅是一个用于保存值的占位符,未初始化的变量都会保存一个特殊值--undefined. 4:JS的五种基本数据类型(Undefined,Null,Boolean,Number,String),复杂数据类型--Object(本质是一组无序的键值对组成).从技术上讲,函…

笔记-JS高级程序设计-BOM篇

BOM提供了很多对象,用于访问浏览器的功能.这些功能与任何网页无关. 1BOM的核心对象是window,它代表浏览器的一个实例,它是通过JS访问浏览器窗口的一个借口,同时又是ECMAScript规定的global对象,因此我们在网页中定义的任何一个对象,变量和函数都是以window作为其global对象的(ES6规定,let,const,class定义的全局变量,不再是以window作为global) 注意:定义的全局变量是不能通过delete操作符删除的,但是window对象上面定义的属性可以…

笔记-JS高级程序设计-变量，作用域和内存问题

1在将一个值赋给变量时,解析器必须确认这个值是基本类值还是引用类型值,基本类型值是按值访问的,可以操作保存在在变量中的实际值,引用类型是保存在内存中的对象,JS不允许直接访问内存中的位置,所以实际操作的是对象的引用而不是实际对象.(当复制保存这对象的某个变量时,操作的是对象的引用,但是为对象添加属性的时候,操作的却是实际对象). 2"JS一切皆对象",当然了简单值就不是对象.对象就是若干属性的集合,所以说对象只有属性,没有方法.其实方法也是属性,因为他的属性表现为键值对,对象可以随意…

读书笔记 - javascript 高级程序设计 - 第二章在Html中使用JavaScript

1 <script>的6个属性 async 立即下载当前script标签的外部脚本但不能影响别的 charset 没用了 defer 文档显示之后再执行脚本,只对外部脚本有效 language 没用了 src type 描述代码内容Mine类型默认就是text/javascript 没什么用 2 在解释器对<script>元素内部的所有代码求值完毕以前页面中的其余内容都不会被浏览器加载或显示 3 有两种script 嵌入式外部引入式在解析外部引入式的js文件…

读书笔记-JavaScript高级程序设计（1）

1.组合继承 (JavaScript 中最常用的继承模式 ) (position: page168) (书中定义了两个变量名 SuperType SubType 乍一看感觉不太能区分,我将改为 a b ,更加明显区分开来这是两个东西.) function a(name){ this.name = name; this.colors = ["red", "blue", "green"]; } a.prototype.sayName = fu…

初心不负笔记-JS高级程序设计-引用类型篇-Array

ES3方法集合: 1join()方法,将一个数组里面的所有元素转换成字符串,然后再将他们连接起来返回一个字符串,通过制定的符号,默认值为逗号.不会改变原数组 ,,,,]; a.join(); "1,2,3,4,5" typeof (a.join()); "string" typeof a "object" 2reverse()方法对数组顺序进行反转,会改变原本的数组. ,,,,]; a.reverse(); [, , , , ] a [, , ,…

js高级程序设计笔记之-addEventListener()与removeEventListener(),事件解除与绑定

js高级程序设计笔记之-addEventListener()与removeEventListener(),事件解除与绑定 addEventListener()与removeEventListener()用于处理指定事件和删除事件处理程序.所有的DOM节点中都包含这两种方法,并且它们都接受3个参数:要处理的事件名.作为事件处理程序的函数和一个布尔值.这个布尔值参数是true,表示在捕获阶段调用事件处理程序:如果是false,表示在冒泡阶段调用事件处理程序. 要在按钮上为click事件添加事件处理程…

《JS高级程序设计》笔记 —— 解析查询字符串

今天在继续翻阅<JS高级程序设计>的时候,正好翻到location对象这一小节,其中有一部分就是讲的解析查询字符串.看到这个内容立马想到了做去哪儿秋招笔试题的时候有这么一道题. 去哪儿笔试没有过自己还是一直都挺心塞的,可能当时也写得不好吧,现在看到这个内容赶紧记下来. 函数的功能就是为了能逐个访问每个查询字符串参数,返回一个包含所有参数的对象. function getQueryStringArgs(){ //利用location.search属性先提取出URL中的查询字符串,这个字符串包含&…

angular.js高级程序设计书本开头配置环境出错，谁能给解答一下

server.jsvar connect=require('connect');serveStatic=require('serve-static');var app=connect();app.use(serveStatic("../angularjs"));app.listen(5000);运行server.js没反应,localhost:5000/test.html显示cant get test/html angular.js高级程序设计书本开头配置环境出错,谁能给解答一下 &g…

JS高级程序设计拾遗

<JavaScript高级程序设计(第三版)>反反复复看了好多遍了,这次复习作为2017年上半年的最后一次,将所有模糊的.记不清的地方记录下来,方便以后巩固. 0. <script>元素属性 async表示立即下载脚本,但不应该妨碍页面中其他操作: defer表示延迟到文档完全被解析和显示之后再执行.这两个属性都仅适用于外部脚步,而且现实中脚步不一定按顺序执行.指定async属性的目的是不让页面等待脚本下载和执行. 最好只包含一个延迟脚本,把延迟脚本放在页面最底部仍然是最佳选择.…

读书笔记-js

定义描述类名或者方法名的注解:ClassOrMethodFullName.java [写一个js方法] 1 2 3 function alertdemo() { // }; function + 方法名 + 括号 + 代码块 [调用这个js方法得加括号] 1 <button type="button" onclick="alertdemo()">点击这里</button> [带参数的函数,参数是不需要声明类型部分的] 1 2 3 4 5 fu…

js高级程序设计笔记 --- DOM

DOM是针对HTML和XML文档的一个API.DOM描绘了一个层次化的节点树,允许开发人员添加.移除和修改页面的某一部分. 1,节点层次 DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构.每个节点都有自己的特点.数据和方法,也与其他的节点存在某种关系.构成了层次. <html>元素为文档元素.是文档的最外层元素.每一段标记都可以通过一个节点来表示.HTML元素通过元素点表示,特性通过特性点来表示.文档类型通过文档类型节点来表示.注释通过注释节点来表示.共有12种节点类型,这些…

JS高级程序设计第3章读书笔记

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> <script> //一元加和减操作符 var s1='01'; var s2='1.1'; var s3='z'; var b=fal…

Js高级程序设计～读书笔记

1.函数-函数声明和函数表达式解析器在向执行环境加载数据时,函数声明和函数表达式的对待不同. 解析器会率先执行函数声明,将会在任何使用到它的地方前加载, 而对于函数表达式,只会在执行到的时候去加载:这就是函数声明提升的过程(function declaring hoisting). 如下这样子是可以执行的 alert(sum(1,2)): function sum(num1, num2){ return num1+num2: } 而下面的会报unexpected identifier aler…

JS高级程序设计学习笔记之第三章基本概念（语法，数据类型，流控制语句，函数）——查漏补缺

一.语法: 区分大小写; 2.标识符:就是指变量.函数.属性的名字,或者函数的参数 a.标志符的规则:①第一个字符必须是一个字母.下划线(_)或一个美元符号($). ②其他字符可以是字母,下划线,美元符号或者数字. b.标志符采用驼峰大小写格式. c.严格模式:在顶部添加以下代码:"use strict"; d.语句:结尾加入分号.在控制语句中使用代码块为最佳实践. 二.关键字与保留字三.变量:ECMAScript的变量是松散类型,可以保存任何类型…

js高级程序设计（第三版）学习笔记（第一版）

ecma:欧洲计算机制造商协会iso/iec:国际标准化和国际电工委员会 dom级别(10*)文档对象模型1:DOM核心(映射基于xml文档)与dom html(在dom核心基础上)2:对鼠标,事件,范围,遍历,还有对css样式表的支持dom2:新接口...视图,事件(鼠标,移动),样式(css),遍历与范围(对文档树的操作)3:对文档加载和保存,验证模块,对核心进行扩展,对xml.0规范其他domsvg可伸缩矢量图mathml数学标记语言mghi同步多媒体集成语言ie5 dom1mozilla…

JS高级程序设计--笔记

1.JS分三个部分:ECMAScript.DOM.BOM 1)ECMAScript:提供核心语言功能 2)DOM:提供访问和操作网页内容的方法和接口 3)BOM:提供与浏览器交互的方法和接口 2.在html页面写js代码,需要将代码放在<script></script>:并且中间不能出现字符串“</script>” 下方这个代码会报错:alert("</script>"); 可…

JS高级程序设计学习笔记1

javascript产生的原因: 在拨号上网时代,表单数据必须发送到服务器端才能验证输入值得有效性,JavaScript的研发就是为了解决这个问题,以便在客户端就验证输入值的有效性. ECMAScript/JavaScript: JavaScript是Netscape公司于1995年发布的脚本语言,ECMAScript是欧洲计算机制造商协会定义的一种通用.跨平台.供应商中立的脚本语言的语法和语义. 一个完整的JavaScript实现包含: 核心(ECMAScript):由ECMA-262定义,提…

js高级程序设计笔记 --- 错误处理、json和ajax

1,错误处理 1,try-catch语句 try{可能导致错误的代码} catch(error) {在错误发生时该怎么处理} error.message是所有浏览器都支持的属性. finally语句是不论代码如何都会执行的. 2,错误类型 Error是基类型,其他错误都继承自该类型. EvalError:使用eval函数发生异常时被抛出 RangeError: 数值超出相应范围时触发. ReferenceError: 找不到对象,变量不存在 SyntaxError: 语法错误 TypeError…

【读书笔记 - js高级程序设计 - 第十章 DOM】的更多相关文章