JavaScript是一门单线程语言，即一次只能完成一个任务，若有多个任务要执行，则必须排队按照队列来执行(前一个任务完成,再执行下一个任务)。
首先我们先看看同步与异步的定义，及浏览器的执行机制，方便我们更好地理解同步异步编程。
页面加载 首先，浏览器发起直接对目标html的请求，然后分析其中用到的资源并下载，浏览器有自己的规则来判断什么样的资源可以被并行下载，什么样的不可以，浏览器对加载顺序有着特殊的喜好： JS的出现会延迟后续CSS的下载，因为JS会改变页面元素，浏览器会延迟整个页面的渲染直到JS被下载解释并执行，所以必须让CSS的链接在JS前面以达到尽可能的并行。 与浏览器支持的并发连接数有关 在HTTP 1.1协议中要求浏览器访问同一host的连接数不得大于2，但事实上当前绝大多数浏览器都违背了这一要求，具体参见：并发连
所以像setTimeOut定时任务、ajax请求都是需要一定的时间的，所以一般都是用异步方式，不会阻塞后边代码的执行，而是设置了定时时间之后、或发送了请求之后，就移动到单线程的任务队列的最尾端，等后边执行完之后再执行定时代码或者ajax请求的回调函数内代码。
今天我们继续讨论promise 网络上关于PromiseAPI使用的文章多如牛毛，为了保持javascript异步系列文章的完整性，现在对promise的API进行简单全面的介绍
对于 Vue、React 等框架开发的单页面应用，在某些页面开发特殊功能时经常需要依赖第三方 JS 文件，如果在全局引入 CDN 资源可能会加载冗余文件，此时最好使用动态加载方式。
从今天开始研究一下javascript的异步相关内容，感兴趣的请关注 什么是js异步？ 我们知道JavaScript的单线程的，这与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？ 所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执
我们之前介绍了javascript异步的相关内容，我们知道javascript以同步，单线程的方式执行主线程代码，将异步内容放入事件队列中，当主线程内容执行完毕就会立即循环事件队列，直到事件队列为空，当用产生用户交互事件（鼠标点击，点击键盘，滚动屏幕等待），会将事件插入事件队列中，然后继续执行。 处理异步逻辑最常用的方式是什么？没错这就是我们今天要说的---回调
问题来源于菜鸟教程介绍 jQuery load() 方法时用的一个实例： JS：
要注意的是，带有 src 的 <script> 元素中不应该再包含额外的代码，如果包含了嵌入的代码，则只会下载外部文件，嵌入的代码不会执行。
首先是外部脚本和行内脚本，对于异步加载的脚本，会导致竞争状态，使得出现未定义的错。
毫无疑问，参数肯定是js生成的，那么如何获取这些参数的规律呢？通过下面的学习来了解
前段时间遇到一个问题，就是我的个人网站需要接入第三方百度统计，因为我的文章图片有来自第三方微信后台上传的文章，所以使用<meta name="referrer" content="no-referrer">解决图片访问403的问题,但是此时这个导致我百度统计失效了，于是去查询了一下referrer这个特性。
本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。
不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论：
JS最初被设计用在浏览器中是单线程，因为如果浏览器中的JS是多线程的，会出现下面这个矛盾点：
我们都知道setTimeout是起到延迟器的作用,那么这里他的执行打印顺序为结束-完成。
如果仅仅停留在文字上的理解,个人觉得有口无心,每当屡屡面试时,这都是一个常问的话题,牵扯到的是事件的执行顺序,任务队列,在js当中对于异步处理任务,是一个非常重要知识.
利用localStorage储存js文件，只有在第一次访问该页面的时候加载js文件，以后在访问的时候加载本地localStorage执行
如果在函数返回的时候，调用者就能够得到预期结果（即拿到了预期的返回值或者看到了预期的效果），那么这个函数就是同步的。
以下是对（前端）可视化工作的并不系统的总结，新手向，主要是想说一下前端如何组成、功能如何实现、资源如何请求，进而说到数据如何显示，并在最后列举了一些十分重要的参考资料（非常重要）。
主流的js 环境都是单线程吗模式执行js 代码， js采用为单线程的原因与最开始设计初衷有关，最早是运行在浏览器端的脚本语言，目的是为了实现页面上的动态交互，实现页面交互的核心就是dom操作，这也就决定了js必须使用单线程的模式来处理，不然就会造成严重的线程同步问题。如果js多个线程同时修改dom元素，此时浏览器就无法明确以那个线程的结果为准，为了避免这种线程同步问题，所以从一开始js就被设置成了单线程模式工作。这里所说的单线程指的是javascript执行环境中负责执行代码的线程只有一个。
find()可以在所有后代元素里查找，而children()只会查找子代元素（不包括第二层级）。
主执行栈和任务队列 所有的任务可以分为同步任务和异步任务，同步任务，顾名思义，就是立即执行的任务，同步任务一般会直接进入到主线程中执行；而异步任务，就是异步执行的任务，比如ajax网络请求，setTimeout 定时函数等都属于异步任务，异步任务会通过任务队列( Event Queue )的机制来进行协调
同步（sync）是一件事一件事的执行，只有前一个任务执行完毕才能执行后一个任务。异步（async）相对于同步，程序无须按照代码顺序自上而下的执行。
很容易可以看出，上述代码会依次输出1，2。因为代码是从上到下，依次执行，执行完f1()，才会执行f2()。但是如果f1()中的代码执行的是读取文件或者ajax操作呢，文件的读取都需要一定时间，难道我们需要完全等到文件完全读完再进行写操作么？为了解决这个问题，接下来我们来探究一下js中 同步和异步 的概念。
个人博客网站欢迎交流：萤火之森：https://blog.xkongkeji.com
JS 是单线程执行的，所有 JS 代码都要放在主线程中运行。 如果把异步 IO 等耗时较长的任务也放在主线程中处理，会阻塞后续同步代码的执行，造成卡顿等现象。因此，浏览器等运行环境额外设置了异步处理线程，专门用于处理异步事件。
在callback的模型里边，我们假设需要执行一个异步队列，代码看起来可能像这样：
众所周知，javascript的最大特点就是单线程，同一时间追能做同一件事，所以为了防止主线程的阻塞，在代码执行时分为同步任务和异步任务，所有的同步任务在主线程上执行，形成执行栈，而异步任务形成一个新的任务队列，又把任务队列中的异步任务分为宏任务和微任务，虽然他们都在任务队列中，但是它们却在不同的队列中，微任务的执行优先级大于宏任务，他们的结构如图所示。
前端开发必不可少，什么是异步编程 由于javascript语言是一门“单线程”的语言，所以，javascript就像一条流水线，仅仅是一条流水线而已，要么加工，要么包装，不能同时进行多个任务和流程。 而作为前端开发，在面试与工作中相信大家一定被问过或经常需要用到异步编程，那么什么是异步编程呢？ 首先我们先区分一下什么是同步编程，什么是异步编程。 同步编程：我们都知道代码的执行顺序是自上而下执行的，那么同步就是需要每一个任务都完成以后再去执行下一个任务，执行顺序与排列顺序是一致的。坏处，只要有一个任务耗时很长
我记得尤大曾经说过，你看Vue源码干嘛？你使用Vue又不需要它的源码，你只需要会用就行了！
一、Promise并非完美 我在上一话中介绍了Promise，这种模式增强了事件订阅机制，很好地解决了控制反转带来的信任问题、硬编码回调执行顺序造成的“回调金字塔”问题，无疑大大提高了前端开发体验。但有了Promise就能完美地解决异步问题了吗？并没有。 首先，Promise仍然需要通过then方法注册回调，虽然只有一层，但沿着Promise链一长串写下来，还是有些让人头晕。 更大的问题在于Promise的错误处理比较麻烦，因为Promise链中抛出的错误会一直传到链尾，但在链尾捕获的错误却不一定清楚来源。而且，链中抛出的错误会fail掉后面的整个Promise链，如果要在链中及时捕获并处理错误，就需要给每个Promise注册一个错误处理回调。噢，又是一堆回调！ 那么最理想的异步写法是怎样的呢？像同步语句那样直观地按顺序执行，却又不会阻塞主线程，最好还能用try-catch直接捕捉抛出的错误。也就是说，“化异步为同步”！ 痴心妄想？ 我在第一话里提到，异步和同步之间的鸿沟在于：同步语句的执行时机是“现在”，而异步语句的执行时机在“未来”。为了填平鸿沟，如果一个异步操作要写成同步的形式，那么同步代码就必须有“等待”的能力，等到“未来”变成“现在”的那一刻，再继续执行后面的语句。 在不阻塞主线程的前提下，这可能吗？ 听起来不太可能。幸好，Generator（生成器）为JS带来了这种超能力！ 二、“暂停/继续”魔法 ES6引入的新特性中，Generator可能是其中最强大也最难理解的之一，即使看了阮一峰老师列举的大量示例代码，知道了它的全部API，也仍是不得要领，这是因为Generator的行为方式突破了我们所熟知的JS运行规则。可一旦掌握了它，它就能赋予我们巨大的能量，极大地提升代码质量、开发效率，以及FEer的幸福指数。 我们先来简单回顾一下，ES6之前的JS运行规则是怎样的呢？ 1. JS是单线程执行，只有一个主线程 2. 宿主环境提供了一个事件队列，随着事件被触发，相应的回调函数被放入队列，排队等待执行 3. 函数内的代码从上到下顺序执行；如果遇到函数调用，就先进入被调用的函数执行，待其返回后，用返回值替代函数调用语句，然后继续顺序执行 对于一个FEer来说，日常开发中理解到这个程度已经够用了，直到他尝试使用Generator……
JS是一门单线程语言，单线程就意味着，所有的任务需要排队，前一个任务结束，才会执行下一个任务。这样所导致的问题是：如果JS执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的觉。为了解决这个问题，JS中出现了同步和异步。他们的本质区别是：一条流水线上各个流程的执行顺序不同。在讲JS任务执行机制前，先要了解一下什么是同步任务与异步任务。
单线程是指，js在执行的时候，都只有一个线程来处理所有任务。这个线程就是js的主线程。
Promise是CommonJS提出的一种规范，在ES6中已经原生支持Promise对象。
普通客户(宏任务)依次排队，vip客户（微任务）到了之后直接插到当前正在办理的普通客户后面
这是个比较好用的功能，不管是用户还是管理员都可以即时看到最新评论并作出回应。只可惜 valine 官方并没有开发这么一个功能，秉承着自己动手丰衣足食的想法，也算是在 @Lee 的一篇 leanCloud 文章的启发下才有了使用 leanCloud 实现最新评论的思路。
我们都知道，javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初的用途来决定的：与浏览器交互。
任何东西不可能凭空出来。那么Promise，它到底是个啥？干嘛用的？为解决什么问题而出现的？咱们以这几个问题为线索，简单的说一下。为什么说是简单说一下呢？因为要详细的说那还不如直接看文档呢。 Promise是一个方案，用来解决多层回调嵌套的解决方案。它现在是ES6的原生对象。 可以把一个多层嵌套的同步、异步都有回调的方法，给拉直为一串.then()组成的调用链。 多层嵌套的回调方法中，如果同时存在同步、异步的方法，那
前言 函数作为一等对象，使得javascript这种弱类型，单线程脚本语言的异步方法极为方便，只需要一个callback，编译器就能按照我们的想法执行命令。如果只有一个简单的异步操作，我们可以稍费脑子理清执行顺序，但是如果有多个异步方法，呃，我们就可能掉进了回调陷阱，事情远远没有我们想到的那么简单，并且我们甚至还没考虑过异步中抛出的错误。 还好Promise的出现，解救了我们，这篇文章不是讲解Promise的详细使用方法，只是通过两个例子，看看Promise的优雅之处，详细资料请参考阮一峰老师 《ES6标准
最近一直在学vue和nodejs，想着React这块儿也不能太久不用忘记了，写篇博客来解决一下我当时初学React时的痛点，生命周期。
由于昨天发了一篇关于setTimeout 的文章，里面提到了 Promise ，那篇文章里没有解释Promise的用法和含义，因为昨天的我还没太懂Promise，所以没有在那篇文章继续解释Promise，然后今天的我总算是对Promise有所理解了，然后我来谈谈我学到的Promise的知识，因为是个人的理解，所以会不全面，请多包涵。
1、为什么需要模块化 在JavaScript发展初期就是为了实现简单的页面交互逻辑，网页结构并不复杂，早期简单的网页结构是类似这样的： <!DOCTYPE html> <html> <head> <title></title> <link rel="dns-prefetch" href="xxx.css"> <script type="text/javascript" src="xxx.js"></script> ... </head> <body> ... </b
HTML页面中的任意位置加上<script type="module"></script>标签即可。
loader原理loader 概念帮助 webpack 将不同类型的文件转换为 webpack 可识别的模块。loader 执行顺序了解执行顺序之前，需要先了解loader的分类pre： 前置 loadernormal： 普通 loaderinline： 内联 loaderpost： 后置 loader执行顺序4 类 loader 的执行优级为：pre > normal > inline > post 。相同优先级的 loader 执行顺序为：从右到左，从下到上。 // 此时loader执行顺序：lo
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
