2017年04月_cherrybomb1994

原创红宝书第23章整理——cookie

本章讲解了离线应用和客户端存储这里只整理了关于cookie的东西：cookie为客户端存储的一种选择。当服务器发送http请求中有set-cookie头时，其中会包含会话信息。例如涵盖了name=value。浏览器会存储这样的会话信息，并在这之后，通过为每个请求添加cookie http头将信息发送回服务器。当设定了一个cookie后，再给创建它的域名发送请求时，都会包含这个coo

2017-04-28 15:47:47 234

原创红宝书第22章整理——高级技巧（绑定+拖拽）

本章讲了几个高级函数，还有如何防止篡改，如何实现拖拽等等，在此只讲函数绑定+拖拽1、函数绑定（bind（））目的：创建一个函数，可以在特定的this环境中调用另一个函数。常常与回调函数一起用，将函数作为变量传递，保留代码的执行环境。如果不绑定函数，看下面代码：var handler = { message:"aaaa", handle: function(event

2017-04-28 14:53:02 417

原创红宝书第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

原创红宝书第20章整理——JSON

JSON 教程JSON：JavaScript 对象表示法（JavaScriptObject Notation）。JSON 是存储和交换文本信息的语法。类似 XML。JSON 比 XML 更小、更快，更易解析。理解：JSON不是一种编程语言，只是一种数据格式，所以不是js专有的，其他语言也有支持。类似 XMLJSON 是纯文本JSON 具有“自我描述性

2017-04-26 16:31:11 251

原创红宝书第10章整理——E4X

E4X 教程E4X 是对 JavaScript 的新扩展。E4X 向 JavaScript 添加了对 XML 的直接支持。E4X 是正式的 JavaScript 标准。JavaScript = ECMAScriptECMAScript 是对 JavaScript 的正式的命名。ECMAScript 等同于 JavaScript。ECMA（欧洲计算机工业协

2017-04-26 15:51:34 318

原创红宝书第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

原创红宝书第18章整理——XML与JS

XMLHttpRequest 对象XMLHttpRequest 对象用于在后台与服务器交换数据。什么是 XMLHttpRequest 对象？XMLHttpRequest 对象用于在后台与服务器交换数据。XMLHttpRequest 对象是开发者的梦想，因为您能够：在不重新加载页面的情况下更新网页在页面已加载后从服务器请求数据在页面已加载后从服务器接收数据在后台向服务

2017-04-26 15:10:42 312

原创红宝书第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

原创红宝书第17章整理——错误处理

1、try-catch语句try{ //可能会导致错误的代码}catch{ //在错误发生时怎么处理}对于js来说，catch接收到的是一个包含错误信息的对象，具有一个message属性。 error.messagefinally：可以搭配finally语句，无论有没有发生错误，都会执行finally内的代码try{ ......}catch

2017-04-26 11:30:08 434

原创红宝书第15章整理——canvas

1、基本用法使用标签，注意这里有个关于canvas画布大小与元素大小的事情，之前有一篇博客说过步骤：首先创建元素：再获取2D上下文对象：var draw = document,getElementById("draw");var context = draw.getContext("2d");接下来主体就变成了context绘图对象，通过调用它的各种绘制函数进行

2017-04-25 15:49:33 233

原创红宝书第14章整理——表单

1、基础知识①关于name 与id 区别ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。ID和html页面内部元素相关，不和页面元素的内容相关。name则更多地和页面元素的内容相关所以ID更多是在DOM中使用，name更多在后台服务器端调用。关于name的使用：用途1: 作为可与服务器交互数据的HTML元素的服务器端的标

2017-04-25 11:17:07 294

原创红宝书第13章整理——事件

1、事件流——冒泡，捕获，DOM2事件流：从页面接受事件的顺序，分为旧版：冒泡，捕获新版（W3C）：DOM2事件冒泡：即事件从最深的那个节点开始，逐级向上传播 button--body--html--document事件捕获：逐级向下，从模糊到具体 document--html--body--button //现在很少人使用捕获，大部分都是

2017-04-21 15:39:55 421

原创红宝书第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

原创红宝书第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 248

原创红宝书第10章整理——DOM

1、关于DOM1、DOM——文档对象模型。将HTML文件描绘成一个层次化的节点树，允许开发人员添加、修改页面。2、文档节点是每个文档的根节点，是最外层的元素，每个文档只能有一个文档元素，对于HTML文件来说，文档元素始终是元素。3、每个节点都有个nodeType属性，不同类型的节点有相应不同的值。比如element为1，document为9，text为3.所以可以根据nodeT

2017-04-19 16:45:58 287

原创红宝书第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

原创红宝书第8章整理——BOM

BOM定义：浏览器对象模型BOM提供了很多对象，用于访问浏览器的功能，与浏览器承载展现的页面无关，只是单纯看浏览器自己的性能参数1、window对象——BOM核心window对象比较特别，他有两重含义，首先是单纯代表浏览器的一个窗口，还有一层含义就是他还代表js中的全局Global对象。①、window代表全局作用域时在全局作用域中声明的变量、函数都会变成window的属性、函

2017-04-12 16:03:00 411

原创红宝书第7章整理——函数+闭包

1、函数的两中定义方法① 函数声明语法：function name (arg[0],arg[1],arg[2]....){ //函数内容}关键点：function关键字函数名name！！！特征：函数声明提升——在执行代码之前会先读取每一个函数的声明，所以这种方法定义的函数，调用可以在定义之前。② 函数表达式（匿名函数式）最常

2017-04-11 21:58:09 417

原创红宝书第6章整理——继承部分

继承第一部分讲的都是如何创建一个类型，如果要创建多个类型，而且类型中属性方法相似度非常大，那么久可以直接用继承的方法来创建其它类。① 原型链1、原型链定义+实现继承：是面向对象语言中一个非常棒的概念。一般的面向对象语言中都支持两种继承：接口继承+实现继承。但是！！由于js中函数没有签名，所以只支持实现继承。其实现继承主要依靠原

2017-04-09 18:43:08 330

原创红宝书第6章整理——创建对象

1、理解对象+对象属性面向对象语言有一个标志，就是他们都有类的概念。通过类来创建多个具有相同属性的方法和对象。但是！！！js中没有类的概念，所以js中所谓的面向对象有些不同。js中的对象可以理解成一组组的名值对（属性 + 值），其中的值可以是数据或者函数。每个对象都是基于一个引用类型创建的，详见第5章。创建对象可以直接用原生类型（new array，new function....

2017-04-07 17:07:17 312

原创红宝书第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

原创红宝书第4章整理——变量+内存管理

1、变量① 变量分类：基本类型值：简单数据段，就是最基本的5种数据类型，不能给他们添加属性引用类型值：即对象，可以为其添加方法两种区别：1、保存方式不同：基本类型值在内存中占据固定大小的空间，会被保存在栈中引用类型值时对象，会保存在

2017-04-06 14:02:39 242

原创红宝书第3章整理——数据类型+函数入门

1、数据类型5种基本数据类型：undefined，null，Boolean，number，string1中复杂数据类型：objectundefined：只用var声明，没有赋值时，值为undefined。将变量赋值为undefined无意义。null：赋值为null，typeof为object类型，本质是空对象指针。将变量设置为null有必要，尤其是这个变量将来用于保存对象，可

2017-04-05 17:02:33 345

原创一些名词：网站访问流程，HTML，css，XHTML，SQL，PHP，ASP，WEB Service

2、HTML+css电脑拿到一个HTML文件，接下来通过，@import等加载过来css样式。先生成一个DOM树，再生成一个css样式的树。浏览器会将这两个树进行结合，生成最终的渲染树，根据这个树把页面画出来。3、XHTML与HTML5网页之间需要建立一套标准，规定可以写什么标签种类，标签又可以设置哪些属性等等。

2017-04-05 10:57:02 754

转载二叉树

二叉树的概念二叉树（Binary Tree）是n（n>=0）个结点的有限集合，该集合或者为空集（空二叉树），或者由一个根结点和两棵互不相交的、分别称为根结点的左子树和右子树的二叉树组成。二叉树的特点每个结点最多有两棵子树，所以二叉树中不存在度大于2的结点。二叉树中每一个节点都是一个对象，每一个数据节点都有三个指针，分别是指向父母、左孩子和右孩子的指针。每一个节点都是通过指针相互连接

2017-04-02 11:56:46 677

转载队列堆栈

一、队列和堆栈的简单介绍1.1、队列的基本概念队列:是一种支持先进先出(FIFO)的集合,即先被插入的数据,先被取出!如下图所示：1.2、堆栈的基本概念堆栈:是一种支持后进先出(LIFO)的集合,即后被插入的数据,先被取出!如下图所示：二、在JavaScript中实现队列和堆栈在JavaScript中实现队列和数组主要是通过数组，js数组中提供了以下几个方

2017-04-02 11:48:28 417

转载 canvas 元素大小画布大小

我们使用canvas的时候一般在canvas元素中直接设置它的width和height：1"myCanvas" width="300" height="150">browser don't support canvas当然，也可以不在canvas中进行设置，直接在css样式中设置，因为canvas本身也是一个html节点

2017-04-02 11:42:38 2616

原创图片编码 Base64 与 DataURI

1、DataURI，通常就被叫做DataURL，是因为图片被base64编码之后，这串码可以用浏览器直接打开，类似于一个网站URL2、DataURI的格式： data:[] ( [;charset=] ) [;base64],码内容标识头，展现方式

2017-04-02 11:25:24 3620

原创赛码网的OJ，JS用的read_line()函数读取输入, 格式为多行参数输入，带有换行符

例如输入格式n个参数：a1a2a3b1b2b3其中3个3个一组，作为参数输入可以while（line1 = read_line()）{ line2 = read_line(); line3 = read_line(); array[line1,line2,line3];}使用JavaScript语言请注意：作答时不要进行DO

2017-04-01 21:49:37 11066 1

cherrybomb1111的博客