Node 中的事件循环比起浏览器中的 JavaScript 还是有一些区别的，各个浏览器在底层的实现上可能有些细微的出入；而 Node 只有一种实现，相对起来就少了一些理解上的麻烦。
大多数前端开发者对于loader可能都清楚它存在两个执行阶段normal和pitch阶段，但是大多数同学对于pitch loader的理解仅仅停留在：
构建工具有很多，比如Npm Script任务执行者、Grunt也是任务执行者、Gulp基于流的自动化构建工具、Fis3百度构建工具、Webpack打包模块化JavaScript工具和Rollup模块打包工具。
通过对以下 10 个面试题的分享，助您更好的理解 Node.js 的事件和 EventLoop 相关知识
Node.js 做为 JavaScript 的服务端运行时，主要与网络、文件打交道，没有了浏览器中事件循环的渲染阶段。
从 v9.1 开始，在 V8 中默认启用顶级 await，并且在没有 --harmony-top-level-await 配置的情况下也是可以用的。
深度优先，前、中、后遍历顺序，就是组合[根左右]，移动根的位置，根左右、左根右、左右根，但是我即使代码会写了，还是搞不明白这个根左右与遍历的关系毛线头在哪里，特别是中序遍历的左根右，
题目的答案提供了一个思考的方向，答案不一定正确全面，有错误的地方欢迎大家请在评论中指出，共同进步。
昊昊是一个前端工程师，最近涉及到工程化领域，想了解一些编译的知识。恰好我比他研究的早一些，所以把我了解的东西给他介绍了一遍，于是就有了下面的对话。
这段代码的意思是通过 ReactDOM.render() 方法将 h1 包裹的JSX元素渲染到id为“root”的HTML元素上. 除了在JS中早已熟知的 document.getElementById() 方法外, 这段代码中还包含两个知识点:
本周精读的文章是 V8 引擎 Lazy Parsing，看看 V8 引擎为了优化性能，做了怎样的尝试吧！
面试经典题——URL加载 一、涉及基本知识点： 1. 计算机网络 五层因特尔协议栈： 应用层（dns、http）：DNS解析成IP并完成http请求发送； 传输层（tcp、udp）：三次握手四次挥手模式建立tcp连接； 网络层（IP、ARP）：IP寻址； 数据链路层（PPP）：将请求数据封装成帧； 物理层：利用物理介质传输比特流（传输的时候通过双绞线、电磁波等） OIS七层框架:多了两层即，会话层（处理两个通信系统中交换信息的表示方式）和表示层（管理不同用户和进程之间的对话）。 get和post的
今天，我们继续「前端面试」的知识点。我们来谈谈关于「JavaScript」的相关知识点和具体的算法。
JavaScript总是给人以惊喜，学习不止，进步不断，今天继续补充JS容易搞错的几道笔试/面试题，为了秋招继续努力，欢迎一起为秋招努力的小伙伴共勉。
在等概率的情况下，顺序表插入一个结点需要平均移动n/2个结点。删除一个结点需要平均移动(n-1)/2个结点。具体的移动次数取决于长度n和位置i，两者越近，移动的越少。
在我们前面理解了作用域之后，“作用域链”这个概念就产生了。那么作用域链是什么意思，它又是怎么形成的，跟哪些概念有关系，这就是我接下来几章想和大家探讨的内容：执行上下文、变量对象和作用域链。根据顺序我们也可以看出来，想要理解作用域链，执行上下文是我们碰到的第一个坎。
今天的文章来得晚了一点，就是为了等这个视频，给我们自己的大会做个小推广～ 腾讯 TWeb 前端技术大会，将于 10 月 24 日 9 点正式举办！线上直播票限时优惠进行中，请点击下方视频内链接报名参会，了解业界领先技术方向与实践，一起跟大厂技术大咖交流～ 1. 引言 在使用 React 之前，不知道小伙伴们有没有遇到过 更新卡顿 的问题，如下为 React 应用更新时的火焰图，JS 执行 287 ms 后，渲染任务才开始（25.4ms）。 主流浏览器刷新频率为 60Hz，即每 16.6ms 浏览器刷新一
常见的并发模型是并行工作者模型，任务分配给多个工作者，每个工作者完成整个任务，常说的 C 语言的多线程就是这种模型，它的工作模式如下图。
现状 目前我们对异步回调的解决方案有这么几种：回调，deferred/promise和事件触发。回调的方式自不必说，需要硬编码调用，而且有可能会出现复杂的嵌套关系，造成“回调黑洞”；deferred/promise方式则对使用者而言简洁明了，在执行异步函数之前就已经构造好了执行链--then链，而且实现也很灵活，具体可参考Promise的实现；事件机制则是一种观察者模式的实现，但也必须硬编码在异步执行的函数中，当异步函数执行完毕后再trigger相关事件，而观察者则相应执行事件处理函数。 注意，刚刚提到了
a）首先会搜索浏览器自身的DNS缓存（缓存时间比较短，大概只有1分钟，且只能容纳1000条缓存）
先前有一次做uni-app的js接口对接时，遇到过这样的情况，在for循环里，调用一个异步请求时，返回来的值顺序是乱的，因此，在以下的代码里，push到数组里的值，每次的顺序可能都是不一样的，造成这样一个原因，是for循环是单线程的，异步请求是多线程的，f往往在for循环结束了，异步请求还没有结束。
我们知道React团队在16版本重写了整个reconciler架构，将之前的stack版本改为了fiber版本，这个过程React团队经历了2年时间，可以说是非常大的一个更新了。
对于 javascript 中含有必要的大量计算的情况，如果是异步计算可以使用 WebWorker另外开一个进程来解决。 对于同步计算，WebWorker就力不从心了。
无论是浏览器端还是服务端Node.js，都在使用EventLoop事件循环机制，都是基于Javascript语言的单线程和非阻塞IO的特点。在EventLoop事件队列中有宏任务和微任务队列，分析宏任务和微任务的运行机制，有助于我们理解代码在浏览器中的执行逻辑。
直接上内容: 首先是首页结构: <C/> <E/> <D/> 在index中有3个子组件,在3个组件的生命周期component
1. 栈是什么？图片一种先进后出的数据结构；JavaScript没有栈的结构；可以用array实现栈的功能入栈 push(x);出栈 pop();图片const stack = [];// 入栈 stack.push(1);stack.push(2);// 出栈const item1 = stack.pop();const item2 = stack.pop();2. 什么场景下用栈所有后进先出的结构。2.1 十进制转换为二进制：最后余数要倒叙输出才是正确二进制；图片后出来的余数反而要排到前面把余数依次入栈
defer 是“渲染完再执行”，async 是“下载完就执行”，defer 如果有多个脚本，会按照在页面中出现的顺序加载，多个async 脚本不能保证加载顺序
如果你是前端程序员的话，相信你会和我 有 一样的感概 ‘ 前端个 丫的， 技术更新太快了， 老子学不动了’ 但是现实谁会管你哈，学不动回家养猪去。😭 现在面试除了基础的前端 三大框架外，你还必须得掌握 webpack等前端自动化构建工具。 心想一个前端框架就够学得了,你TM 还出一个 Webpack 来霍霍我们。😱 哎，谁让我们是前端程序员呢，前端技术更新迭代快,这谁也掌控不了,只有紧跟时代,我们技术人才不会被抛弃吧。 小伙伴们的心声 ◆ ◆ ◆ 兄弟们，干就好了 Webpack 入门 W
自顶而下一般采用递归下降方式处理，称为 LL(k)，第一个 L 是指从左到右分析，第二个 L 指从左开始推导，k 是指超前查看的数量，如果实现了回溯功能，k 就是无限大的，所以带有回溯功能的 LL(k) 几乎是最强大的。LL 系列一般分为 LL(0)、LL(1)、LL(k)、LL(∞)。
链接：https://juejin.im/post/5b9770056fb9a05d2f3692ce
随着前端的发展，web的交互越来越复杂，自动化测试是非常有必要融入到开发的流程中，而目前界内普遍通用且比较火的就是有 facebook开发的 Jest 这套工具。他可以创建测试用例，执行测试，自身还有驱动和mock，且用起来也是很方便，正如 jest 的官网这样描述 jest，Jest is a delightful JavaScript Testing Framework with a focus on simplicity.
树这种数据结构包括根节点root，左右节点，子树中又有父节点，子节点，兄弟节点，没有子节点的成为叶子节点，树分为二叉树和多叉树
本小节会带领大家快速过一遍数据结构和算法，重点讲解一些常考、前端会用到的算法和数据结构。
在上一篇文章的最后，我们走到了mountComponentIntoNode，它通过调用ReactReconciler.mountComponent来获取Markup，这个也是React执行挂载的核心入口，源码位于src/renderers/shared/stack/reconciler/ReactReconciler.js：
在前面一篇文章中《模块化系列》彻底理清 AMD,CommonJS,CDM,UMD,ES6 我们可以学到了各种模块化的机制。那么接下里我们就来分析一下 webpack 的模块化机制。（主要讲 JS 部分）
点击代码，然后按ctrl+f 或 command+f 调出搜索框。搜索支持 关键词、css表达式、xpath
11、前端技术体系 （1）多版本/覆盖 时间戳 发布新版本回滚 （2）ssr & 同构 （3）webpack vendor：commonchunk external:全局变量 默认css处理
在 React Fiber 架构面世一年多后，最近 React 又发布了最新版 16.8.0，又一激动人心的特性：React Hooks 正式上线，让我升级 React 的意愿越来越强烈了。在升级之前，不妨回到原点，了解下人才济济的 React 团队为什么要大费周章，重写 React 架构，而 Fiber 又是个什么概念。
为了更好的理解 React Fiber, 我们先简单了解下渲染器进程的内部工作原理。
JavaScript是单线程运行的。在浏览器环境中，他需要负责页面的JavaScript解析和执行、绘制、事件处理、静态资源加载和处理。而且只能一个任务一个任务的执行，如果其中某个任务耗时很长，那后面的任务则执行不了，在浏览器端则会呈现卡死的状态。
var $p= $('p')新建一个jquery对象，一般在新建jquery对象的时候，加上一个$，以便好认。
通过栈和队列的学习，我们似乎会感觉到其实数据结构还是非常简单的嘛。当然，这只是一个开始，我们从顺序表、链表开始，到现在的栈和队列，其实都是为了将来在铺路。在树和图的遍历算法中，都可以见到栈和队列的身影。在这里，我们先简单的看看栈和队列的一些实际应用。
总括: 本文介绍了尾调用，尾递归的概念，结合实例解释了什么是尾调用优化，并阐述了尾调用优化如今的现状。
本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
2020年09月18日，vue3.0正式发布。随着它的发布，Vue.js再次被推上了前端的风口浪尖。 同时，面试官的提问也将加入一些有关Vue3.0的新元素（相信近期去面试的小伙伴或多或少都会被问到Vue3.0的知识点）。
第一题应该是最简单的，提这个问题，也是想让候选人不那么紧张，因为但凡用过 Vue.js，多少知道v-show 和 v-if 的区别，否则就没得聊了。不过这最简单的一道题，有三个层次，我会逐一追问。首先，基本所有人都会说到：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
