这个就涉及到JavaScript事件轮询中的宏任务和微任务。那么，你能说清楚到底宏任务和微任务是什么？是谁发起的？为什么微任务的执行要先于宏任务呢？
Docker 容器环境下 Node.js 应用程序的优雅退出，也就是在程序意外退出之后服务进程要接收到 SIGTERM 信号，待当前链接处理完成之后再退出，这样是比较优雅的，但是在 Docker 容器中实践时却发现容器停掉时却发生了一些异常现象，服务进程并没有接收到 SIGTERM 信号，然后随着容器的销毁服务进程也被强制 kill 了，显然当前正在处理的链接也就无法正常完成了。
Dcoker 容器环境下 Node.js 应用程序的优雅退出，也就是在程序意外退出之后服务进程要接收到 SIGTERM 信号，待当前链接处理完成之后再退出，这样是比较优雅的，但是在 Docker 容器中实践时却发现容器停掉时却发生了一些异常现象，服务进程并没有接收到 SIGTERM 信号，然后随着容器的销毁服务进程也被强制 kill 了，显然当前正在处理的链接也就无法正常完成了。
首先看一张访问TT猫首页的截图： 1.png 测试环境为谷歌浏览器，暂且不讨论其它浏览器，截图下方我们可以观察到以下参数： DOMContentLoaded：1.42s | Load：2.31s 以上
以上参数是在CTRL+F5下测试的，也就是说不存在浏览器本地缓存一说，DOM渲染时间为1.42s，整个页面load时间为2.31s。
推特上大约一半的回答都是错误的。答案并不是 V8（或者虚拟机）！！虽然“JavaScript”计时器” 很出名，但是 setTimeout 和 setInterval 函数并不是 ECMAScript 规范或者任何 JavaScript 引擎实现。定时器由浏览器实现，在不同浏览器中的实现也会有所不同，Node.js 也实现了自己的定时器。
2、值得注意的是在js代码解析的过程中页面中其他内容将不会被加载和解析，直到该段js执行完成。
协程可以将一个方法转换为多个帧执行,yield return可以将其拆分成多段执行。
看到这个标题就懵了， 你会有以下几个问题：什么是防抖？ 什么是节流？ 如何使用防抖？ 如何使用节流？ 什么时候需要用到防抖和节流？ 为什么要用防抖和节流？ 那我们就围绕这几个问题来讲一讲防抖与节流的两个概念和简单应用吧~ 我会在正文中给大家逐个解答问题
主流的js 环境都是单线程吗模式执行js 代码， js采用为单线程的原因与最开始设计初衷有关，最早是运行在浏览器端的脚本语言，目的是为了实现页面上的动态交互，实现页面交互的核心就是dom操作，这也就决定了js必须使用单线程的模式来处理，不然就会造成严重的线程同步问题。如果js多个线程同时修改dom元素，此时浏览器就无法明确以那个线程的结果为准，为了避免这种线程同步问题，所以从一开始js就被设置成了单线程模式工作。这里所说的单线程指的是javascript执行环境中负责执行代码的线程只有一个。
setTimeout：在指定的毫秒数后，将定时任务处理的函数添加到执行队列的队尾。
废话开篇：小程序下有这样的一个概念，就是双引擎，意思就是 UI绘制 跟 JS 执行是在多线程环境下进行的，有人会质疑，JS 不是有异步的方法吗？不管是 setTimeout 还是 promise ，iOS 开发下在主线程开辟异步，其实是将异步任务代码块放到了主队列所有任务的最后执行的，那么，它只是调整了执行顺序，并没有开辟线程。JS 也是一样的，JS 本身就是单线程，那么，上面提到的两种方式并没有真正的开辟线程去执行任务，所以，JS 线程下的任务并没有利用 CPU 多核的优势，所有任务还是在一条线程执行的。那么实现类似小程序双引擎下执行任务的思路就是下面例子要体现的。
每隔十秒钟就执行一个命令修改文件夹的权限，这样碰巧有新的文件传上来了，根据正态分布，大概只需要等待 5 秒钟的时间就可以访问到该资源。
说到 JS 延时点击，度娘给出的结果几乎都是 js 的延迟点击 Demo，即鼠标产生一个 mousehover 事件之后，延迟多少秒执行点击动作。 本文主要分享一个带时间判断的 js 延时自动点击效果：当鼠标经过某页面元素，也就是产生一个 mousehover 事件时，触发 js 计时器，若经过指定时长后，鼠标还在这个元素上，将执行点击动作，否则计时器就清零，等待下一次的触发。 好了，说了一堆很费解的描述，一起来看下实际案例吧！ 张戈研究这个 JS 特效的原因就是，博友 ijustplay 在我博客留言，说
如果网页中存在大量的 javascript 代码会极大的影响网页的访问速度，下面就简单介绍一下如何延时加载 js 代码提高速度。
许多编程语言都有一个 sleep 函数，可以延迟程序的执行若干秒。JavaScript缺少这个内置功能，但不用担心。在这篇文章中，我们将探讨在JavaScript代码中实现延迟的各种技巧，同时考虑到该语言的异步性质。
通过前两节已知道怎么去写一个简单的 Node.js Addons 插件，包括接收参数、类型转换等，之前插件编译我们只考虑了一个平台，但是实际中我们调用 C/C++ 的一些函数，有可能会涉及到不同平台，那么在编译时也要根据平台选择编译。
那么现在有 2 个进程，process1 process2，由于是多进程的 js，所以他们对同一个 dom,同时进行操作，process1 删除了该 dom，而 process2 编辑了该 dom，同时下达 2 个矛盾的命令，浏览器究竟该如何执行呢？
跨端技术的本质是实现代码复用，减少开发者在多平台上的适配工作量，移动互联网发展至今，跨端技术经历了许多阶段，大体上可以分成如下四类：
Jquery Lazyload是一款网页图片延迟加载JS插件，本文介绍该JS的使用方法。
笔者以前面试的时候经常遇到写一堆setTimeout,setImmediate来问哪个先执行。本文主要就是来讲这个问题的，但是不是简单的讲讲哪个先，哪个后。笼统的知道setImmediate比setTimeout(fn, 0)先执行是不够的，因为有些情况下setTimeout(fn, 0)是会比setImmediate先执行的。要彻底搞明白这个问题，我们需要系统的学习JS的异步机制和底层原理。本文就会从异步基本概念出发，一直讲到Event Loop的底层原理，让你彻底搞懂setTimeout,setImmediate，Promise, process.nextTick谁先谁后这一类问题。
很多文章在介绍线程以及线程之间的关系，都存在着脱节的现象。还有的文章过于广大，涉及到了内核，本文希望以通俗易懂的话去描述晦涩的词语，可能会和实际有一丢丢的出入，但是更易理解。
createjs是一个基于canvas的制作H5游戏、动画、交互的库。包括EaselJs、TweenJs、SoundJs、 PreloadJs四个部分。它基于容器进行展示，其中根容器是stage（舞台）对象。
在本系列上一篇文章《定义和测量延迟》中，介绍了为什么延迟是OTT传输的一个问题以及如何测量端到端延迟中不同传输步骤所占的延迟比重。 本文接下来介绍可能的延迟优化，从编码，打包，CDN交付以及视频播放器这些过程，通过调整其中的参数，可以为观众提供一个经过精心优化的低延迟直播流。
作者：Tony Gentilcore 原文：http://webkit.org/blog/1395/running-scripts-in-webkit/ WebKit 正式版已经正式支持HTML5中<script>标签的 async 和 defer 属性了。如此一来，我们就能在不阻塞网页中其它元素下载的情况下，以异步方式下载JavaScript，从而大大提高了网页加载速度。 正常情况下，网页分析器检测到有外部脚本时，会暂停解析，并发起一个请求去下载该脚本，一直到这个脚本完全下载并执行之后解析才会继续进行。
简单说说时间轮吧，它是一个高效的延时队列，或者说定时器。实际上现在网上对于时间轮算法的解释很多，定义也很全，这里引用一下朱小厮博客里出现的定义：
N(>=3)年前Adobe官宣了2020年底就不支持Flash了，最近发现非常多的朋友，到了真正完全不能用时，才考虑如何逃生，一顿狂问“没有Flash了怎么播放RTMP”，“该选HTTP-FLV还是WebRTC”，“用什么播放器播HTTP-FLV”。
最近被派去维护和开发一些做了一半、年久失修的项目。有一部分内容是关于word文件导出，顺带着把excel、pdf文件的导出也调研下吧，我想未来开发我应该会遇到的，遂做了下笔记分享给需要的人。
虽然现在网络环境和电子设备变得越来越好，但是保持应用程序快速加载变得越来越困难。在本系列中，我将深入研究我们在实践中使用的Vue性能优化技术，并且您可以在Vue.js应用程序中使用它们，使应用程序快速加载并顺利执行。我的目标是让这个系列成为关于Vue应用程序性能的全面而完整的指南。
promise表示一个异步操作的最终结果。和一个promise进行交互的主要方式是通过它的then方法，该方法注册回调要么接收一个promise的最终值，要么接收promise为什么不能被满足的原因。
其实最近在不断的更新Java的知识，从基础到进阶，以及计算机基础、网络、WEB、数据库、数据结构、Linux、分布式等等内容，预期写成一个既可以学习提升又可以面试找工作的《Java成长之路》！算是对自己学习的总结（笔记），也算是一种程序猿的记忆，现在大环境那么差，万一哪天转行了，还能当做一种记忆。
https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js
"循环加载"（circular dependency）指的是，a脚本的执行依赖b脚本，而b脚本的执行又依赖a脚本。 // a.js var b = require('b'); // b.js var
“循环加载”（circular dependency）指的是，a脚本的执行依赖b脚本，而b脚本的执行又依赖a脚本。
为什么要在这个时候探索flv.js做直播呢？原因在于各大浏览器厂商已经默认禁用Flash，之前常见的Flash直播方案需要用户同意使用Flash后才可以正常使用直播功能，这样的用户体验很致命。 在介绍flv.js之前先介绍下常见的直播协议以及给出我对它们的延迟与性能所做的测试得出的数据。 如果你看的很吃力可以先了解下音视频技术的一些基础概念。 常见直播协议 RTMP: 底层基于TCP，在浏览器端依赖Flash。 HTTP-FLV: 基于HTTP流式IO传输FLV，依赖浏览器支持播放FLV。 WebSocke
for循环中出现多个异步函数（比如ajax请求，或者node后端执行一些数据库操作或文件操作），如果想要这些异步串行变为同步应该怎么做？
苹果公司的低延迟 HLS （LL HLS）的承诺是比标准 HLS 更低的延迟，并向后兼容非 LL HLS 的播放器。Mux 视频服务的承诺是“视频，在几秒钟内”。正如你将在本教程中所看到的，两家公司都达到了他们的目标，Mux 的 LL HLS 特别容易实现，延迟为 4-7 秒，比预期的要高一点，但与其他提供相同服务的公司一致。
有时候我们需要某个功能或程序延迟几秒或一段时间执行，JS 的话，使用 setTimeout 可以实现
setTimeout与setInterval是JavaScript引擎提供的两个定时器方法，分别用于函数的延时执行和循环调用。前者的主要思想是通过一个定时器，让函数在计时结束后再执行；后者则是每隔一定的时间，就启动一次函数的执行。
说明：一个redis实例可以包含多个数据库，客户端可以指定连接某个数据库（与MySql客户端我们创建多个数据库类似）一个redis实例最多可以提供16个数据库，下标是从0到15，默认连接的是第0号数据库。
当用户在浏览器中与网页进行交互时，会触发许多用户输入事件，这些事件会触发浏览器的渲染过程。
有些人呐，真是不见棺材不落泪，N(>=3)年前Adobe官宣了2020年底就不支持Flash了，最近发现非常多的朋友，到了真正完全不能用时，才考虑如何逃生，在群里一顿狂问“没有Flash了怎么播放RTMP”，“该选HTTP-FLV还是WebRTC”，“用什么播放器播HTTP-FLV”。 本文只发一次，完整解决方案再啰嗦一遍，恕我不在群里回答这种问题了，自己花时间好好看吧，身为搞直播的研发工程师，总不能火烧了眉毛才开始想办法吧，各位耗子尾汁吧。 看完视频，请看详细方案。 没有Flash了怎么做直播？ 答
上图是，在Chrome DevTools的性能分析器中，通过click事件处理程序触发的任务的描述
js是一门单线程的编程语言，也就是说js在处理任务的时候，所有任务只能在一个线程上排队被执行，那如果某一个任务耗时比较长呢？总不能等到它执行结束再去执行下一个。 所以在线程之内，又被分为了两个队列：
js是一门单线程的编程语言，也就是说js在处理任务的时候，所有任务只能在一个线程上排队被执行，那如果某一个任务耗时比较长呢？总不能等到它执行结束再去执行下一个。
常见于各种框架之中，偶现于面试环节，理解起来稍微有点难度，但是知道原理之后也就觉得：
在未知或不断变化的网络条件下的操作一直是自适应比特率流媒体系统自 1990 年代诞生以来一直试图解决的最基本挑战之一。这个挑战今天仍然存在，尽管在某种程度上简化了设置，允许使用基于 HTTP 的自适应流 (HAS) 架构。在这样的架构中，网络适配逻辑驻留在流媒体客户端中，有效地驱动媒体流片段的选择和加载。在过去的十年中，已经提出了许多先进的方法来设计流选择算法。这包括基于吞吐量的方法、基于缓冲区级别的启发式、控制理论方法以及机器学习算法。
本文讲述了如何通过优化页面加载和渲染性能来提升用户体验。首先，介绍了页面渲染的基本流程和原理，包括浏览器渲染引擎、构建渲染树、处理样式、布局、绘制等步骤。然后，从纯前端的性能优化手段出发，介绍了如何通过减少页面加载时间、减少页面渲染时间、优化页面渲染性能、合理使用缓存、减少重绘和回流等方法，来提高页面的渲染性能。最后，通过一个具体的案例，介绍了如何通过优化页面加载和渲染性能，来提升用户留存率和活跃度。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
