- 博客(16)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 jQuery学习笔记二：选择器
选择器是jQuery的核心，它帮助我们快速定位到一个或多个DOM节点。按ID查找// 查找<div id="abc">:var div = $('#abc');#abc以#开头。返回的对象是jQuery对象。jQuery对象类似数组，它的每个元素都是一个引用了DOM节点的对象。// 如果id为abc的<div>存在，返回的jQuery对象如下[<div id="abc">...</div>]//
2016-07-27 09:06:49
365
原创 jQuery学习笔记一：简介
为什么使用jQuery消除浏览器差异简洁的操作DOM的方法轻松实现动画、修改CSS等各种操作jQuery版本目前jQuery有1.x，2.x和3.x这几种版本，区别在于1.x能够最大程度兼容各类浏览器，2.x则移除了对IE6、7、8的支持，更为精简，而3.x版本可以兼容2.x，3.x Compat版本兼容1.x。使用jQuery在页面的<head>引入jQuery文件即可：<html><h
2016-07-26 08:57:59
277
原创 JavaScript学习笔记二十八：Canvas
JavaScript教程传送门Canvas是HTML5新增的组件，它就像一块幕布，可以用JavaScript在上面绘制各种图表、动画等。一个Canvas定义了一个指定尺寸的矩形框，在这个范围内我们可以随意绘制：<canvas id="test-canvas" width="300" height="200"></canvas>// CanvasRenderingContext2D对象var ctx
2016-07-22 09:12:03
352
原创 JavaScript学习笔记二十七：Promise
JavaScript教程传送门Promise是一个承诺将在未来返回值的对象。一个最简单的Promise例子：生成一个0-2之间的随机数，如果小于1，则等待一段时间后返回成功，否则返回失败：function test(resolve, reject) { var timeOut = Math.random() * 2; log('set timeout to: ' + timeOut
2016-07-22 08:50:49
361
原创 JavaScript学习笔记二十六：AJAX
JavaScript教程传送门function success(text) { var textarea = document.getElementById('test-response-text'); textarea.value = text;}function fail(code) { var textarea = document.getElementById('t
2016-07-21 16:08:14
643
原创 JavaScript学习笔记二十五：操作表单
JavaScript教程传送门HTML表单的输入控件主要有以下几种：文本框，对应的，用于输入文本；密码框，对应的，用于输入密码；单选框，对应的，用于选择一项；复选框，对应的，用于选择多项；下拉框，对应的，用于选择一项；隐藏文本，对应的，用户不可见，但表单提交时会把隐藏文本发送到服务器。获取值获取text、password、hidden以及select的值：// <input type=
2016-07-21 09:58:41
300
原创 JavaScript学习笔记二十四：操作DOM
JavaScript教程传送门由于HTML文档被浏览器解析后就是一棵DOM树，要改变HTML的结构，就需要通过JavaScript来操作DOM。查询DOM最常用的方法是document.getElementById()和document.getElementsByTagName()，以及CSS选择器document.getElementsByClassName()。// 返回ID为'test'的节点
2016-07-20 18:33:44
331
原创 JavaScript学习笔记二十三：浏览器对象
JavaScript教程传送门windowwindow对象不但充当全局作用域，而且表示浏览器窗口。window对象有innerWidth和innerHeight属性，可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后，用于显示网页的净宽高。兼容性：IE<=8不支持。对应的，还有一个outerWidth和outerHeight属性，可以获取浏览器窗口的整个宽高。nav
2016-07-20 10:16:23
383
原创 JavaScript学习笔记二十二：class继承
JavaScript教程传送门新的关键字class从ES6开始正式被引入到JavaScript中。class的目的就是让定义类更简单。class Student { constructor(name) { this.name = name; } hello() { alert('Hello, ' + this.name + '!'); }
2016-07-20 09:54:37
268
原创 JavaScript学习笔记二十一：创建对象
JavaScript教程传送门JavaScript对每个创建的对象都会设置一个原型，指向它的原型对象。当我们用obj.xxx访问一个对象的属性时，JavaScript引擎先在当前对象上查找该属性，如果没有找到，就到其原型对象上找，如果还没有找到，就一直上溯到Object.prototype对象，最后，如果还没有找到，就只能返回undefined。例如，创建一个Array对象：var arr = [1
2016-07-20 09:44:31
305
原创 JavaScript学习笔记二十：标准对象-JSON
JavaScript教程传送门JSON实际上是JavaScript的一个子集。在JSON中，一共就这么几种数据类型：number：和JavaScript的number完全一致；boolean：就是JavaScript的true或false；string：就是JavaScript的string；null：就是JavaScript的null；array：就是JavaScript的Array表示
2016-07-15 09:54:49
315
原创 JavaScript学习笔记十九：标准对象-RegExp
JavaScript教程传送门在正则表达式中，如果直接给出字符，就是精确匹配。用\d可以匹配一个数字，\w可以匹配一个字母或数字，所以：'00\d'可以匹配'007'，但无法匹配'00A'；'\d\d\d'可以匹配'010'；'\w\w'可以匹配'js'；.可以匹配任意字符，所以：'js.'可以匹配'jsp'、'jss'、'js!'等等。要匹配变长的字符，在正则表达式中，用*表示任意个字
2016-07-11 16:58:45
336
原创 JavaScript学习笔记十八：标准对象-Date
JavaScript教程传送门在JavaScript中，Date对象用来表示日期和时间。var now = new Date();now; // Mon Jul 11 2016 13:33:10 GMT+0800 (CST)now.getFullYear(); // 2016, 年份now.getMonth(); // 6, 月份，注意月份范围是0~11，6表示七月now.getDate()
2016-07-11 13:49:18
291
原创 JavaScript学习笔记十七：包装对象
JavaScript教程传送门在JavaScript的世界里，一切都是对象，但是对象中也会区分类型，number、string、boolean、function和undefined有别于其他类型。特别注意null的类型是object，Array的类型也是object，如果我们用typeof将无法区分出null、Array和通常意义上的object——{}。typeof 123; // 'number
2016-07-09 14:14:23
306
原创 JavaScript学习笔记十六：generator
JavaScript教程传送门generator（生成器）是ES6标准引入的新的数据类型。一个generator看上去像一个函数，但可以返回多次。generator和函数不同的是，generator由function*定义（注意多出的*号），并且，除了return语句，还可以用yield返回多次：function* foo(x) { yield x + 1; yield x + 2;
2016-07-08 12:18:31
309
原创 JavaScript学习笔记十五：箭头函数
JavaScript教程传送门ES6标准新增了一种新的函数：Arrow Function（箭头函数）。x => x * x //它的定义用的就是一个箭头//等同于这个函数function (x) { return x * x;}箭头函数相当于匿名函数，并且简化了函数定义。上面定义的箭头函数只包含了一个表达式，它省略了{ ... }和return，若是函数包含多条语句时，则不能省略：x =
2016-07-06 09:10:46
437
Apress.SCJP.Exam.for.J2SE.5
2009-02-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人