qq_47897078的博客

JavaScript之jQuery事件详解因为JavaScript在浏览器中以单线程模式运行，页面加载后，一旦页面上所有的JavaScript代码被执行完后，就只能依赖触发事件来执行JavaScript代码。浏览器在接收到用户的鼠标或键盘输入后，会自动在对应的DOM节点上触发相应的事件。如果该节点已经绑定了对应的JavaScript处理函数，该函数就会自动调用。由于不同的浏览器绑定事件的代码都不太一样，所以用jQuery来写代码，就屏蔽了不同浏览器的差异，我们总是编写相同的代码。举个例子，假设要在用

JavaScript之jQuery操作DOMjQuery的选择器很强大，用起来又简单又灵活，但是搞了这么久，我拿到了jQuery对象，到底要干什么？答案当然是操作对应的DOM节点啦！回顾一下修改DOM的CSS、文本、设置HTML有多么麻烦，而且有的浏览器只有innerHTML，有的浏览器支持innerText，有了jQuery对象，不需要考虑浏览器差异了，全部统一操作！修改Text和HTMLjQuery对象的text()和html()方法分别获取节点的文本和原始HTML文本，例如，如下的HTML结

JavaScript之jQuery选择器详解选择器是jQuery的核心。一个选择器写出来类似$('#dom-id')。为什么jQuery要发明选择器？回顾一下DOM操作中我们经常使用的代码：// 按ID查找：var a = document.getElementById('dom-id');// 按tag查找：var divs = document.getElementsByTagName('div');// 查找<p class="red">：var ps = docume

JavaScript之jQuery简介你可能听说过jQuery，它名字起得很土，但却是JavaScript世界中使用最广泛的一个库。江湖传言，全世界大约有80~90%的网站直接或间接地使用了jQuery。鉴于它如此流行，又如此好用，所以每一个入门JavaScript的前端工程师都应该了解和学习它。jQuery这么流行，肯定是因为它解决了一些很重要的问题。实际上，jQuery能帮我们干这些事情：消除浏览器差异：你不需要自己写冗长的代码来针对不同的浏览器来绑定事件，编写AJAX等代码；简洁的操作DO

JavaScript之操作表单用JavaScript操作表单和操作DOM是类似的，因为表单本身也是DOM树。不过表单的输入框、下拉框等可以接收用户输入，所以用JavaScript来操作表单，可以获得用户输入的内容，或者对一个输入框设置新的内容。HTML表单的输入控件主要有以下几种：文本框，对应的<input type="text">，用于输入文本；口令框，对应的<input type="password">，用于输入口令；单选框，对应的<input type="r

JavaScript之操作DOM更新DOM拿到一个DOM节点后，我们可以对它进行更新。可以直接修改节点的文本，方法有两种：一种是修改innerHTML属性，这个方式非常强大，不但可以修改一个DOM节点的文本内容，还可以直接通过HTML片段修改DOM节点内部的子树：// 获取<p id="p-id">...</p>var p = document.getElementById('p-id');// 设置文本为abc:p.innerHTML = 'ABC'; // &lt

JavaScript之操作BOM对象JavaScript可以获取浏览器提供的很多对象，并进行操作windowwindow对象不但充当全局作用域，而且表示浏览器窗口。window对象有innerWidth和innerHeight属性，可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后，用于显示网页的净宽高。兼容性：IE<=8不支持。对应的，还有一个outerWidth和outerHeight属性，可以获取浏览器窗口的整个宽高。navigatornavig

JavaScript之面向对象编程创建对象JavaScript对每个创建的对象都会设置一个原型，指向它的原型对象。当我们用obj.xxx访问一个对象的属性时，JavaScript引擎先在当前对象上查找该属性，如果没有找到，就到其原型对象上找，如果还没有找到，就一直上溯到Object.prototype对象，最后，如果还没有找到，就只能返回undefined。例如，创建一个Array对象：var arr = [1, 2, 3];其原型链是：arr——>Array.prototype——&

JavaScript之JSON对象JSON是JavaScript Object Notation的缩写，它是一种数据交换格式。在JSON出现之前，大家一直用XML来传递数据。因为XML是一种纯文本格式，所以它适合在网络上交换数据。XML本身不算复杂，但是，加上DTD、XSD、XPath、XSLT等一大堆复杂的规范以后，任何正常的软件开发人员碰到XML都会感觉头大了，最后大家发现，即使你努力钻研几个月，也未必搞得清楚XML的规范。终于，在2002年的一天，道格拉斯·克罗克福特（Douglas Crock

Java标准对象Data详解在JavaScript中，Date对象用来表示日期和时间。要获取系统当前时间，用：var now = new Date();now; // Wed Jun 24 2015 19:49:22 GMT+0800 (CST)now.getFullYear(); // 2015, 年份now.getMonth(); // 5, 月份，注意月份范围是0~11，5表示六月now.getDate(); // 24, 表示24号now.getDay(); // 3, 表示星期三

JavaScript生成器(generator)generator（生成器）是ES6标准引入的新的数据类型。一个generator看上去像一个函数，但可以返回多次。我们先复习函数的概念。一个函数是一段完整的代码，调用一个函数就是传入参数，然后返回结果：function foo(x) { return x + x;}var r = foo(1); // 调用foo函数函数在执行过程中，如果没有遇到return语句（函数末尾如果没有return，就是隐含的return undefined

JavaScript箭头函数箭头函数箭头函数表达式没有自己的this,arguments,super或new.target。引入箭头函数作用引入箭头函数的作用：更简短的函数并且不绑定this更简短的函数let sum = (x,y,z) => { return x+y+z; }不绑定this在箭头函数出现之前，每个新定义的函数都有他自己的this值。（在构造函数的情况下是一个新对象，在严格模式的函数调用中为 undefined，如果该函数被作为“对象方法”调用则为基础对象等）。通过

JavaScript闭包一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。var n=999;　　function f1(){　　　　alert(n);　　}　　f1(); // 999另一方面，在函数外部自然无法读取函数内的局部变量function f1(){　　　　var n=999;　　}　　alert(n); // er

JavaScript函数之高阶函数(map/reduce,filter,sort,Array)一、map/reducemap举例说明，比如我们有一个函数f(x)=x2，要把这个函数作用在一个数组[1, 2, 3, 4, 5, 6, 7, 8, 9]上，就可以用map实现如下：由于map()方法定义在JavaScript的Array中，我们调用Array的map()方法，传入我们自己的函数，就得到了一个新的Array作为结果：'use strict';function pow(x) {

JavaScript方法详解在一个对象中绑定函数，称为这个对象的方法。在JavaScript中，对象的定义是这样的：var xiaoming = { name: '小明', birth: 1990};但是，如果我们给xiaoming绑定一个函数，就可以做更多的事情。比如，写个age()方法，返回xiaoming的年龄：var xiaoming = { name: '小明', birth: 1990, age: function () {

JavaScript函数变量作用域与解构赋值在JavaScript中，用var申明的变量实际上是有作用域的。如果一个变量在函数体内部申明，则该变量的作用域为整个函数体，在函数体外不可引用该变量：'use strict';function foo() { var x = 1; x = x + 1;}x = x + 2; // ReferenceError! 无法在函数体外引用变量x如果两个不同的函数各自申明了同一个变量，那么该变量只在各自的函数体内起作用。换句话说，不同函数

JavaScript函数定义和调用定义函数在JavaScript中，定义函数的方式如下：function abs(x) { if (x >= 0) { return x; } else { return -x; }}上述abs()函数的定义如下：function指出这是一个函数定义；abs是函数的名称；(x)括号内列出函数的参数，多个参数以,分隔；{ ... }之间的代码是函数体，可以包含若干语句，甚至可以没有任何语句。

JavaScript快速入门基本语法语法JavaScript的语法和Java语言类似，每个语句以;结束，语句块用{...}。但是，JavaScript并不强制要求在每个语句的结尾加;，浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;。例如，下面的一行代码就是一个完整的赋值语句：var x = 1;下面的一行代码是一个字符串，但仍然可以视为一个完整的语句：'Hello, world';下面的一行代码包含两个语句，每个语句用;表示语句结束：var x = 1; v