皮皮网

1.聊聊 JS 中的 Object.create
2.原生js(一)
3.如何用JavaScript实现一门编程语言 - JS代码生成器
4.什么是前端源码,什么是后台源码？
5.dayjs源码解析（一）：概念、locale、constant、utils tags
6.js免费开源吗？

聊聊 JS 中的 Object.create

        实话说，之前不知道还有这么个玩意。偶然间看手写 new 源码，才算和它第一次认识。

        Object.create() 官方解释：方法创建一个新对象，使用现有的对象来提供新创建的对象的proto。

        其实 Object.create() 有两个参数： Object.create(proto, [propertiesObject])

        proto : 必须，表示新建对象的原型对象。

        即该参数会被赋值到目标对象(即新对象，或说是最后返回的对象)的原型上。

        该参数可以是null， 对象， 函数的 prototype 属性

        注意：创建空的对象时需传null , 否则会抛出 TypeError 异常

        propertiesObject : 可选，添加到新创建对象的可枚举属性。

        ( 即其自身的属性，而不是原型链上的枚举属性 ) 对象的属性描述符以及相应的属性名称。

        这些属性对应 Object.defineProperties() 的第二个参数。

        与 普通方式 创建对象 不同点

原生js(一)

        记录这篇文章，在工作中一直借用一些js框架 ui框架，对js底层api有所遗忘，目的为了自己复习以下原生js操作方法，所有的js框架都是基于原生js方法和属性，尤其vue源码使用原生js开发，自底向上模式

        Node 是一个接口，各种类型的 DOM API 对象会从这个接口继承。它允许我们使用相似的方式对待这些不同类型的对象；比如, 继承同一组方法，或者用同样的方式测试。

        以下接口都从 Node 继承其方法和属性：

        Document, Element, Attr, CharacterData (which Text, Comment, and CDATASection inherit), ProcessingInstruction, DocumentFragment, DocumentType, Notation, Entity, EntityReference

        注意

        NodeList对象是一个节点集合，一般由

        Node.childNodes,

        document.getElementsByName和

        document.querySelectorAll返回

        注意

        打印的oTest.childNodes

        TMLCollection是一个特殊的NodeList，表示包含了若干元素（元素顺序为文档流中的顺序）的通用集合，它是实时更新的，当其所包含的元素发生改变时，它会自动更新。另外，它是一个伪数组，如果想像数组一样操作它们需要像Array.prototype.slice.call(nodeList, 2)这样调用。

        获取方法

        document.getElementsByClassName

        document.getElementsByTagName

        注意

        document.getElementById：根据ID查找元素，大小写敏感，如果有多个结果，只返回第一个；

        document.getElementsByClassName：根据类名查找元素，多个类名用空格分隔，返回一个HTMLCollection。注意兼容性为IE9+（含）。另外，不仅仅是document，其它元素也支持getElementsByClassName方法；

        document.getElementsByTagName：根据标签查找元素，*表示查询所有标签，返回一个HTMLCollection。

        document.getElementsByName：根据元素的name属性查找，返回一个NodeList。

        document.querySelector：返回单个Node，IE8+(含），如果匹配到多个结果，只返回第一个。

        document.querySelectorAll：返回一个NodeList，IE8+(含）。

        document.forms：获取当前页面所有form，返回一个HTMLCollection；

如何用JavaScript实现一门编程语言 - JS代码生成器

       实现一门编程语言的JavaScript代码生成器，是将语言转换成JavaScript目标语言的高效方式。此方法避免直接对抽象语法树（AST）解析求值，康派到家源码转而利用JavaScript的强大功能。具体步骤如下：

       1. 首先，识别λanguage语言的关键特性。例如，支持的运算符、数据类型、控制结构（如循环和条件语句）等。

       2. 将λanguage语言的源代码转换为抽象语法树（AST）。每一种语法结构对应AST中的一个节点。

       3. 针对AST的每个节点，编写JavaScript函数，将该节点转换为对应的JavaScript代码。例如，将λanguage语言中的变量声明节点转换为JavaScript中的变量声明。

       4. 使用JavaScript函数将AST转换成的mycat 源码 张哈希JavaScript代码片段组合成完整的JavaScript程序。

       5. 利用JavaScript的全局函数`eval`执行生成的代码片段，或者创建`Function`对象动态执行代码。

       6. 最后，提供在线示例供用户调试运行，确保代码生成器的正确性与兼容性。

       通过以上步骤，JavaScript代码生成器可以将多种编程语言的源代码高效转换为JavaScript代码，从而实现高效执行和灵活的跨语言互操作。

什么是前端源码,什么是后台源码？

       前端源码一般是指html,js,css等一些浏览器可直接运行的轻量级脚本.后端源码一般指在某个编程环境下的运行的后端未编译的代码,如C#,java等,这些代码在未编译解释前无法被浏览器识别!注:其实js也可以作为后端编程代码!即js也可是后端源码!但要借助于nodejs等运行工具!换句话说后端代码是需要一个运行环境的,而前端只需要支持浏览器就可以了

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、python pyc 修改 源码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 则封装了一系列实用工具函数，ssh oa源码下载用于简化时间操作。

       总结与展望

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

js免费开源吗？

       是的，JavaScript是免费的。它不需要支付任何费用就可以使用，你可以自由地在你的网站或应用中使用JavaScript。

       JavaScript是一种开放源代码的编程语言，被广泛用于网络开发。它的设计初衷是为了在浏览器中运行，实现网页的动态交互效果。由于它的开源性质，任何人都可以查看和修改JavaScript的源代码，这使得JavaScript社区非常活跃，有大量的开发者为其贡献代码和解决问题。

       此外，也有许多免费的JavaScript库和框架可供使用，如React、Angular和Vue.js等。这些库和框架可以帮助开发者更高效地开发复杂的应用。同时，由于JavaScript的流行，网上也有大量的免费教程和资源，供开发者学习和使用。

       总的来说，JavaScript不仅本身是免费的，而且围绕它也有大量的免费资源和工具。这使得JavaScript成为学习网络开发的一个很好的选择，无论你是初学者还是经验丰富的开发者，都可以从中受益。因此，如果你对网页开发或编程感兴趣，不妨尝试学习和使用JavaScript。

图文剖析 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的解析函数和四则运算源码，用图文详细描述了运算过程，逐步还原了作者的设计思路。如有不正确之处或不同见解，欢迎各位提出。