读书笔记：javascript高级程序设计

读书笔记-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…

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

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

读书笔记 - 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高级程序设计 - 第十五章使用Canvas绘图

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

读书笔记 - 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高级程序设计 - 第八章 BOM

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

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

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

读书笔记 - 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高级程序设计 - 第七章函数表达式

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

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

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

读书笔记 - 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高级程序设计 - 第四章变量作用域和内存问题

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高级程序设计》读书笔记--前言

起因 web编程过程使用javascript时感觉很吃力,效率很低.根本原因在于对javascript整个知识体系不熟,看来需要找些书脑补一下,同时欢迎众网友监督. 大神推荐书籍看了博客大神们推荐的javascript书籍和推荐的阅读顺序,如下所示: 从头到尾对一遍<<Javascript高级程序设计>>,不懂的地方可以暂时掠过,给自己对javascript有一个大体的印象认认真真的读完这本书:<<编写可维护的javascript>>,从编码规范,技巧,…

《Javascript高级程序设计》读书笔记之对象创建

<javascript高级程序设计>读过有两遍了,有些重要内容总是会忘记,写一下读书笔记备忘创建对象工厂模式工厂模式优点:有了封装的概念,解决了创建多个相似对象的问题缺点:没有解决对象识别问题,所有对象都仅是Object的实例 function createPerson(name,age,job) { var o=new Object(); o.name=name; o.age=age; o.job=job; o.sayName=function(){ alert(this.name)…

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

本笔记汇总了作者认为“JavaScript高级程序设计”这本书的前七章知识重点,仅供参考. 第一章 JavaScript简介 JavaScript发展简史: 1995年,JavaScript诞生 1997年,由欧洲计算机制造协会(ECMA,European Computer Manufactures Association)指定的39号技术委员会制定的ECMAScript脚本语言标准发布 1998年,ISO/IEC采用了ECMA标准 JavaScript与ECMAScript之间的关系: 由EC…

读书笔记(06) - 语法基础 - JavaScript高级程序设计

写在开头本篇是小红书笔记的第六篇,也许你会奇怪第六篇笔记才写语法基础,笔者是不是穿越了. 答案当然是没有,笔者在此分享自己的阅读心得,不少人翻书都是从头开始,结果永远就只在前几章. 对此,笔者换了随机阅读的方式,哪章感兴趣了或者想补知识点,再去翻阅对应的章节.当然目录还是要翻的. 工作生活节奏太快,知识太多,时间与知识的增长成反比,求全不如求专,也许不能看完全书,但至少掌握所需知识点. 思维导图是个好东西,一图流. 语法标识符由字母,下划线_,美元符号$,数字组成第一个字符不能是数字注…

（读书笔记）函数参数浅析-JavaScript高级程序设计（第3版）

ECMAScript函数不介意传递的参数个数,因为在其内部是用一个数组进行表示的.在函数体内可以通过arguments对象来访问这个参数数组,就像我们正常访问数组一样处理. arguments对象只是与数组类似,并不是array的实例.我们可以通过方括号语法访问arguments的每一个元素(arguments[0],arguments[1]....),可以用length属性确定传递进来的参数个数. function sayHi() {alert("Hello " + argument…

读书笔记(05) - 事件 - JavaScript高级程序设计

HTML依托于JavaScript来实现用户与WEB网页之间的动态交互,接收用户操作并做出相应的反馈,而事件在此间则充当桥梁的重要角色. 日常开发中,经常会为某个元素绑定一个事件,编写相应的业务逻辑,在元素被点击时执行,并反馈到用户操作界面. 这个过程中,事件就像一个侦听器,当点击动作发生时,才会执行对应的程序.这种模式可称之为观察员模式. 接下来就讲讲DOM事件相关知识. 何为事件事件就是用户或浏览器自身执行的某种动作常用的DOM事件有click/mouseover/mouseout/ke…

读书笔记(04) - 错误监控 - JavaScript高级程序设计

错误类型即时运行错误 (代码错误) 资源加载错误常见的错误 1. 类型转换错误建议使用全等===操作符 2.数据类型错误建议加强类型判断 // 数组倒序 function reverseSort(value) { if (value instanceof Array) { // 使用instanceof验证数据类型 // (基础类型用typeof, 引用类型用instanceof) value.sort(); value.revere() } } 3. 通信错误 url参数编码错误造成,…

读书笔记(03) - 性能 - JavaScript高级程序设计

作用域链查找作用域链的查找是逐层向上查找.查找的层次越多,速度越慢.随着硬件性能的提升和浏览器引擎的优化,这个慢我们基本可以忽略. 除了层级查找损耗的问题,变量的修改应只在局部环境进行,尽量避免在局部环境下去操作修改父级变量的值.(react/vue 单向数据流的数据传输方式) 优化方法:声明一个变量存储引用(该方法应用甚多) 不必要的属性查找 // 未优化(window.location.href 3*2 6次) // 未优化(window.location.href 3*2 6次) var…

读书笔记(02) - 可维护性 - JavaScript高级程序设计

编写可维护性代码可维护的代码遵循原则: 可理解性 (方便他人理解) 直观性 (一眼明了) 可适应性 (数据变化无需重写方法) 可扩展性 (应对未来需求扩展,要求较高) 可调试性 (错误处理方便定位) 命名方式变量取名多为为名词,方法取名多为为动词 // 变量名 car, person; // 方法名 getName, isEnable; 解耦功能过于依赖,代码耦合过紧,不利于维护.而通过解耦能让我们更专一地处理特定功能业务的开发,也方便我们开发中调试,从复杂的耦合依赖中抽离出来. 解耦优势…

读书笔记(01) - JSON - JavaScript高级程序设计

JSON与JavaScript对象 JSON是一种表示结构化数据的存储格式,语法格式上与JavasScript对象有些类似. TIPS: 与JavaScript对象的格式区别不支持变量.函数或对象实例字符串,属性名必须使用双引号无需定义变量存储引用 // JSON对象 { "name": "KenTsang", "age": 27, "job": "Developer" } // js对象(该对象将作…

JavaScript高级程序设计（读书笔记）之函数表达式

定义函数的方式有两种:一种是函数声明,另一种就是函数表达式. 函数声明的一个重要特征就是函数声明提升(function declaration hoisting),意思是在执行代码前会先读取函数声明. 这个例子不会报错,因为代码在执行前会先读取函数声明.理解函数提升的关键就是区别函数声明和函数表达式之间的区别. 函数表达式的方式有几种表达形式,其中很常见的一种形式就是匿名函数的形式: 这种情况下创建的函数叫做匿名函数,因为function关键字后面没有标识符.匿名函数的name属性是空字符串.…

javascript高级程序设计阅读笔记（一）

javascript高级程序设计阅读笔记(一) 工作之余开发些web应用作为兴趣,在交互方面需要掌握javascript和css.HTML5等技术,因此读书笔记是必要的. javascript简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能. 文档对象模型 DOM doc…

【读书笔记：javascript高级程序设计】的更多相关文章