源码
11篇文章 · 0订阅
  • PixiJS 源码揭秘 - 4. 深入理解渲染系统
    PixiJS作为一个高性能的2D渲染引擎，凭借其强大且灵活的渲染系统，使开发者得以创造出色的图形和动画效果。在现代Web应用程序和游戏开发中，选择适当的渲染器和理解其工作原理是至关重要的。
    前端 JavaScript Canvas
  • 前端工程师必备：前端的模块化
    避免命名冲突：JavaScript本身是没有命名空间，经常会有命名冲突，模块化就能使模块内的任何形式的命名都不会再和其他模块有冲突。 更好的依赖处理：使用模块化，只需要在模块内部申明好依赖的就行，增加删除都直接修改模块即可，在调用的时候也不用管该模块依赖了哪些其他模块。 模块成…
    JavaScript
  • 「中高级前端面试」JavaScript手写代码无敌秘籍
    1. 实现一个new操作符 它创建了一个全新的对象。 它会被执行[[Prototype]]（也就是__proto__）链接。 它使this指向新创建的对象。。 通过new创建的每个对象将最终被[[Prototype]]链接到这个函数的prototype对象上。 如果函数没有返回…
    JavaScript 面试
    「中高级前端面试」JavaScript手写代码无敌秘籍
  • 使用Vue的nextTick引发的执行顺序之争
    在Vue中有一个nextTick方法，偶然一天，我发现不管代码的顺序如何，nextTick总是要比setTimeout先要执行。同样是排队，凭什么你nextTick就要比我快？ 开局一道题，内容全靠编。（在node下运行，答案在文末给出。） 这道题想必大家都见得很多了，答案脱口…
    Node.js Vue.js JavaScript
  • 换个角度看 JavaScript 中的 (this) => { 整理 (JavaScript 深入之从 ECMAScript 规范解读 this ) }
    文中的 ES5 规范是参考 颜海镜大大 的译本，也在这里表示感谢。 那为什么还有这篇文章呢？因为很多的同学在冴羽大大的博客下评论没有看懂，我也是其中的一员，于是我决定要弄明白为什么，现在也把我的一些整理分享出来，希望对大家也有帮助。 再啰嗦一句，对于知道了各种情况下 this …
    JavaScript 前端
    换个角度看 JavaScript 中的 (this) => { 整理 (JavaScript 深入之从 ECMAScript 规范解读 this ) }
  • 面试官: 你对虚拟DOM原理的理解?
    Virtual DOM是对DOM的抽象,本质上是JavaScript对象,这个对象就是更加轻量级的对DOM的描述. 首先,我们都知道在前端性能优化的一个秘诀就是尽可能少地操作DOM,不仅仅是DOM相对较慢,更因为频繁变动DOM会造成浏览器的回流或者重回,这些都是性能的杀手,因此…
    面试 前端
  • 【Node】详解模块的实现过程
    CommonJS 定义了 module、exports 和 require 模块规范，Node.js 为了实现这个简单的标准，从底层 C/C++ 内建模块到 JavaScript 核心模块，从路径分析、文件定位到编译执行，经历了一系列复杂的过程。简单的了解 Node 模块的原理…
    Node.js JavaScript
  • 细读《你不知道的JavaScript·上卷》1-1 作用域是什么？
    通常，把 JavaScript 归类为 “ 动态 ” 或 “ 解释执行 ” 的语言，但是事实上它是一门 编译语言，不提前编译，编译结果也不在分布式系统中进行移植。 传统编译语言，在执行之前的三个步骤，统称为 “ 编译 ” 。 将有字符组成的字符串分解成（对编程语言来说）有意义的…
    JavaScript
  • AMD, CMD, CommonJS 和 UMD
    今天由于项目中引入的 echarts 的文件太大，requirejs 经常加载超时，不得不分开来加载 echarts 的各个图表。但是使用 echarts 自带的在线构建工具生成的支持 AMD 标准的模块报错，所以不得不使用 echarts 的全局函数，使用 requirejs 的 shim 进行加载。借此机会学习一下 AMD, CMD, CommonJS 和 UMD 各自的规范，和它们之间的区别。
    JavaScript