皮皮网

1.Unity JSON编码解码 之 LitJson 深度剖析
2.聊聊 Boolean、源码== 和 ===
3.iScroll5.2源码与知识点解析(一)-代码结构
4.Vue 2.0 源码解析：深入剖析模板编译原理与实 现步骤
5.Unity JSON编码解码之LitJson 深度剖析
6.dayjs源码解析（一）：概念、剖析locale、源码constant、剖析utils tags

Unity JSON编码解码 之 LitJson 深度剖析

       JSON，源码即JavaScript Object Notation，剖析源码输出的盒子是源码一种轻量级的数据交换格式，它基于ECMAScript标准，剖析以文本形式表示数据，源码易于人读和机器解析，剖析提高网络传输效率。源码基本数据类型包括Boolean、剖析Double、源码Float、剖析Int、源码Long和String，而Object和Array则作为容器，可嵌套其他类型的数据。

       编码（序列化）过程是将编程语言中的数据对象转换为JSON文本，解码（反序列化）则是解析JSON文本，识别数据类型，如识别花括号{ }表示对象，方括号[]表示数组。Unity C#中， LitJson库常用于处理JSON的编码和解码。

       在Unity项目中使用LitJson，步骤简单：首先，将库下载并添加到项目中；然后，定义一个测试数据对象，如GameItem，进行编码和解码操作。编码时，使用JsonMapper的ToJson方法将对象转换为Json String；解码时，通过JsonMapper的ToObject方法将JsonText.txt中的文本解析为JsonData对象，进而访问其中的数据。

       LitJson的核心源码分析，JsonData是其核心数据结构，它以JsonType枚举表示数据类型，petalinux uboot源码存储相应类型的数据。Object和Array分别用Dictionary和List作为容器，通过重载[]操作符和类型强转操作符，实现了灵活的数据访问和转换。JsonWrapper则负责解析JSON字符串，生成对应的Json对象。

聊聊 Boolean、== 和 ===

       在面试中经常遇到关于 JavaScript 中 Boolean、== 和 === 的问题。本文将深入剖析 V8 源码，来解答这一系列问题。

       首先，我们来看 Boolean 函数。在 JavaScript 中，Boolean 函数有两种调用方式：函数式调用和构造函数式调用。在 V8 中，这两种调用方式都由同一个函数处理，该函数由 Torque 实现。源码中的 Boolean 函数和 ToBoolean 函数负责将参数转换为 true 或 false。ToBoolean 函数同样由 Torque 实现，其核心逻辑与 ECMAScript Spec 定义一致。

       接下来，我们讨论 == 运算符。在 JavaScript 中，== 运算符在 V8 中的源码大约有 行。ECMAScript Spec 对其定义较为简略，但 V8 需要实现更多细节。根据 Spec，== 运算符通常会将左右操作数转换为 Number 类型后进行比较。然而，由于 Spec 定义的 case 较少，V8 需要额外的代码来处理其他情况。面试中遇到 x == y 时，我们可以这样回答：首先，考虑 JavaScript 中的 8 种数据类型，两两组合共有 种 case。ECMAScript Spec 只定义了部分 case，盗取cpu源码其余情况默认返回 false。因此，蒙对 false 的概率可达 %。另外，null 和 undefined 相等，但与其它类型不等；明显可转换为 Number 的情况，如 1 == true/'1'，正确率可达 %。

       最后，我们介绍 === 运算符。它的逻辑更为严谨，因为其用法较少涉及陷阱。源码中只需关注一个细节：如果左右操作数在 C++ 层面相等，但其中一个为 NaN，则返回 false。

       总的来说，Boolean、== 和 === 在 V8 中实现了独立的逻辑，不可混淆。通过理解源码，我们可以更深入地了解这些运算符的实现细节。为了巩固理解，这里提供了一些随堂小测验供参考：

       1. Boolean('0') // true，因为 '0' 是字符串且长度大于 0

       2. '0' == true // false，因为左右转换为 Number 后不相等

       3. Boolean('') // false，因为 '' 是空字符串且长度为 0

       4. null == undefined // true

       5. null == '' // false，null 与 undefined 以外的绝大多数类型都不相等

       6. null == '0' // false

       7. null == false // false

       8. null == document.all // true，建议 document.all 参加奇葩说

       9. undefined == document.all // true

       . Boolean(document.all) // false

       . NaN == NaN // false，NaN 和谁都不相等

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

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

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

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

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

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

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

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

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

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

Vue 2.0 源码解析：深入剖析模板编译原理与实 现步骤

       Vue.js 2.0，这款流行的JavaScript框架，其核心魅力之一在于其模板编译机制。本文将逐步揭示Vue 2.0模板编译的内部运作，包括解析原理和实际实现步骤。

       首先，Vue的模板编译原理是通过基于HTML的声明式语法，将DOM与底层数据绑定。在运行时，它将模板转化为高效的渲染函数，这个函数能执行并生成虚拟DOM树。

       编译过程分为几个关键步骤：

       解析模板：Vue使用正则表达式解析模板，识别指令和插值表达式，构建抽象语法树（AST）。

       优化AST：通过遍历，标记静态节点，以优化性能，减少渲染时不必要的计算。

       生成代码：AST被转化为可执行的JavaScript代码字符串。

       创建渲染函数：使用`new Function`将代码字符串转化为实际的函数。

       执行渲染函数：调用生成的函数，生成虚拟DOM。

       例如，98游戏源码解析模板的过程会将模板字符串转化为一个token数组，每个token包含类型和值。而在代码生成阶段，会根据AST中的节点类型生成相应的代码段。

       理解这些步骤有助于我们深入理解Vue 2.0的工作机制，从而在开发中灵活运用，进行性能优化。本文详细剖析了模板编译的各个环节，希望能帮助你更好地掌握Vue 2.0模板编译的精髓。

Unity JSON编码解码之LitJson 深度剖析

       JSON在游戏开发中是一种序列化/反序列化常用的技术，把游戏相关的数据,如地图组成,通过JSON编码，序列化成JSON文本，传输或存储, 要使用的时候再通过JSON技术把文本解析成数据对象，在代码中使用。本文将从以下几个方面详细的深度剖析JSON与LitJson库的编码解码:

       (1)什么是JSON; (2)Unity如何使用LitJson; (3)LitJson核心源码分析;

       1: 什么是JSON

       JSON（JavaScript Object Notation, JS对象简谱）是一种轻量级的数据交换格式。它是基于 ECMAScript（European Computer Manufacturers Association, 欧洲计算机协会制定的js规范）的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。JSON 格式中定义的数据类型包括: Object, Array, Boolean, Double, Float, Int, Long, String 等。其中, Object 类似于C#的字典，Array 类似于 C# 的 List，而其他数据类型则直接映射到 C# 的对应类型。

       2: Unity中如何使用LitJson

       使用 LitJson 在 Unity 项目中非常简单。操作步骤包括: 创建标准 Unity 项目，下载 LitJson 代码库，编写测试节点以讲解 LitJson 库的使用，并创建测试的 Json 文本资源。编码时，定义数据对象并初始化数据，使用 JsonMapper 的 ToJson 方法将对象转化为 JSON 字符串。解码时，从文本资源加载 JSON 字符串，使用 JsonMapper 的 ToObject 方法将字符串转化为数据对象，从而访问和使用 JSON 数据。

       3:LitJson核心源码分析

       LitJson 实现了 JSON 的简单且高效的编码解码功能。其核心在于定义了 JsonData 数据结构，用于表示 JSON 中的任何数据类型，包括基本数据类型和容器类型（如 Object 和 Array）。JsonData 结构内部使用枚举 JsonType 来标识数据类型，并通过 Dictionary 和 List 分别存储 Object 和 Array 的元素。通过重载 [] 操作符，JsonData 提供了方便的容器访问方式。同时，LitJson 通过类型强转操作符使得基本数据类型可以直接转换为 JsonData，简化了 JSON 数据的处理。解析 JSON 字符串时，LitJson 通过解析文本内容并生成对应的数据结构。要深入理解 LitJson 的实现细节，建议阅读源码。

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 优化体积、按需加载的核心优势。

       基础概念与时间标准

       在解析源码之前，理解以下基础概念至关重要，包括时间标准、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 源码解析的第一部分，深入探讨了概念、locale、constant、utils 的实现。接下来，我们将分析 Day.js 的核心文件 src/index.js，解析 Dayjs 类的实现细节。欢迎关注后续内容，期待与您共同探索 Day.js 的更多奥秘。

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

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

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

       作者在这里详细阐述了这三个库之间的区别。big.js是最小、最简单的任意精度计算库，它的方法数量和体积都是最小的。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的解析函数和四则运算源码，用图文详细描述了运算过程，逐步还原了作者的设计思路。如有不正确之处或不同见解，欢迎各位提出。

petite-vue源码剖析-事件绑定v-on的工作原理

       探索Petite-Vue的内部构造，从模板解析到事件绑定机制

       在逐步了解Petite-Vue源码的过程中，我们从在线渲染开始，一步步剖析其响应式系统和安全沙箱模型。特别关注的是，它如何通过利用JavaScript引擎的SMI特性，优化依赖清理算法，这对于理解Vue3的内部运作至关重要。这无疑是一个理想的入门资源，对Vue3源码有深入了解的欲望，不容错过。

       在Petite-Vue中，事件绑定作为一种指令（directives），如我们所熟知的@click，为开发者带来极大便利。点击元素时，框架会自动处理绑定，无需繁琐的jQuery操作，简化了开发流程。

       解析模板时，walk方法会遍历元素的特性集合el.attributes。当遇到以v-on或@为前缀的属性时，会将名称和值加入deferred队列，策略上，事件绑定被置于最后处理，这是因为整个元素和子元素的属性绑定、v-modal以及事件绑定需先完成，以确保正确顺序和执行时机。

       深入理解了v-bind和v-on的工作原理后，让我们继续探索下一个关键部分——v-model。它如何协同工作，将为我们揭示Petite-Vue更为完整的内在逻辑。