本文档使用 书栈(BookStack.CN) 构建 6.2.3 删除DOM 6.3 操作表单 6.4 操作文件 6.5 AJAX 6.6 Promise 6.7 Canvas 7 jQuery 7.1 选择器 7.1.1 层级选择器 7.1.2 查找和过滤 7.2 操作DOM 7.2.1 修改DOM结构 7.3 事件 7.4 动画 7.5 扩展 8 underscore 10. return 'foo'; 11. }; 把自己的代码全部放入唯一的名字空间 MYAPP 中，会大大减少全局变量冲突的可能。 许多著名的JavaScript库都是这么干的：jQuery，YUI，underscore等等。 由于JavaScript的变量作用域实际上是函数内部，我们在 for 循环等语句块中是无法定义具有局部 作用域的变量的： 1. 'use strict'; -- 当前页面在wwwexample.com --> 2. 3. 4. 5. 6.1 浏览器对象 - 129 - 本文档使用 书栈(BookStack.CN) 构建 6. ... 7.

学习网页寄存（通称虚拟主机） 学习前端开发 学习用户界面／交互设计 学习 HTML 和 CSS 学习搜索引擎优化 学习 JavaScript 学习 Web 动画 学习 DOM、BOM 和 jQuery 学习网页字体 & 图标 2 1.6.1.14 1.6.1.15 1.6.1.16 1.6.1.17 1.6.1.18 1.6.1.19 1.6.1.20 1.6.1.21 学习网页寄存（通称虚拟主机） 学习前端开发 学习用户界面／交互设计 学习 HTML 和 CSS 学习搜索引擎优化 学习 JavaScript 学习 Web 动画 学习 DOM、BOM 和 jQuery 学习网页字体 & 图标 学习可访问性相关知识 学习 web／浏览器 API 学习 JSON (JavaScript 对象表示法) 学习 JS 模板 学习静态网页生成器 通过JS学习计算机科学 JShint，JSCS 也被 整合进 ESLint）进行语法检查。 开发者弃 Sublime 和 Atom 转投 Visual Studio Code 编辑器，这成为一种趋势。 jQuery 仍有热度，但使用率和关注度都在下滑。jQuery 3 已然发布 ，却无人问津。 Vue.js 理所应当地吸收更多追随者。 JavaScript 函数式编程和模式备受关注。 离线开发和渐进式 WEB 应用（PWA）步入主流。

promise对象的时候，还会巧妙的利用thenable对象原来具有的 then 方法。 到底什么样的对象能算是thenable的呢，最简单的例子就是 jQuery.ajax()16，它的返回 值就是thenable的。 因为 jQuery.ajax() 的返回值是 jqXHR Object17 对象，这个对象具有 .then 方法。 $.ajax('/json/comment.json');// console.log(value); }); 16 https://api.jquery.com/jQuery.ajax/ 17 http://api.jquery.com/jQuery.ajax/#jqXHR JavaScript Promise 迷你书（中文版） 16 jQuery和thenable jQuery.ajax()18的返回值是一个具有 .then 方法的 jqXHR Object19对 但是Deferred Object并没有遵循Promises/A+或ES6 Promises标准，所 以即使看上去这个对象转换成了一个promise对象，但是会出现缺失 部分信息的问题。 这个问题的根源在于jQuery的 Deferred Object21 的 then 方法机制与 promise不同。 所以我们应该注意，即使一个对象具有 .then 方法，也不一定就能 作为ES6 Promises对象使用。

67 React与webpack 理想情况下，我们只需要在浏览器里引入React模块，但是大部分浏览器还没有支 持模块。 因此大部分代码库会把自己包裹在一个单独的全局变量内，比 如： jQuery 或 _ 。 这叫做“命名空间”模式，webpack也允许我们继续使用通过 这种方式写的代码库。 通过我们的设置 "react": "React" ，webpack会神奇地 将所有对 "react" 例如，导入 "jquery" 模块在运行时会被转换 为 "node_modules/jquery/dist/jquery.slim.min.js" 。 { "compilerOptions": { "baseUrl": "./node_modules", "paths": { "jquery": ["jquery/dist/jquery default 导出十分便利。 比如，像JQuery这样的类库可能有一个默认导 出 jQuery 或 $ ，并且我们基本上也会使用同样的名字 jQuery 或 $ 导出 JQuery。 JQuery.d.ts declare let $: JQuery; export default $; App.ts import $ from "JQuery"; $("button.continue")

think.config('db'), 'home'); } JavaScript �� think.model �������������������� ������������������ jQuery �������������������������� ����������� this ����� �������������� where , ������������� table ���� source1 {Mixed} ���1 return {Object} ���� � source1, source2 ������������� target ������� jQuery �� $.extend ��� ����������������� false ������� obj {Mixed} ������ return {Boolean} ������������� log('/static/module/jquery/1.9.1/jquery.js', 'HTTP', startTime); //writes '[2015-09-23 17:52:13] [HTTP] /static/module/jquery/1.9.1/jquery.js 10ms' JavaScript ����� think.log('/static/module/jquery/1.9.1/jquery.js'

14kb 规则：当包含渲染初始视口的 所有内容和样式的 HTML 内容低于 14kb 时，页面加载速度会显着加快” bisu3306：我选择 jQuery，只要能达到效果。屎一样的代码继续支行。 -SORA-：我选择 vanilla，连 jQuery 都嫌弃。 网友锐评 >>> 我觉着如果是提 issue 求助的，点个 star 作者帮你，无可厚非。 如果是提 bug、改进建议或者 pr 后，代码不需要编译构建即可进行 调试 —— 简化了编译器的开发工作。 佚名： jQuery 4.0 历时 4 年开发，与其问它为什么还在更新，不如问为什么仍有 那么多人在使用它。这就好比半个世纪以前，人类第三次工业革命产生的电 子计算机技术、微电子技术等，到今天仍被广泛应用。仍有用武之地和受众 群体，即是 jQuery 仍在更新的理由，它不会突然被所有人弃用，只会在自 然规律中慢慢远去。今天 然规律中慢慢远去。今天那些炙热的主流框架，在未来也将进入相同的循环。 致敬 jQuery 4.0。 OSCHINA 社区用户评论： asdfghjkl12345678：还是喜欢原来的前端, 现在前端搞的太复杂了 osc_91229770：jquery 强大在于，一个项目 10 年后还可以稳定运行，也可 以修改，现在前端如果找不到原来项目源码，过了一年可能无法构建了，就 无法修改了。 特邀评论员——杜天微，狮偶编程语言作者：

加编译时间并且浏览器还能够缓存没有发生改变的库文件。 理想情况下，我们只需要在浏览器里引入React模块，但是大部分浏览器还没有支持模块。 因此大部 分代码库会把自己包裹在一个单独的全局变量内，比如： jQuery 或 _ 。 这叫做“命名空间”模 式，webpack也允许我们继续使用通过这种方式写的代码库。 通过我们的设置 "react": "React" ，webpack会神奇地将所有对 "react" default 导出十分便利。 比如，像jQuery这样的类库可能有一个默认导出 jQuery 或 $ ，并 且我们基本上也会使用同样的名字 jQuery 或 $ 导出jQuery。 jQuery.d.ts 1. declare let $: jQuery; 2. export default $; App.ts 1. import $ from "jQuery"; 2. 3. $("button 使用命名空间导入模式当你要导出大量内容的时候 使用重新导出进行扩展 模块 - 215 - 本文档使用 书栈网 · BookStack.CN 构建 你可能经常需要去扩展一个模块的功能。 JS里常用的一个模式是jQuery那样去扩展原对象。 如我们 之前提到的，模块不会像全局命名空间对象那样去_合并_。 推荐的方案是_不要_去改变原来的对象， 而是导出一个新的实体来提供新的功能。 假设 Calculator

model('user', think.config('db'), 'home'); } 使用 think.model 获取模型的实例化时，需要带上模型的配置。 链式调用 模型中提供了很多链式调用的方法（类似 jQuery 里的链式调用），通过链式调用方法可以方便的 进行数据操作。链式调用是通过返回 this 来实现的。 export default class extends think.model.base 目录对象 source1 {Mixed} 源对象1 return {Object} 目录对象 将 source1, source2 等对象上的属性或方法复制到 target 对象上，类似于 jQuery 里的 $.extend 方 法。 默认为深度复制，可以将第一个参数传 false 进行浅度复制。 think.extend({}, {name: 'foo'}, {value: 'bar'}); log('/static/module/jquery/1.9.1/jquery.js', 'HTTP', startTime); //writes '[2015-09-23 17:52:13] [HTTP] /static/module/jquery/1.9.1/jquery.js 10ms' 不显示时间 think.log('/static/module/jquery/1.9.1/jquery.js', 'HTTP'

后端：moa-api • 1）moa⽣生成器 • 2）moa-frontend • express • jade • bootstrap、bootstrap-table • jquery • gulp • nginx • 3）moa-api Features • ⾃自动加载路由 • ⽀支持mongodb配置 • 集成mongoosedao，快速写crud等dao接⼝口 base2(mirco kernel) mongoose bluebird res.api Part 3：全栈展望 前端开发4阶段 • html/css/js（基础） • jQuery、jQuery-ui，Extjs（曾经流⾏行） • Backbone（mvc），Angularjs、Vuejs（当前流⾏行） • React组件化（未来趋势）、Vuejs Hybrid开发 然后h5、zeptojs、iscroll、fastclick等 • 然后微信常⽤用的，如weui、vux（vue+weui）、jmui（react+weui） • 然后可以玩点框架，⽐比如jquery mobile，sencha touch • 然后可以玩点⾼高级货，ionicframework（基于angularjs、cordova） • 然后前端4阶段，依次打怪升级 Feature

JSON 格式的数据库，可以用 JavaScript 函数定义视图和索引。它 在本质上有别于传统的关系型数据库，标识着 NoSQL 类型的数据库诞 生。 2006年，jQuery 函数库诞生，作者为John Resig。jQuery 为操 作网页 DOM 结构提供了非常强大易用的接口，成为了使用最广泛的函 数库，并且让 JavaScript 语言的应用难度大大降低，推动了这种语 言的流行。 返回第一个匹配的元素，等同 于 document.querySelector() 。注意，如果页面脚本对 $ 有定义，则会 覆盖原始的定义。比如，页面里面有 jQuery，控制台执 行 $(selector) 就会采用 jQuery 的实现，返回一个数组。 （4） $$(selector) $$(selector) 返回选中的 DOM 对象，等同 于 document.querySelectorAll console.log(this === o); 避免回调函数中的 this this 关键字 - 437 - 本文档使用 书栈(BookStack.CN) 构建 4. } 5. 6. // jQuery 的写法 7. $('#button').on('click', o.f); 上面代码中，点击按钮以后，控制台会显示 false 。原因是此 时 this 不再指向 o 对象，而是指向按钮的