1.dayjs源码解析(二):Dayjs 类
2.dayjs源码解析(一):概念、统源locale、统源constant、统源utils tags
3.CesiumJS 源码杂谈 - 时间与时钟系统
4.vue/compiler-dom源码分析学习--day4: 字符串化hoist节点
5.求用C++日历源代码
dayjs源码解析(二):Dayjs 类
上篇文章讲述了dayjs的统源基础知识、locale、统源constant和utils,统源云宝发卡网源码本文将继续深入解析dayjs的统源核心部分——src/index.js中的Dayjs类。
src/index.js文件结构清晰,统源按照以下步骤构建:
然而,统源这里存在两个疑问,统源可能是统源为了缩减代码体积,由@iamkun提出。统源
现在开始正式分析代码。统源
locale相关全局定义
首先默认导入了locale/en.js英文的统源locale,然后使用L存储当前使用的统源locale名字,使用Ls(locale Storage)存储locale对象。
工具补充
定义了一个工具方法parseLocale。这个方法处理以下几种情况:
然后将定义好的parseLocale方法补充到Utils中。
相关方法
在Dayjs类中,关于locale的方法有两个,实例私有方法$locale用来返回当前使用的locale对象;实例方法locale本质上就是调用了parseLocale方法,但最后返回的是新的改变了locale的Dayjs实例。
注意:在dayjs中,许多操作都使用clone()方法来返回新的javashop6源码Dayjs实例,这也是这个库的优点之一。
最后同样将parseLocale方法补充到Dayjs类的静态方法中。
补充Utils
上一节和前文中已经分析了一些Util工具,这里将其补充完整:
注意:这些工具方法没有统一定义在utils.js文件中的原因是用到了index.js作用域中的一些变量。
需要特别关注的是wrapper方法,在Dayjs类中大量应用了该方法,其实是通过date和原实例封装了一个新实例,新实例和原实例的主要区别就是关联的时间不同。
Dayjs类
Dayjs类是整个dayjs库的核心,可以给其定义的实例方法分类,也可以查看官网的文档分类。
解析都写在了代码的注释里:
原型链
通常来说,定义在实例中的方法应该在原型链上,但有几个与时间有关的setter/getter方法相似,所以单独将原型链写在了上面。
这几个方法都是不传参数时为getter,传参数时为setter。
静态属性
还有一些方法和属性挂在了dayjs函数对象上,最核心的是加载插件和加载locale的方法,几个方法的用法都能在官方文档中找到。
如果对dayjs函数对象、Dayjs类和原型的关系感到困惑,可以参考下图,星火娱乐棋牌源码最后形成的关系如下图所示:
总结
如果不看插件部分,dayjs库的核心已经解析完成,看一下默认生成dayjs实例长什么样子:
实例本身的属性是一些与时间相关的属性,各种操作方法都在原型__proto__上。
本节结束,下一节将开始解析dayjs的插件。
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 的更多奥秘。
CesiumJS 源码杂谈 - 时间与时钟系统
时间的“诞生”
在CesiumJS中,时间的首次创建是在Scene类的构造函数中,通过JulianDate类表示整个程序中的时间。JulianDate类使用天数(dayNumber)和秒数(secondsOfDay)作为成员字段,描述从儒略第一天(公元前年1月1日)到现在的总时间以及今天已经走过的时间。公历时间在CesiumJS中同样存在,作为JS原生类Date的高精度替代品。初始化CesiumJS时,通过JulianDate.now方法获取的时间值始终代表程序运行的当前时刻,实际时间值存储在Scene类的_frameState对象的time字段。
时间的推进
CesiumJS内部时间的更新通过CesiumWidget对象的渲染过程实现,每一帧都会调用CesiumWidget.prototype.render方法,使Clock对象tick一次,从而更新当前时间传递给Scene.prototype.render。Clock对象的tick方法负责获取当前时间clock.currentTime,并通过JulianDate类的addSeconds方法向前推进时间。默认情况下,Clock以当前JulianDate作为起始时刻,并设定一天的终点时刻。每次tick时,会计算从起始时刻到当前时间的总秒数,并返回给CesiumWidget.prototype.render方法,继续更新渲染过程。
Entity API与Property API的更新动力源
Entity API通过挂载于Viewer对象上实现,确保与CesiumWidget的clock.onTick事件保持同步。当clock.tick触发时,会触发Viewer的_onTick事件,进而通过EventHelper监听并执行后续逻辑。对于参数化几何的Entity,当GeometryVisualizer调用fireChangedEvent函数后,Visualizer会接收到最新的Entity定义,利用Property API、Updater等组件更新数据。若无Clock的onTick事件驱动,Entity无法根据当前时间更新,也就无法获取最新的Property,影响场景中三维Entity的动态更新。
简单应用
1. 使用原生JSDate对象创建JulianDate:JulianDate.now方法展示了如何将当前时间转换为JulianDate格式。同样,可以手动创建一个Date对象,并将其转换为JulianDate。
2. 使用时间字符串创建JulianDate:以北京时间为例,使用ISO或UTC时间字符串时,需要在日期与时间之间添加大写字母T,并在字符串尾部加上时间偏移量,如+:表示东八区。
3. 设置Clock的起止时间和速率:Clock对象允许设置起始时刻、终点时刻和时间更新速率,配合ClockStep参数调整更新逻辑,如设置倍数以配合SYSTEM_CLOCK_MULTIPLIER或TICK_DEPENDENT参数。
4. 调整时钟的循环情况:Clock对象提供LOOP_STOP、CLAMPED和UNBOUNDED三种循环模式。LOOP_STOP模式下,时钟到达终点后会重新回到起点,实现循环效果。CLAMPED模式在到达终点后停止,保持在终点时刻。UNBOUNDED模式即使超过终点,时钟也不会停止,实现持续更新。
vue/compiler-dom源码分析学习--day4: 字符串化hoist节点
vue/compiler-dom源码解析继续:深入理解字符串化hoist节点
前言:在处理内置指令后,我们今日关注的是@vue/compiler-dom包中的字符串化hoist节点操作。这部分代码在baseCompile方法中找到调用入口,且hoistStatic选项默认为true,尽管没有直接传入参数。
在vue/compiler-sfc/__tests__/compileTemplate.spec.ts的测试用例中,我们发现参数来源。接着,我们追踪到hoistStatic.ts和`walk`函数,这是实现静态提升(static hoisting)的关键,用于优化性能,避免在render function中重复生成和比较不会变化的静态节点。
静态提升允许将不变的元素和文本节点抽离到render函数外,提高渲染效率。例如,一个只包含动态部分的,其静态部分会被提升,渲染时会直接使用字符串拼接,而不是每次都重新创建。
现在,我们来看下stringifyStatic方法。该方法在确定节点会被提升到哪个阶段后执行,确保只处理适合的普通元素和文本节点。在transforms/stringifyStatic.ts中,代码负责识别可stringify的子节点,比如v-slot组件是不支持的,但可以hoist。
在`analyzeNode`方法中,逐层递归检查节点,确保所有子节点满足stringify条件。文本节点则有特殊的处理方式,其他情况下,如遇到table元素,可能存在浏览器兼容性问题,导致不能使用innerHTML。
总结`stringifyCurrentChunk`方法,它将识别到的静态块转换为字符串调用节点,替换原始hoist元素。整个过程旨在优化性能,通过字符串化hoist节点,减少不必要的DOM创建和比较。
尽管代码逻辑相对直观,但众多小方法间的跳转可能影响阅读。核心是找到可stringify的最大静态块,并进行替换。关于内置指令和style的处理,也有相应的优化策略,如transformStyle处理静态style为bind类型。
求用C++日历源代码
那更简单,改好了
#include <stdio.h>
#include<conio.h>
#include<stdlib.h>
int IsLeapYear(int);
void main()
{
int i;
int day;
int year;
int month;
int temp;
int temp_i;
long int Year_days = 0;
int Year_Start = 1;
int Per_Year_Days;
int month_day[]={ ,,,,,,,,,,,,};
printf("Please enter the year: ");
scanf("%d",&year);
//printf("Please enter the month, enter 0 for the whole year: ");
//scanf("%d",&month);
month=0;
while(Year_Start < year)
{
if( IsLeapYear( Year_Start ) )
Per_Year_Days = ;
else
Per_Year_Days = ;
Year_days = Year_days + Per_Year_Days;
Year_Start++;
}
for( temp = 1; temp <= && (month*(temp-1)==0); temp++ )
{
if (month!=0) temp=month;
switch(temp)
{
case 1:
printf(" January(%d)\n",year);
break;
case 2:
printf(" February(%d)\n",year);
break;
case 3:
printf(" March(%d)\n",year);
break;
case 4:
printf(" April(%d)\n",year);
break;
case 5:
printf(" May(%d)\n",year);
break;
case 6:
printf(" June(%d)\n",year);
break;
case 7:
printf(" July(%d)\n",year);
break;
case 8:
printf(" August(%d)\n",year);
break;
case 9:
printf(" September(%d)\n",year);
break;
case :
printf(" October(%d)\n",year);
break;
case :
printf(" November(%d)\n",year);
break;
case :
printf(" December(%d)\n",year);
break;
}
i = Year_days % 7;
printf(" Mon Tue Wed Thu Fri Sat Sun\n");
if( i != 0 )
for( temp_i = 0; temp_i < i*4; temp_i++)
printf(" ");
day = 1;
if( IsLeapYear(year) && temp == 2)
while( day <= month_day[] )
{
if( day >1 )
if( Year_days % 7 == 0 )
printf("\n");
if( day >= )
printf("%4d",day);
else
printf("%4d",day);
Year_days++;
day++;
}
else
while (day <= month_day[temp-1])
{
if( day > 1 )
if( Year_days % 7 == 0 )
printf("\n");
if( day >= )
printf("%4d",day);
else
printf("%4d",day);
Year_days++;
day++;
}
printf("\n");
if( getch() == 'q' )
exit(0);
}
getch();
}
int IsLeapYear( int year )
{
if ((year %4 == 0) && (year % != 0) ||
(year % == 0) )
return 1;
else
return 0;
}