市面上的jQuery书太多了,良莠不齐,看了那么多总觉得少点什么 对"干货"，我不喜欢就事论事的写代码 我想把自己所学的知识点，代码技巧，设计思想，代码模式能很好的表达出来 所以考虑通过分析jQuery的源码库的方式来表达，尽力做最好 内容结构还在不断的修正，欢迎给出建议… 本书围绕的几个核心点： 设计理念 结构组织 抽象设计 模式运用 场景套用 第一章：理解架构 1.1 我们真正会使用jQuery吗？ 1.2 库与框架的区别 1.3 jQuery对象与dom对象的区别 1.4 立即表达
一、前言 jQuery.Deferred作为1.5的新特性出现在jQuery上，而jQuery.ajax函数也做了相应的调整。因此我们能如下的使用xhr请求调用，并实现事件处理函数晚绑定。 var promise = $.getJSON('dummy.js') // 其他逻辑处理 promise.then(function(){ alert('late binding') }) 我还一度以为这就是Promises/A+规范的实现，但其实jQu
这是一个系列文章，你可以关注公众号「五月君」订阅话题《JavaScript 异步编程指南》获取最新信息。
Javascript 语言的执行环境是“单线程”的，如果没有异步编程，根本没法用，非卡死不可。
前端是个发展迅速的领域，前端请求自然也发展迅速，从原生的XHR到jquery ajax，再到现在的axios和fetch。
通常情况下，通过对构造函数使用 new 会返回一个绑定到 this上的新实例，所以我们可以在 new 出来的对象上直接用 . 访问其属性和方法。如果在普通函数中也返回当前实例，那么我们就可以使用 . 在单行代码中一次性连续调用多个方法，就好像它们被链接在一起一样，这就是链式调用，又称链模式。
注：这篇文章翻译自 《You're Missing the Point of Promises》，阅读这篇文章，你首先需要对于 JavaScript 中的 Promises 是什么有了解，否则，你可以先看一看这篇文章（英文），或者这篇文章（中文）掌握基础。有一些修改，另受水平所限，翻译的不当之处请参阅原文。
回调函数是最早的解决异步编程方法 原生ajax和setTimoue都是利用回调函数，在未来某一时刻执行指定方法
Callback 很常见 $button.on('click', function(){}) click后面的 function 就是一个回调，因为「我」没有调用过这个函数，是 jQuery 在用户点击 button 时调用的(当用户点击之后,这个函数才执行,现在我只是传了一个参数,这个参数是一个点击后要执行的函数)。
在写 JavaScript 时，我们常常需要会写一些异步代码，如：异步去服务器端获取一些数据，当数据返回时做一些操作。代码可能是这个样子
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
记得当年我刚学 JavaScript 的时候，是从原生的 dom api 学起的，用原生的 dom api 完成一些增删改的功能，之后就会学习 JQuery。
fetch()方法定义在Window对象以及WorkerGlobalScope对象上，用于发起获取资源的请求，其返回一个Promise对象，这个Promise对象会在请求响应后被resolve，并传回Response对象。
jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。 每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。 这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery的全部ajax代码都被改写了。但是，它比较抽象，初学者很难掌握，网上的教程也不多。所以，我把自己的学习笔记整理出来了，希望对大家有用。 本文不是初级教程，针对的读者是那些已经具备jQuery
什么promise模式 先看一个场景 A 中执行了ajax请求，在回调函数中调用了B，B 中又是一个ajax请求 这种代码方式会有问题 （1）可读性太差 当嵌套层数过多时，会非常痛苦 （2）
在callback的模型里边，我们假设需要执行一个异步队列，代码看起来可能像这样：
Promise 对象用于延迟(deferred) 计算和异步(asynchronous ) 计算.。一个Promise对象代表着一个还未完成，但预期将来会完成的操作。 Promise 对象是一个返回值的代理，这个返回值在promise对象创建时未必已知。它允许你为异步操作的成功或失败指定处理方法。 这使得异步方法可以像同步方法那样返回值：异步方法会返回一个包含了原返回值的 promise 对象来替代原返回值。
版权声明：本文为吴孔云博客原创文章，转载请注明出处并带上链接，谢谢。 https://blog.csdn.net/wkyseo/article/details/51563599
传统 Ajax 指的是 XMLHttpRequest（XHR）， 最早出现的发送后端请求技术，隶属于原始js中，核心使用XMLHttpRequest对象，多个请求之间如果有先后关系的话，就会出现回调地狱。 JQuery ajax 是对原生XHR的封装，除此以外还增添了对JSONP的支持。经过多年的更新维护，真的已经是非常的方便了，优点无需多言；如果是硬要举出几个缺点，那可能只有：
这个问题作者认为是所有从后端转向前端开发的程序员，都会遇到的第一问题。JS前端编程与后端编程最大的不同，就是它的异步机制，同时这也是它的核心机制。
原文地址：http://www.cnblogs.com/lvdabao/p/jquery-deferred.html?utm_source=tuicool&utm_medium=referral 看
随着前端技术的发展，请求服务器数据的方法早已不局限于ajax、jQuery的ajax方法。各种js库已如雨后春笋一般，蓬勃发展，本文主要想介绍其中的axios和fetch。
虽然Promise是开发过程中使用非常频繁的一个技术点，但是它的一些细节可能很多人都没有去关注过。我们都知道，.then, .catch, .finally都可以链式调用，其本质上是因为返回了一个新的Promise实例，而这些Promise实例现在的状态是什么或者将来会变成什么状态，很多人心里可能都没个底。我自己也意识到了这一点，于是我通过一些代码试验，发现了一些共性。如果您对这块内容还没有把握，不妨看看。
Javascript 采用回调函数(callback)来处理异步编程。从同步编程到异步回调编程有一个适应的过程，但是如果出现多层回调嵌套，也就是我们常说的厄运的回调金字塔(Pyramid of Doom)，绝对是一种糟糕的编程体验。于是便有了 CommonJS 的 Promises/A 规范，用于解决回调金字塔问题。 回调金字塔 那么何为回调金字塔呢？简单的讲就是回调里面嵌套回调。例如： asyncOperation(function(data){ // 处理 `data` anotherAsync
Javascript 采用回调函数(callback)来处理异步编程。从同步编程到异步回调编程有一个适应的过程，但是如果出现多层回调嵌套，也就是我们常说的厄运的回调金字塔(Pyramid of Doom)，绝对是一种糟糕的编程体验。于是便有了 CommonJS 的 Promises/A 规范，用于解决回调金字塔问题。
ServiceWorker作为前端革命领袖，毫不夸张地被誉为前端黑科技，此文将阐述如何巧妙的使用它来实现一些看起来匪夷所思的事情。
Javascript 采用回调函数(callback)来处理异步编程。从同步编程到异步回调编程有一个适应的过程，但是如果出现多层回调嵌套，也就是我们常说的厄运的回调金字塔(Pyramid of Doom)，绝对是一种糟糕的编程体验。于是便有了 CommonJS 的 Promises/A 规范，用于解决回调金字塔问题。本文先介绍 Promises 相关规范，然后再通过解读一个迷你的 Promises 以加深理解。 什么是 Promise 一个 Promise 对象代表一个目前还不可用，但是在未来的某个时间点可
作为一门非常灵活和强大的语言，JavaScript 对现代 web 产生了深远的影响。它之所以能够在 web 开发中占据主导地位，其中一个主要原因就是频繁更新所带来的持续改进。
在讲述Promise时，曾提及过Deferred对象。下面内容，详细阐述Deferred对象及其用法。
三年前入职的时候还是一个只会使用Ajax和Jquery Ajax的菜鸟，由于早期Jquery不支持大文件请求的问题，要么拆分文件，要么用XHR~今天总结一篇数据请求的 进入今天的世界吧~~~
JS会在创建变量时自动分配内存，在不使用的时候会自动周期性的释放内存，释放的过程就叫 “垃圾回收”。
上面这个例子中，当执行了alert(1),如果用户不点击确定按钮，console.log(2)是不会执行的。
页面上有两个button，以上js代码为button添加click事件。会输出什么样的结果呢？
以前我们说到爬取网页数据，你可能会第一时间想到scrapy，嗯，那个强大的python爬虫库，然而，有些时候，我们其实要爬取数据并非一定要使用这么强大【笨重】的库来实现，而且，某些时候，可能使用scrapy来爬取我们想到的数据，还比较困难。
复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？是一个类？对象？数组？函数？
我们知道Javascript语言的执行环境是"单线程"。也就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务。
从 v9.1 开始，在 V8 中默认启用顶级 await，并且在没有 --harmony-top-level-await 配置的情况下也是可以用的。
开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它们都不是立即能得到结果的。
Axios 是一个基于 promise 的 HTTP 库，简单的讲就是可以发送get、post请求。说到get、post，大家应该第一时间想到的就是Jquery吧，毕竟前几年Jquery比较火的时候，大家都在用他。但是由于Vue、React等框架的出现，Jquery也不是那么吃香了。也正是Vue、React等框架的出现，促使了Axios轻量级库的出现，因为Vue等，不需要操作Dom，所以不需要引入Jquery.js了。
持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第27天，点击查看活动详情
jQuery 前阶段推出了3.0版本，改动非常大，如果要使用 3.0 的话，建议先仔细了解一下新特性，否则会引起一些小问题，例如下面的代码 <html> <head> <meta charset="utf-8"> <script src="jquery-3.0.min.js"></script> <script> $(function (){ $('#container').html('你好'); }) </script> </head> <body>
最近开发项目在和华为Volte做对接，结果华为volte第一版还是原生加jquery来实现的，由于里面有不少需要引入外部js文件的，就给了一天的时间做对接，没办法只能剑走偏锋了 首先定义一个 utils/loadScript.js 封装一个动态加载js文件的方法
Promise是一种异步编程的解决方案，本质来说其实它是一种规范，Promises/A+规范
从整体上看，registerApplication一共做了4件比较重要的事情。首先，是对参数进行处理，对应代码片段1中的关键点1，参数处理函数sanitizeArguments有几十行代码，具体怎么处理的，逻辑相对简单，这里就不描述了。对参数的合理处理，给用户提供了更多的灵活性，可以通过不同形式来传递参数，然后将不同格式的参数处理成统一格式。同时，对参数进行了校验。这种写法很常见，在我们日常编程中可以借鉴。其次，是将微应用保存到数组apps中，apps是一个全局变量，会存放所有的注册过的微应用。这个数组很重要，微应用的各种状态都保存在这里，实际上single-spa的核心工作就是对apps中保存的微应用进行管理和控制。再次，是调用ensureJQuerySupport函数对JQuery的某些监听事件进行拦截，下文中进行详述。最后，是调用reroute函数，主要是加载微应用，下文中会进行详述。
在实际的运用中有这样一种场景，某资源加载完成后再执行某个操作，例如在做导出时，后端通过打开模板页生成PDF，并返回下载地址。这时前后端通常需要约定一个flag，用以标识模板准备就绪，可以生成PDF了。
一、何为异步 执行任务的过程可以被分为发起和执行两个部分。 同步执行模式：任务发起后必须等待直到任务执行完成并返回结果后，才会执行下一个任务。 异步执行模式：任务发起后不等待任务执行完成，而是马上执行下一个任务，当任务执行完成时则会收到通知。 面对IO操作频繁的场景，异步执行模式可在同等的硬件资源条件下提供更大的并发处理能力，也就是更大的吞吐量。 但由于异步执行模式打破人们固有的思维方式，并且任务的发起和任务的执行是分离的，从而提高
把这段商品列表的json代码命名为goodlist.json,放到根目录public的api文件夹内
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
