JavaScript语言基础
文章平均质量分 71
JavaScript红宝书整理
cherrybomb1994
但行好事,莫问前程
展开
-
红宝书 第3章 整理——数据类型+函数入门
1、数据类型5种基本数据类型:undefined,null,Boolean,number,string1中复杂数据类型:objectundefined:只用var声明,没有赋值时,值为undefined。将变量赋值为undefined无意义。null:赋值为null,typeof为object类型,本质是空对象指针。将变量设置为null有必要,尤其是这个变量将来用于保存对象,可原创 2017-04-05 17:02:33 · 345 阅读 · 0 评论 -
红宝书 第4章整理——变量+内存管理
1、变量① 变量分类:基本类型值:简单数据段,就是最基本的5种数据类型,不能给他们添加属性 引用类型值:即对象,可以为其添加方法 两种区别:1、保存方式不同:基本类型值在内存中占据固定大小的空间,会被保存在栈中 引用类型值时对象,会保存在原创 2017-04-06 14:02:39 · 242 阅读 · 0 评论 -
红宝书 第5章整理——引用类型(对象)
1、引用类型: 引用类型的值(object) 数组(array) 日期(date) 函数(function)① object:创建方法2种:1:var person = new Object(); //先用new声明 person.name = "jack"; //再添加以下属性,方法 person.age = 29;原创 2017-04-06 17:02:33 · 263 阅读 · 0 评论 -
红宝书 第6章整理——创建对象
1、理解对象+对象属性面向对象语言有一个标志,就是他们都有类的概念。通过类来创建多个具有相同属性的方法和对象。但是!!!js中没有类的概念,所以js中所谓的面向对象有些不同。js中的对象可以理解成一组组的名值对(属性 + 值),其中的值可以是数据或者函数。每个对象都是基于一个引用类型创建的,详见第5章。创建对象可以直接用原生类型(new array,new function....原创 2017-04-07 17:07:17 · 313 阅读 · 0 评论 -
红宝书 第6章整理——继承部分
继承第一部分讲的都是如何创建一个类型,如果要创建多个类型,而且类型中属性方法相似度非常大,那么久可以直接用继承的方法来创建其它类 。① 原型链1、原型链定义+实现继承:是面向对象语言中一个非常棒的概念。一般的面向对象语言中都支持两种继承:接口继承+实现继承。 但是!!由于js中函数没有签名,所以只支持实现继承。 其实现继承主要依靠原原创 2017-04-09 18:43:08 · 331 阅读 · 0 评论 -
红宝书 第7章整理——函数+闭包
1、函数的两中定义方法① 函数声明语法:function name (arg[0],arg[1],arg[2]....){ //函数内容}关键点:function关键字函数名name!!!特征:函数声明提升——在执行代码之前会先读取每一个函数的声明,所以这种方法定义的函数,调用可以在定义之前。② 函数表达式(匿名函数式)最常原创 2017-04-11 21:58:09 · 417 阅读 · 0 评论 -
红宝书 第8章整理——BOM
BOM定义:浏览器对象模型BOM提供了很多对象,用于访问浏览器的功能,与浏览器承载展现的页面无关,只是单纯看浏览器自己的性能参数1、window对象——BOM核心window对象比较特别,他有两重含义,首先是单纯代表浏览器的一个窗口,还有一层含义就是他还代表js中的全局Global对象。①、window代表全局作用域时在全局作用域中声明的变量、函数都会变成window的属性、函原创 2017-04-12 16:03:00 · 411 阅读 · 0 评论 -
红宝书 第9章整理——客户端检测
1、关于浏览器内核:浏览器内核主要指的是浏览器的渲染引擎,2013 年以前,代表有 Trident(IE),Gecko(firefox),Webkit(Safari chrome 等)以及 Presto(opera)。2013 年,谷歌开始研发 blink 引擎,chrome 28 以后开始使用,而 opera 则放弃了自主研发的 Presto 引擎,投入谷歌怀抱,和谷歌一起研发 blink原创 2017-04-12 16:31:26 · 336 阅读 · 0 评论 -
红宝书 第10章整理——DOM
1、关于DOM1、DOM——文档对象模型。将HTML文件描绘成一个层次化的节点树,允许开发人员添加、修改页面。2、文档节点是每个文档的根节点,是最外层的元素,每个文档只能有一个文档元素,对于HTML文件来说,文档元素始终是元素。3、每个节点都有个nodeType属性,不同类型的节点有相应不同的值。比如element为1,document为9,text为3.所以可以根据nodeT原创 2017-04-19 16:45:58 · 287 阅读 · 0 评论 -
红宝书 第11章整理——DOM扩展
这章讲的是一些新兴的,或者刚刚被纳入规范的一些,操作DOM的属性方法1、选择符API通过CSS选择符(比如id为#,class为.)来直接在js中选择DOM元素。jQuery的核心就是这个① querySelector()接受一个css选择符,返回找到的与之匹配的,第一个元素。var a = document.querySelector("body") //选body原创 2017-04-20 14:57:44 · 249 阅读 · 0 评论 -
红宝书 第12章整理——DOM2和DOM3,非事件
DOM1:主要定义的是HTML和XML文档的底层结构DOM2、DOM3:在DOM1的基础上,引入了更多的交互能力,也支持了更高级的xml特性。目的在于扩展DOM API,以满足操作XML的所有需求,同时提供更好的错误处理及特性检测能力。为此,DOM2、DOM3分为许多个模块,分别描述了DOM某个非常具体的子集有:DOM2级核心 ——在1级基础上,添加了更多的方法和属性D原创 2017-04-20 17:01:46 · 349 阅读 · 0 评论 -
红宝书 第13章整理——事件
1、事件流——冒泡,捕获,DOM2事件流:从页面接受事件的顺序,分为旧版:冒泡,捕获新版(W3C):DOM2事件冒泡:即事件从最深的那个节点开始,逐级向上传播 button--body--html--document事件捕获:逐级向下,从模糊到具体 document--html--body--button //现在很少人使用捕获,大部分都是原创 2017-04-21 15:39:55 · 422 阅读 · 0 评论 -
红宝书 第14章整理——表单
1、基础知识①关于name 与id 区别ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的。ID和html页面内部元素相关,不和页面元素的内容相关。name则更多地和页面元素的内容相关所以ID更多是在DOM中使用,name更多在后台服务器端调用。关于name的使用:用途1: 作为可与服务器交互数据的HTML元素的服务器端的标原创 2017-04-25 11:17:07 · 294 阅读 · 0 评论 -
红宝书 第15章整理——canvas
1、基本用法使用标签,注意这里有个关于canvas画布大小与元素大小的事情,之前有一篇博客说过步骤:首先创建元素:再获取2D上下文对象:var draw = document,getElementById("draw");var context = draw.getContext("2d");接下来主体就变成了context绘图对象,通过调用它的各种绘制函数进行原创 2017-04-25 15:49:33 · 233 阅读 · 0 评论 -
红宝书 第17章整理——错误处理
1、try-catch语句try{ //可能会导致错误的代码}catch{ //在错误发生时怎么处理}对于js来说,catch接收到的是一个包含错误信息的对象,具有一个message属性。 error.messagefinally:可以搭配finally语句,无论有没有发生错误,都会执行finally内的代码try{ ......}catch原创 2017-04-26 11:30:08 · 434 阅读 · 0 评论 -
红宝书 第18章整理——XML入门
1、XML定义、简介什么是 XML?XML 指可扩展标记语言(EXtensible MarkupLanguage)XML 是一种标记语言,很类似 HTMLXML 的设计宗旨是传输数据,而非显示数据XML 标签没有被预定义。您需要自行定义标签。XML 被设计为具有自我描述性。XML 是 W3C 的推荐标准XML 与 HTML 的主要差异XML 不是 HTML原创 2017-04-26 14:40:08 · 410 阅读 · 0 评论 -
红宝书 第18章整理——XML与JS
XMLHttpRequest 对象XMLHttpRequest 对象用于在后台与服务器交换数据。什么是 XMLHttpRequest 对象?XMLHttpRequest 对象用于在后台与服务器交换数据。XMLHttpRequest 对象是开发者的梦想,因为您能够:在不重新加载页面的情况下更新网页在页面已加载后从服务器请求数据在页面已加载后从服务器接收数据在后台向服务原创 2017-04-26 15:10:42 · 312 阅读 · 0 评论 -
红宝书 第18章整理——XPath
XPath 简介XPath 是一门在 XML 文档中查找信息的语言。XPath 用于在 XML 文档中通过元素和属性进行导航。什么是 XPath?XPath 使用路径表达式在 XML 文档中进行导航XPath 包含一个标准函数库XPath 是 XSLT 中的主要元素XPath 是一个 W3C 标准XPath 路径表达式XPath 使用路径表达式来选取 XML 文原创 2017-04-26 15:40:20 · 283 阅读 · 0 评论 -
红宝书 第10章整理——E4X
E4X 教程E4X 是对 JavaScript 的新扩展。E4X 向 JavaScript 添加了对 XML 的直接支持。E4X 是正式的 JavaScript 标准。JavaScript = ECMAScriptECMAScript 是对 JavaScript 的正式的命名。ECMAScript 等同于 JavaScript。ECMA(欧洲计算机工业协原创 2017-04-26 15:51:34 · 318 阅读 · 0 评论 -
红宝书 第20章整理——JSON
JSON 教程JSON:JavaScript 对象表示法(JavaScriptObject Notation)。JSON 是存储和交换文本信息的语法。类似 XML。JSON 比 XML 更小、更快,更易解析。理解:JSON不是一种编程语言,只是一种数据格式,所以不是js专有的,其他语言也有支持。类似 XMLJSON 是纯文本JSON 具有“自我描述性原创 2017-04-26 16:31:11 · 251 阅读 · 0 评论 -
红宝书 第21章整理——Ajax与Comet
1、AjaxAJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。什么是 AJAX ?AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创原创 2017-04-27 16:41:48 · 311 阅读 · 0 评论 -
红宝书 第22章整理——高级技巧(绑定+拖拽)
本章讲了几个高级函数,还有如何防止篡改,如何实现拖拽等等,在此只讲函数绑定+拖拽1、函数绑定(bind())目的:创建一个函数,可以在特定的this环境中调用另一个函数。常常与回调函数一起用,将函数作为变量传递,保留代码的执行环境。如果不绑定函数,看下面代码:var handler = { message:"aaaa", handle: function(event原创 2017-04-28 14:53:02 · 417 阅读 · 0 评论 -
红宝书 第23章整理——cookie
本章讲解了离线应用和客户端存储这里只整理了关于cookie的东西:cookie为客户端存储的一种选择。当服务器发送http请求中有set-cookie头时,其中会包含会话信息。例如涵盖了name=value。浏览器会存储这样的会话信息,并在这之后,通过为每个请求添加cookie http头将信息发送回服务器。当设定了一个cookie后,再给创建它的域名发送请求时,都会包含这个coo原创 2017-04-28 15:47:47 · 234 阅读 · 0 评论 -
jQuery ——介绍入门
1、window.onload与$(document).ready()的区别2、jQuery对象与DOM对象jQuery对象是通过进去了呀包装DOM对象后产生的对象。注意使用的时候不要把jQuery对象的方法与原生DOM对象的方法混淆,二者不通用。1、jQuery对象转DOM对象:1、[index]jQuery对象是一个类似数组的对象,可以用[index]的方法得到原创 2017-05-24 16:29:42 · 292 阅读 · 0 评论