1.dayjs源码解析（一）：概念、源码locale、解析constant、源码utils tags
2.源代码javascript:void(0)跳转设置问题
3.Underscore源码分析_javascript技巧
4.图文剖析 big.js 四则运算源码
5.js引擎v8源码分析之Object（基于v8 0.1.5）
6.用JS解释JS！解析详解AST及其应用

dayjs源码解析（一）：概念、源码locale、解析cpu资源监控源码constant、源码utils tags

       深入剖析 Day.js 源码（一）：概念、解析locale、源码constant、解析utils

       Day.js 是源码一款轻量级的时间库，由饿了么的解析开发大佬 iamkun 维护，主打无需引入过多依赖，源码以减少打包体积的解析特性。本文将通过解析 Day.js 的源码源码，揭示其结构与功能的奥秘，旨在为开发者提供深入理解与应用 Day.js 的工具。

       目录概览

       本文将分五章展开 Day.js 的源码解析，分别从代码结构、基础概念、时间标准、语言（文化）代码以及 locale、constant、utils 的实现进行深入探讨。我们将逐步揭开 Day.js 的核心逻辑与设计思路。

       代码结构与依赖分析

       Day.js 的源代码目录结构简洁明了，主要依赖集中在入口文件 src/index.js 中。此文件依赖链简单，未直接引用 locale 和 plugin 目录下的语言包与插件，体现出 Day.js 优化体积、bfgs源码按需加载的核心优势。

       基础概念与时间标准

       在解析源码之前，理解以下基础概念至关重要，包括时间标准、GMT、UTC、ISO 等。这些标准与概念为后续分析提供了背景知识。

       时间标准解释

       格林尼治平均时间（GMT）与协调世界时（UTC）是本文中的核心时间概念。GMT 作为本初子午线上的平太阳时，而 UTC 则是基于原子时标准，与格林威治标准时间（GTM）关系密切。本文详细解释了 UTC 的定义、用途与与 0 度经线平太阳时的关系。

       ISO 标准

       ISO 是国际标准化组织推荐的日期和时间表示方法。在 JavaScript 中，Date.prototype.toISOString() 方法返回遵循 ISO 标准的字符串，以 UTC 时间为基准。

       语言（文化）代码与 locale

       不同语言对时间的描述各具特色，Day.js 通过 locale 实现了多语言支持，用户可根据需求引入相应的语言包。本文介绍了语言代码与 locale 的关联，以及如何按需加载特定语言。

       constant 与 utils

       src/constant.js 和 src/utils.js 分别负责存储常量与工具函数。constant 文件中包含了时间单位与格式化的正则表达式，而 utils.js 则封装了一系列实用工具函数，用于简化时间操作。

       总结与展望

       本文完成了 Day.js 源码解析的第一部分，深入探讨了概念、(-1101)源码locale、constant、utils 的实现。接下来，我们将分析 Day.js 的核心文件 src/index.js，解析 Dayjs 类的实现细节。欢迎关注后续内容，期待与您共同探索 Day.js 的更多奥秘。

源代码javascript:void(0)跳转设置问题

       跳转的方式有：

       <a href="">形式；

       window.open('');

       window.location.href = '';

       你看上去是第一种形式，开发者很可能是在你点击的目标上添加了单击的监听事件，在事件里用其他形式进行了跳转。

       你需要用其他调试手段进行捕获。

Underscore源码分析_javascript技巧

       JavaScript，一种类C的语言，以其灵活性和广泛的应用范围，逐渐成为了开发者们不可或缺的工具。随着全栈开发概念的兴起，JavaScript 的地位更是不可小觑。

       在JavaScript的集合操作中，`_.forEach` 是一个原生方法，它能对所有集合执行迭代操作。`optimizeCb` 函数根据传入迭代函数的参数个数，绑定合适的执行环境，如 `forEach` 方法接受三个参数（值，索引，集合）。`_.map` 利用 for 循环优雅地实现了数组遍历，通过一个循环判断是否为数组，简化了代码逻辑。sdrsharp源码

       集合的分类型处理，将集合分为类数组集合和对象集合，通过 `_.isArrayLike` 函数进行判断。`_.keys` 函数实现了对象属性的枚举，使用 for in 结合 `hasOwnProperty()` 方法实现，简洁高效。

       相似的原理适用于 `_.map` 和 `_.reduce` 方法，而 `_.find` 则寻找满足条件的第一个元素，不同于 `Array.some()` 的布尔值返回。

       集合转换为数组的逻辑依赖于数据类型。JavaScript 有严格的数据类型区分，如数组、对象等。在 Underscore 中，`Collections` 和 `Arrays` 分开处理，是为了提供更加灵活和高效的实现策略。这涉及对不同数据结构特性的理解和利用，如数组的快速访问和修改特性。

图文剖析 big.js 四则运算源码

       big.js是一个小型且高效的JavaScript库，专门用于处理任意精度的十进制算术。

       在常规项目中，算术运算可能会导致精度丢失，从而影响结果的准确性。big.js正是为了解决这一问题而设计的。与big.js类似的库还有bignumber.js和decimal.js，它们同样由MikeMcl创建。

       作者在这里详细阐述了这三个库之间的区别。big.js是最小、最简单的ociuldr源码任意精度计算库，它的方法数量和体积都是最小的。bignumber.js和decimal.js存储值的进制更高，因此在处理大量数字时，它们的速度会更快。对于金融类应用，bignumber.js可能更为合适，因为它能确保精度，除非涉及到除法操作。

       本文将剖析big.js的解析函数和加减乘除运算的源码，以了解作者的设计思路。在四则运算中，除法运算最为复杂。

       创建Big对象时，new操作符是可选的。构造函数中的关键代码如下，使用构造函数时可以不带new关键字。如果传入的参数已经是Big的实例对象，则复制其属性，否则使用parse函数创建属性。

       parse函数为实例对象添加三个属性，这种表示与IEEE 双精度浮点数的存储方式类似。JavaScript的Number类型就是使用位二进制格式IEEE 值来表示的，其中位用于表示3个部分。

       以下分析parse函数转化的详细过程，以Big('')、Big('0.')、Big('e2')为例。注意：Big('e2')中e2以字符串形式传入才能检测到e，Number形式的Big(e2)在执行parse前会被转化为Big()。

       最后，Big('')、Big('-0.')、Big('e2')将转换为...

       至此，parse函数逻辑结束。接下来分别剖析加减乘除运算。

       加法运算的源码中，k用于保存进位的值。上面的过程可以用图例表示...

       减法运算的源码与加法类似，这里不再赘述。减法的核心逻辑如下...

       减法的过程可以用图例表示，其中xc表示被减数，yc表示减数...

       乘法运算的源码中，主要逻辑如下...

       描述的是我们以前在纸上进行乘法运算的过程。以*为例...

       除法运算中，对于a/b，a是被除数，b是除数...

       注意事项：big.js使用数组存储值，类似于高精度计算，但它是在数组中每个位置存储一个值，然后对每个位置进行运算。对于超级大的数字，big.js的算术运算可能不如bignumber.js快...

       在使用big.js进行运算时，有时没有设置足够大的精度会导致结果不准确...

       总结：本文剖析了big.js的解析函数和四则运算源码，用图文详细描述了运算过程，逐步还原了作者的设计思路。如有不正确之处或不同见解，欢迎各位提出。

js引擎v8源码分析之Object（基于v8 0.1.5）

       在V8引擎中，Object是所有JavaScript对象在底层C++实现的核心基类，它提供了诸如类型判断、属性操作和类型转换等公共功能。

       V8的对象采用4字节对齐，通过地址的低两位来识别对象的类型。作为Object的子类，堆对象（HeapObject）有其独特的属性，如map，它记录了对象的类型（type）和大小（size）。type字段用于识别C++对象类型，低位8位用于区分字符串类型，高位1位标识非字符串，低7位则存储字符串的子类型信息。

       对于C++对象类型的判断，V8引擎定义了一系列宏。这些宏包括isType函数，用于确定对象的具体类型。此外，还有其他函数，如解包数字、转换为smi对象、检查索引的有效性、实现JavaScript的IsInstanceOf逻辑，以及将非对象类型转换为对象（ToObject）等。

       对于数字处理，smi（Small Integers）在V8中用于表示整数，其长度为位。ToBoolean函数用于判断变量的真假，而属性查找则通过依赖子类的特定查找函数来实现，包括查找原型对象。

       由于后续分析将深入探讨Object的子类和这些函数的详细实现，这里只是概述了Object类及其关键功能的概览。

用JS解释JS！详解AST及其应用

       理解AST及其应用

       AST，即抽象语法树，是编程语言解析过程中的重要组成部分。它通过树状结构表示源代码的语法结构，为后续代码分析和处理提供便利。在开发过程中，AST及其相关工具如Babel、ESLint等，广泛应用于代码优化、代码生成、代码理解与分析等多个环节。

       理解AST，首先要明白其工作流程。它从源代码开始，通过解析器将其转换为AST树，这一过程可以借助工具如astexplorer.net进行可视化预览。在AST树中，源代码的结构以节点形式展现，为后续操作提供了基础。

       以代码压缩为例，通过使用AST进行操作，可以避免暴力转换带来的潜在问题。通过定义Identifier visitor遍历AST树，针对特定条件进行转换，既解决了字符串匹配问题，又避免了与全局变量冲突的风险。优化代码逻辑，确保在不同场景下都能正确处理。

       AST的核心在于其API的使用。通过@babel/parser将源代码转为AST，@babel/traverse进行遍历和修改，@babel/generator生成修改后的代码，@babel/types用于创建和判断AST节点。这些API协同工作，为代码的解析、转换与生成提供了强大支持。

       在自定义规则上，AST也展现出其灵活性。ESLint等工具通过理解和操作AST，实现了对代码的静态分析和错误检测，提升了代码质量和开发效率。

       针对JSX语法的理解，同样依赖于AST。JSX作为JavaScript的扩展语法，通过将其转换为JavaScript代码，可以在不同环境（如Web端和小程序端）进行组件化开发，实现了跨平台的交互式UI构建。

       总结AST应用，从代码优化、静态分析到跨平台开发，AST及其相关工具在现代软件开发中扮演着不可或缺的角色。理解AST的核心原理，不仅可以提升代码处理效率，还能在实际项目中灵活运用，解决各种复杂问题。

iScroll5.2源码与知识点解析(一)-代码结构

       iScroll5.2源码与知识点解析(一)-代码结构

       iScroll是一个著名的JavaScript库，专为解决浏览器滚动体验不佳的问题。本文将深入剖析iScroll5.2.0版本的源码，并介绍其中关键知识点。

       IScroll的核心代码结构清晰明了:

Wrapper（外部容器）: 类似一个固定大小的窗口，内容（Scroller）在其内部滚动，始终保持窗口不动，内容动态变化。

Scroller: 实际的滚动部分，用户操作时，scroller的位置会随之调整，实现滚动效果。

Indicator: 显示当前显示内容的位置，帮助用户理解滚动进度。

Scrollbar: 滚动槽，提供视觉反馈，让用户知道滚动范围。

       以官方提供的最简iScroll初始化代码为例，wrapper的id为"wrapper"，其第一个子元素即为scroller，如ul标签所示。

       关于更深入的细节和实现原理，下一篇文章将为您继续解析。敬请期待!