皮皮网

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、解析资金盘视频源码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 优化体积、spring4.3.0源码按需加载的核心优势。

       基础概念与时间标准

       在解析源码之前，理解以下基础概念至关重要，包括时间标准、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 源码解析的第一部分，深入探讨了概念、openwrt luci修改源码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 循环优雅地实现了数组遍历，通过一个循环判断是否为数组，简化了代码逻辑。手机资讯类源码

       集合的分类型处理，将集合分为类数组集合和对象集合，通过 `_.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是最小、最简单的购物商城源码.net任意精度计算库，它的方法数量和体积都是最小的。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标签所示。

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