前几天有个同学和我说，他在看nodejs源码，但是不知道为什么需要看，也不知道从中可以学到什么。所以今天想聊一下关于阅读nodejs源码的意义。阅读其他源码也类似。
这是前端领域的转译打包工具链的第二篇文章，上篇文章讲了前端领域的各种转译器，包括 babel、tsc、terser、eslint、postcss、posthtml、swc 等，介绍了他们各自的用途和通用的原理，还有在项目中使用的 3 种方式：git hooks、ide 插件、打包工具的 loader 和 plugin。
V8是一个由Google开发的开源JavaScript引擎，用于Chrome、Node.js等环境中，作用是将JS代码编译为不同CPU(Intel, ARM以及MIPS等)对应的汇编代码。
Hello,大家好，我是一个大二计算机系的菜鸟，在这个漫长的寒假中，我完成了自己的第一个项目，基于微信小程序云开发的校园交易互助平台。下面跟大家谈一下我的理解：
原文地址：https://juejin.cn/post/6847902222009925640
自从我 对C语言有过编译原理上的实践经验 && 对js和浏览器的表层(非chromium源码级我都统称表层) 有了更深的理解后，对于JS及其相关的很多事物愈发的产生了疑惑，比如"执行上下文"、"渲染流水线"、"浏览器多进程到底怎么玩的(ipc等)"等等，网上现有的理论（包括ES官方），已经不能解决我产生的各种疑惑了。我需要的是chromium源码级的解释！！
浏览器内核（Rendering Engine），常见的叫法如：排版引擎、解释引擎、渲染引擎，现在流行称为浏览器内核。
昊昊是一个前端工程师，最近涉及到工程化领域，想了解一些编译的知识。恰好我比他研究的早一些，所以把我了解的东西给他介绍了一遍，于是就有了下面的对话。
这道题输出的是 undefined，因为赋值是从左往右进行的，也就是先把 {n: 2} 赋值给 a.x 再赋值给 a。
导语 | 本文介绍了编译、解释、动静态语言等基本概念，以及V8引擎的基本流程。本文将对其进行详细阐述，希望为更多的开发者提供经验和帮助。 一、编译与解释 二进制指令就是机器码： 编译：将源代码一次性转换成目标代码的过程。执行编译过程的程序叫编译器（Compiler）。 解释：将源代码逐条转换成目标代码，同时逐条运行的过程。执行解释过程的程序叫解释器（Interpreter）。解释器一般来说就是vm，vm有两种，一种是基于堆栈，一种是基于寄存器。 编译过程大致包括词法分析、语法分析、语义分析、性能优化、生成
注意：之所以要内存的一个重要原因，是因为cpu运行太快了，如果只从硬盘中读取数据，会浪费cpu性能，所以才使用存取速度更快的内存来保存运行时的数据。（内存是电，硬盘是机械）
高级语言最终都需要编译为低级语言才能被硬件执行，越高级的语言中间的转换时间越长，效率越低，越低级的语言执行素的越快，但是由于缺少高级语言便捷的语法特性所以很难编写代码。
上周，jQuery 1.9发布。 这是2.0版之前的最后一个新版本，有很多新功能，其中一个就是支持Source Map。 访问 http://ajax.googleapis.com/ajax/libs
这是第 102 篇不掺水的原创，想要了解更多，请戳上方蓝色字体：政采云前端团队 关注我们吧～ 本文首发于政采云前端团队博客：V8 执行 JavaScript 的过程 https://www.zo
我们看到的JS都是在浏览器中或者在Node环境中运行的对吧，那不论是浏览器还是Node,负责编译并且解释执行JS代码的都是一个叫做V8的东西，所以这个问题其实就是V8引擎是怎么去运行JavaScript的，而js和C/C++/Go/Rust这类静态编译的语言不同，这些静态编译的语言通过编译器把代码变成机器码，然后在机器上运行，js呢在编译后会生成字节码，然后在v8的虚拟机上运行字节码，java和python也有自己的虚拟机实现，这些语言都将生成的字节码放在虚拟机上运行，相比于直接以机器码运行的语言，这些语言在损失了性能的同时又获得了更多功能上的遍历，然后我们回到V8引擎是如何执行JS的问题。
12 | 栈空间和堆空间：数据是如何存储的？ 这节讲解的是JavaScript的内存机制。 首先，我们知道JavaScript是弱类型动态语言。 接着，JavaScript的数据类型一共是八种:Boolean｜ String ｜ Number | Undefined | Null | BigInt | Symbol | Object 前七种为基本数据类型，他们存在栈中，后一种为引用数据类型，它存在堆中。 13 ｜ 垃圾回收：垃圾数据是如何自动回收的？ 不同语言的垃圾回收策略 通常情况下，垃圾
食堂老板：这块的知识不仅面试可能会问，学会了 JS 引擎的工作原理，可以更好的理解 JavaScript、更好的理解前端生态中 Babel 的词法分析和语法分析，ESLint 的语法检查原理以及 React、Vue 等前端框架的实现原理。总之，学习引擎原理可谓是一举多得。
计算机只能执行二进制文件，但是如果人工使用二进制编写代码，无疑是非常困难的，需要付出巨大的成本。 学过 C++ 或者 Java 的都知道，使用这两种预约编写的源码文件要运行，必须先进行编译，编译就是将源码转成二进制的机器码的过程。 执行编译的工具是一个特殊的软件，我们叫它为编译器（Compiler）。 编译器识别代码中的词汇、句子以及各种特定的格式，并将他们转换成计算机能够识别的二进制形式，这个过程就是编译（Compile）。
大神Fabrice Bellard发布了一个新的JS引擎QuickJS，可以将JavaScript源码转换为C语言代码，然后再使用系统编译器(gcc或者clang)生成可执行文件。
1.渲染引擎: 用来解析HTML与CSS，俗称内核，比如chrome浏览器的blink，老 版本的webkit
用来解析HTML与css，俗称内核，比如Chrome浏览器的blink，老版本webkit
☁ 背景介绍 今天在网站后台的文章列表进行添加视频的测试操作时，发现上传后页面显示空白 然后通过网上资源查询和测试，在此做一下笔记，希望能帮到各位… ♘ 解决方案、分析 > 注意： 测试的视频格式
混淆 obfuscate/garble：替换变量名或方法名，让js不容易看懂。也做到了压缩的效果。
Esbuild 是一个非常新的模块打包工具，它提供了与 Webpack、Rollup、Parcel 等工具「相似」的资源打包能力，却有着高的离谱的性能优势：
本期精读文章 《Compilers are the New Frameworks》
JavaScript 的运行原理，是我面试的时候经常会问到的问题，但是根据过往的面试结果来看，这部分能理解的很清楚的不足 20%，大多数同学热衷于去学习一些 Vue、React 这样的框架，以及一些新的 API，却忽视了语言的根本，这是个非常不好的现象。
目录: 一、为什么要对JS代码进行保护？ 二、js代码保护前世今生 三、js虚拟保护方案与技术原理 四、总结
我持续组织了近一年的源码共读活动，感兴趣的可以 点此扫码加我微信 ruochuan12 参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外：目前建有江西|湖南|湖北籍前端群，可加我微信进群。
本文介绍了如何使用 Vue2 和 VueRouter2 结合 Webpack 和 Axios 来实现一个基本的个人博客系统。作者还根据实际开发经验，分享了如何集成使用 UEditor 编辑器以及如何在 Vue2 的项目中使用 Element UI 进行前端界面的开发。此外，文章还介绍了一些重要的配置和注意事项，为开发者提供了一份实用的参考文档。
本文会讲 JS 引擎的编译流水线、渲染引擎的渲染流程，然后引入为什么需要 event loop。
周六了，总是忍不住想放飞下自己。于是就试玩了一会大西瓜合成的小游戏，结果愣是停不下来，有点上头啊。
“关注 前端开发社区 ，回复“ 1” 即可加入 前端技术交流群，回复 “ 2” 即可免费领取500G前端干货！
上篇介绍过JavaScript引擎的历史，《JS引擎(0):起底各种JavaScript引擎群雄争霸之路》
Tl;dr 构建一个监视应用程序执行情况的工具不再是很困难了。Node.js中Async Hooks API和Performance Hooks API最近增加了两个，允许任何人只需一些代码就可以密切关注他们的应用程序的性能。这篇文章解释了构建这样一个工具的关键要素，从编写代码到以清晰的可视化报告收集的数据。 最终的项目在Github上可用，并具有以下特点： 1.一个简单的性能监控代理 2.基于Express和MongoDB的测试应用程序 介绍 在生产中运行Web应用程序时，性能很重要。缓慢的Web
之前啊我们公众号的内容要求可严了，要么技术上有原创性，要么是程序员小哥哥们自己实践经验的总结。可是你们知道吗，美团技术同学都可爱学习了，内部Wiki里积累了好多好多深入研究和学习性的技术文章。美美一直觉得这些对其他公司的工程师小哥哥也是好东西，所以就和院长说选出一些能对外分享的，开个新专栏吧。围着他说啊说啊好半天，他老人家终于同意啦~~
动态化作为移动客户端技术的一个重要分支，一直是业界积极探索的方向。目前业界流行的动态化方案，如Facebook的React Native，阿里巴巴的Weex都采用了前端系的DSL方案，而它们在iOS系统上能够顺利的运行，都离不开一个背后的功臣：JavaScriptCore（以下简称JSCore），它建立起了Objective-C（以下简称OC）和JavaScript（以下简称JS）两门语言之间沟通的桥梁。无论是这些流行的动态化方案，还是WebView Hybrid方案，亦或是之前广泛流行的JSPatch，JSCore都在其中发挥了举足轻重的作用。作为一名iOS开发工程师，了解JSCore已经逐渐成为了必备技能之一。
JS 实在是太酷了（认真脸），那你有没有想过机器是怎么解析 JS 代码的？作为一个 JS 开发者，一般我们不需要直接跟编译器打交道，但是如果可以了解其中的基本原理，相信会对以后的工作和学习都有帮助的！
去年 12 月份开始接触 vue ，到现在我发现真的要多练习，对于语法和 API 的了解才更加深刻，结合小 demo 看，所有的东西都变得通俗易懂啦。请相信，语言只是一种工具，核心依旧是编程思想，所以学习并不难
NPM是Node.js的包管理工具，随着Node.js的出现，以及前端开发开始使用gulp、webpack、rollup以及其他各种优秀的编译打包工具（大多数采用Node.js来实现），大家都开始接触到一些Node.js，发现了使用NPM来管理一些第三方模块会很方便。 大家搬砖的模式也是从之前的去插件官网下载XXX.min.js改为了npm install XXX，然后在项目中require或者import。
动人js一段时间，我认为事情仅仅是一个很肤浅的理解。是非常欠缺的。所以開始使用博客来对这一部分的知识做个慢慢的记录和积累。
JavaScript 中的数组有很多特性：存放不同类型元素、数组长度可变等等，这与数据结构中定义的数组结构或者C++、Java等语言中的数组不太一样，那么JS数组的这些特性底层是如何实现的呢，我们打开V8引擎的源码，从中寻找到了答案。V8中对数组做了一层封装，使其有两种实现方式：快数组和慢数组，快数组底层是连续内存，通过索引直接定位，慢数组底层是哈希表，通过计算哈希值来定位。两种实现方式各有特点，有各自的使用情况，也会相互转换。
虽然 Babel 团队在各种哭穷，但是 Babel 始终是我们前端在开发中不可或缺的重要工具。 虽然我们只是 API 调用工，但是多了解一些总是会有好处的嘛 ☄️☄️☄️
最近开始涉及 JS 的解析和处理工作，所以专门研究了下这块。特别是动态类型的处理以及不同引擎对于平台无关的字节码的设计和处理会有很大的帮助。
vue脚手架的作用是用来自动一键生成vue+webpack的项目模版，包括依赖库，免去你手动安装各种插件，寻找各种cdn并一个个引入的麻烦。vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。vue-cli是有Vue提供的一个官方cli，专门为单页面应用快速搭建繁杂的脚手架。它是用于自动生成vue.js+webpack的项目模板，是为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载，保存时 lint 校验，以及生产环境可用的构建版本是一个快速构建 vue 项目的工具，通过他，我们可以将 vue 所需要的插件安装完成。vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK。
布兰登·艾奇（Brendan Eich，1961 年～），10 天完成 JavaScript 设计。
基于现在的程序员工作模式(模块化开发，只需要拿到需求做自己的部分)，别说看源码，甚至就连项目里的代码都懒的去看，我认识的很多程序员就是这样的，一个项目摸了两三年，你要问他项目中 webpack 都干了哪些事情，他的回答是不知道，反而趾高气扬的告诉你，那些他从来都用不上，看了也没什么用，也看不懂，这里省略内心千字脏文。
一位过来的老鸟程序员总结了自己多年的程序员经历，把程序员分为以下五类： 补漏型：当哪里出现差错的时候他会迅速的修补 完美主义强迫症型：“你想对我的代码做什么！” 反编程型：“我是一个程序员，但是老子不写代码！” 半吊子型：“你还想怎样？它已经能工作了不是吗？” 理论型：“好吧，这样是可行的，但事实上还有一个更好的选择。” 就个人而言，我认为自己是一个完美主义型。那么，你是哪一种呢？欢迎在评论中写下你的观点。 由于原文是英文，大家可看热心的CSDN用户赖信涛对此文的编译：五种类型的程序员。 一、 你已经毁
包括地址栏、后退/前进按钮、书签目录等，也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分
Vue.js 设计的初衷就包括可以被渐进式地采用。这意味着它可以根据需求以多种方式集成到一个项目中。
编程：就是让计算机为解决某个需要解决的问题而使用某种程序设计语言编写的代码，并最终得到我们想要的结果。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
