javascript高级实战学习

学习目标: - 理解面向对象开发思想 - 掌握 JavaScript 面向对象开发相关模式 - 掌握在 JavaScript 中使用正则表达式 - typora-copy-images-to media JavaScript 高级课程介绍课程大纲在线地址:JavaScript 高级目标理解面向对象开发思想掌握 JavaScript 面向对象开发相关模式掌握在 JavaScript 中使用正则表达式案例演示贪吃蛇基本概念复习由于 JavaScript 高级还是针对 JavaS…

JavaScript高级程序设计---学习笔记（一）

今天,2017.3.17开始利用课余时间仔细学习<JavaScript高级程序设计>,将需要掌握的知识点记录下来,争取把书里的所有代码敲一遍并掌握. 1.标识符命名最好是第一个字母小写,剩下每个单词的首字母大写,如:firstSecond.myCar 2.var定义的变量是作用域里的局部变量,若在函数中定义,函数退出后就会被销毁 function test(){ var message = "hi"; } test(); alert(message);//错误若在函数里定…

JavaScript高级程序设计学习(四)之引用类型

在javascript中也是有引用类型的,java同样如此. javascript常见也比较常用的引用类型就熟Object和Array. 一个对象和一个数组,这个在前后端分离开发中也用的最多.比如ajax传参,有时我不仅仅只是需要一个参数,例如添加方法,传的是一个对象,对象存在属性.在java中对象也可以说类.因为类存在属性,例如人类,他的属性有身高,体重,姓名,年龄,性别等.而js对象,也可以这样,比如车,它可以有品牌,颜色,造型等等. js对象可以做什么呢?同java对象有什么区别呢? 第一…

JavaScript高级程序设计学习(三)之变量、作用域和内存问题

这次讲的主要是变量,作用域和内存问题. 任何一门编程语言,都涉及这三个. 变量,比如全局变量,局部变量等,作用域,也分全局作用域和方法作用域,内存问题,在java中就涉及到一个垃圾回收的问题,由于java中涉及到jvm,因此可以自动垃圾回收和内存分配,而不需要手动. 一.变量每个变量都有其类型,数据类型.在java中分基本数据类型和引用数据类型,js同样如此. 面试题:java的基本数据类型有哪些,及其所占字节?引用类型有哪些? java基本数据类型分别为int(4),float(4),dou…

javascript高级程序设计学习笔记

javascript高级程序设计,当枕头书已经好久了~zz 现在觉得自己在js的开发上遇到了一些瓶颈,归根究底还是基础太薄弱,所以重新刷一遍js高程希望有更新的认识. 一.javascript简介 1.ECMAScript 版本规范 2.DOM 文档对象模型 3.BOM 浏览器对象模型二.HTML中应用script 1.<script>标签属性:async="async" / defer="defer" 异步脚本:async:立即下载脚本,对外部脚…

JavaScript高级程序设计学习(一)之介绍

作为一名web开发人员,日常用的最多的就是js,也就是大名鼎鼎的ECMAScript,又称javascript.再次声明js与java除了语法上相似,没有半毛钱关系.据说之所以叫javascript,是因为过去网景公司花了十天时间开发历史上的第一版js,但当时没有名气,故借用java之名在该script前缀上加上一个java,以提升其知名度.具体的历史或老皇历,百度或者相关官网一大堆,这里不再赘述. 作为一名前后台都攻的软件工程师,虽说平时js足以解决常见的问题和共性问题,但发现总会有这样那样的…

javascript 高级程序设计学习笔记

<!--<script> // 异步请求封装 IE6即以上浏览器 // ajax(url,fnSucc,selectID,fnFaild) //url 请求地址 //fnSucc 异步请求后的内容处理函数 //fnFaild 请求失败处理函数 function ajax(url,fnSucc,fnFaild) { //1.创建Ajax对象 //非IE6 var oAjax; if(window.XMLHttpRequest)//不会报错,只会是undefined {oAjax=new X…

JavaScript高级程序设计学习(四)之引用类型（续）

一.Date类型其实引用类型和相关的操作方法,远远不止昨天的所说的那些,还有一部分今天继续补充. 在java中日期Date,它所属的包有sql包,也有util包.我个人比较喜欢用util包的.理由,顺手习惯,个人也觉得比较好用.sql的Date类用的不算多.也用过. 下面就进入正题吧,不单单在java,在js中也存在日期函数,或换言之,日期对象. var now = new Date(); 通过now.getYear(),now.getMonth(),now.getMonth(),简单的翻译,…

JavaScript高级程序设计学习笔记第一章

作为学习javascript的小白,为了督促自己读书,写下自己在读书时的提炼的关键点. 第一章: 1.JavaScript简史:Netscape Navigator中的JavaScript与Internet Explorer中的JScript各成一派,是两个不同的JavaScript版本.为了取得统一,以JavaScript1.1为蓝本定义了ECMA-262,一种名为ECMAScript新语言标准,作为JavaScript的基础. 2.JavaScript含义比ECMAScript定义的多,完整…

JavaScript高级程序设计学习笔记之事件

1.事件流事件流描述的是从页面中接收事件的顺序. 事件冒泡 IE的事件流叫做事件冒泡(event bubbling),即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档).(DOM树向上传播)(通俗解释(个人理解: 当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发.这一过程被称为事件冒泡:这个事件从原始元素开始一直冒泡到DOM树的最上层.)) 事件冒泡的优点与缺点优点:想象一下现在…

事件流之事件冒泡与事件捕获<JavaScript高级程序设计>学习笔记

1.事件流浏览器开发团队遇到一个很有意思问题:页面的那一部分会拥有特定的事件? 对于理解这个问题您可以想象画在一张纸上的一组同心圆,如果你把手指放在圆心上,那么你的手指指向的其实不是一个圆,而是纸上所有的圆.放到实际页面中就是,你点击一个按钮,而是纸上所有的圆. <栗子:现实生活中的声波.水波> 事件流:从页面中接收事件的顺序,通俗说:用户操作DOM的一系列行为交互. 2.事件冒泡事件冒泡:IE的事件流叫事件冒泡,即事件开始由最具体的元素(文档中嵌套层次最深的那个元素)接收,然后逐级向上传…

JavaScript高级程序设计学习笔记--高级技巧

惰性载入函数因为浏览器之间行为的差异,多数JavaScript代码包含了大量的if语句,将执行引导到正确的代码中,看看下面来自上一章的createXHR()函数. function createXHR(){ if (typeof XMLHttpRequest != "undefined"){ return new XMLHttpRequest(); } else if (typeof ActiveXObject != "undefined"){ if (typeo…

JavaScript高级程序设计学习笔记--错误处理与调试

try-catch语句只要代码中包含finally子句,则无论try或catch语句块中包含什么代码--甚至return语句,都不会阻止finally子句的执行,来看下面这个函数: function testFinally(){ try{ ; }catch(error){ ; }finally{ ; } } 调用这个函数会返回0(PS:但我实际执行的时候会先返回0,再返回2) 抛出错误与try-catch语句相配的还有一个throw操作符,用于随时抛出自定义错误.抛出错误时,必须要给thro…

JavaScript高级程序设计学习笔记--表单脚本

提交表单用户单击提交按钮或图像按钮时,就会提交表单.使用<input>和<button>都可以定义提交按钮,只要将其type特性的值设置为"submit"即可,而图像按钮则是通过将<input>的type特性设置为"image"来定义. <input type="submit" vlaue="Submit Form"> --通用提交按钮 <button type=&quo…

JavaScript高级程序设计学习笔记--事件

HTML事件处理程序 <input type="button" value="Click Me" onclick"showMessage()"/> 通过HTML指定事件处理程序的的缺点是HTML与JavaScript代码紧密耦合.如果要更换事件处理程序,就要改动两个地方:HTML代码和JavaScript代码. DOM0级事件处理程序 var btn=document.getElementById("myBtn")…

JavaScript高级程序设计学习笔记--DOM

DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序接口). Document类型文档的子节点虽然DOM标准规定Document节点的子节点可以是DocumentType,Element,ProcessingInstruction或Comment,但还有两个内置的访问其子节点的快捷方式.第一个就是documnetElement属性,该属性始终指向HTML页面中的<html>元素.另一个就是通过childNodes列表访问文档元素,但通过documentElement属性则…

JavaScript高级程序设计学习笔记--BOM

window对象 BOM的核心对象是window,它表示浏览器的一个实例.在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMScript规定的Global对象. 全局作用域由于window对象同时扮演着ECMAScript中Global对象的角色,因此所有在全局作用域中声明的变量.函数都会变成window对象的属性和方法.来看下面的例子: var age=29; function sayAge(){ alert(this.age); }…

JavaScript高级程序设计学习笔记--函数表达式

关于函数声明,它的一个重要特征就是函数声明提升,意思是在执行代码之间会读取函数声明,意思是在执行代码之前会先读取函数声明.这就意味着可以把函数声明放在调用它的语句后面. sayHi(); function sayHi(){ alert("Hi!"); } 理解函数提升的关键,就是理解函数声明与函数表达式之间的区别. //不要这样做 if(condition){ function sayHi(){ alert("HI!"); } }else{ function sa…

JavaScript高级程序设计学习笔记--变量、作用域和内存问题

传递参数 function setName(obj){ obj.name="Nicholas"; obj=new object(); obj.name="Greg"; } var person=new Object(); setName(person); alert(person.name); //"Nicholas" 在函数体内重新new一个Object,并将它赋值为"Greg",但在函数外部访问name属性时,其值仍为&q…

Javascript高级程序设计学习笔记一

看完w3school的javascript的概念,有点基础,开始红皮书的路程,今晚总结前二章的心得. 第一章:javascript简介重点是javascript的实现是由 ECMAScript(核心):提供核心语言功能 DOM(文档对象模型):提供访问和操作页面的内容的方法和接口 BOM(浏览器对象模型):提供与浏览器窗口交互的方法和接口. 第二章:在html中使用javascript 嵌入脚本和外部脚本两种方法. 嵌入脚本示例如下: <script type="text/javascr…

JavaScript高级程序设计---学习笔记（二）

面向对象程序设计1.属性类型.定义多属性.读取属性特性对象的属性在创建时都带有一些特征值,JavaScript通过这些特征值来定义它们的行为.这些特性是为了实现JavaScript引擎用的,因此不能直接访问它们.ECMAScript中有两种属性:数据属性和访问器属性.1)数据属性数据属性包含一个数据值的位置,在这个位置可以读取和写入值.数据属性有4个描述其行为的特征.1.[[Configurable]]:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访…

JavaScript高级程序设计---学习笔记（三）

函数表达式定义函数的方式有两种:一种是函数声明,另一种是函数表达式. 关于函数声明,它的一个重要特征就是函数声明提升,意思是在执行代码之前会先读取函数声明所以可以把函数声明放在调用它的语句后面. 而函数表达式必须在调用它之前定义. 1.递归递归函数是在一个函数通过名字调用自身的情况下构成的,如: function factorial(num){ if(num <= 1){ return 1; }else{ return num * factorial(num - 1); } } 这是一个经典…

JavaScript高级程序设计---学习笔记（四）

1.全局变量不能通过delete操作符删除,而直接在window对象上定义的属性可以. var age = 29; window.color = "red"; delete age;//无法删除 delete color;//可以删除 alert(window.age); alert(window.color);//undefined 2.尝试访问未声明的变量会抛出错误,但通过查询window对象可以知道某个可能未声明的变量是否存在. var newValue = oldValue;/…

Javascript高级编程学习笔记（98）—— WebGL(4) WebGL上下文(2)

错误 Javascript与WebGL之间的一个最大区别在于,WebGL的操作一般不会抛出错误如果希望获取WebGL的错误信息,那么就需要手动调用 gl.getError() 方法该方法会返回以下错误常量之一: gl.NO_ERROR: 上一次操作没有发生错误 gl.INVALID_ENUM: 应该给WebGL方法传入常量但是传错了参数 gl.INVALID_VALUE: 在需要无符号数的地方传入了负值 gl.INVALID_OPERATION: 在当前状态下不能完成操作 gl.OUT_O…

Javascript高级编程学习笔记（97）—— WebGL(3) WebGL上下文(1)

WebGL上下文在支持WebGL的浏览器中,WebGL的名字为 "experimental-webgl",这是由于 webgl 的规范仍未制定完成制定完成后名字就会改为简单的 "webgl" 如果浏览器不支持,那么在获取webgl上下文的时候浏览器会返回 null 所以在使用前需要检测返回值基本的获取 WebGL 代码如下: let drawing = document.getElementById("drawing"); // 检测浏览器…

Javascript高级编程学习笔记（96）—— WebGL(2) 类型化视图

类型化视图类型化视图一般也被认为是一种类型化数组. 因为其元素必须是某种特定的数据类型,类型化视图都继承自 Dataview Int8Array: 表示8位二补整数(即二进制补数) Uint8Array: 8位无符号整数 Int16Array: 16位二补数 Uint16Array: 16位无符号整数 Float32Array: 32位IEEE浮点值 Float64Array: 64位IEEE浮点值与上面同名的构造函数都支持三个参数: ArrayBuffer 字节偏移量字节长度返回一个类…

Javascript高级编程学习笔记（1）—— JS简介

此系列文章,用于记录所学,如有错误欢迎指出. Javascript组成 1.核心(ECMAScript) 2.文档对象模型(DOM) 3.浏览器对象模型(BOM) 1.核心(ECMAScript) ECMAScript说白了是定义Javascript的标准,而这种标准与浏览器并无依赖关系. 我们现在前端所使用的Javascript只是遵循这一标准的,以浏览器为宿主平台的脚本语言. 遵循这一标准的脚本语言都可以称之为js. 而js的宿主平台除了我们最常用的浏览器平台之外,还有node,和Adobe…