二十四节气之•寒露
寒露,九月节。露气寒冷,将凝结也。
寒露三候
初候,鸿鴈来宾。宾,客也。先至者为主,后至者为宾,盖将尽之谓。鴈以仲秋先至者为主,季秋後至者为宾,《通书》作来滨,滨,水际也。亦通。
二候,雀入大水为蛤。雀,小鸟也,其类不一,此为黄雀。大水,海也。《国语》云雀入大海为蛤,盖寒风严肃,多入于海变之为蛤。此飞物化为潜物也。蛤蚌属此小者也。
三候,菊有黄华。草木皆华于阳,独菊华于阴,故言有桃桐之华皆不言色而独菊言者。其色正应季秋土旺之时也。
露气寒 结为霜
“萧疏桐叶上,月白露初团。”,今天(公历北京时间2021年10月08日 农历辛丑年九月三号)09时39分,我们将迎来二十四节气中的第十 ...
前端工具之 -- Emmet
什么是 Emmet
官网的解释是:
Emmet是许多流行文本编辑器的插件,它极大地改进了HTML和CSS工作流。Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow。
Emmet 概述
Emmet 快速写 HTML/CSS 的工具
前端开发过程中,最浪费时间的工作就是 HTML、CSS 代码的标签、属性、括号等,Emmet的出现就是为了解决这个问题。Emmet是一个编辑器的插件,支持大部分现有的前端编辑器,可以参考这里适配合适的编辑器,具体安装方法请参阅官方文档。 ...
前端参考--HTML-Lang取值
我们现在使用的软件都会自动在前面加一个申明了,那么在网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别是什么呢?下面我们就一起来看看吧.
单一的 zh 和 zh-CN 均属于废弃用法。
问题主要在于,zh 现在不是语言code了,而是macrolang,能作为语言code的是cmn(国语)、yue(粤语)、wuu(吴语)等。我通常建议写成 zh-cmn 而不是光写 cmn,主要是考虑兼容性(至少可匹配 zh),有不少软件和框架还没有据此更新。
zh-CN 的问题还在于,其实多数情况下标记的是简体中文,但是不恰当的使用了地区,这导致同样用简体中文的 ...
二十四节气之•秋分
秋分,八月中。
秋分三候
初候,雷始收声。鲍氏曰:雷,二月阳中发声,八月阴中收声,入地则万物随入也。
二候,蛰虫坯【音培】户。淘瓦之泥曰坏,细泥也。按《礼记》注曰坏益其蛰穴之户,使通明处稍小,至寒甚乃墐塞之也。
三候,水始涸。《礼记》注曰:水本气之所为,春夏气至故长,秋冬气返故涸也。《国语》曰:辰角见而雨毕,天根见而水涸,雨毕而除道,水涸而成梁。辰角者,角宿也。天根者,氐房之间也。见者,旦见于东方也。辰角见九月本,天根见九月末,本末相去二十一余。
故园应露白 凉夜又秋分
故园应露白;凉夜又秋分。今天(公历2021年09月23日农历辛丑年八月十七号)03时21分,我们在凉风习习中迎 ...
初识 Ionic and Cordova
缘起
公司遗留了一个 Android 项目要负责一下,赶紧打算下载 Android Studio 搭建环境,回头一把啦代码大部分后缀.ts,这不是 typescript 格式?再看目录,整个一 web 项目类似,细看,原来是 Cordova 项目而且还用上了 Ionic。一言难尽… 然后,开始 Cordova 和 Ionic 之旅。
什么是 Cordova 和 Ionic
Cordova
ordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。
Cordova还提供了一组统一的JavaScript类库,以及为 ...
概述EFI、UEFI、MBR、GPT
EFI、GPT、MBR是什么?这些专业术语不难理解,UEFI属于主板类名词,其作用类似于BIOS。GPT、MBR则属于硬盘类名词,它们的作用类似一艘航母的骨架,有了这个骨架,我们才可以进行细致到诸如C、D、E等盘符的分区。
一块硬盘接驳主机之后,它的首要任务建立分区列表,分区列表有MBR和GPT两种,其中MBR分区列表支持最大2TB硬盘,GPT分区列表支持最大128PB(1PB=1024TB)。
什么是 MBR
MBR(Master Boot Record):即硬盘的主引导记录分区列表,在主引导扇区,位于硬盘的cylinder 0, head 0, sector 1 (Sector是从1开始 ...
Tab和换行符在HTML行内元素间将会引入间距
HTML 文本中的控制字符会被解析为文本节点
示例:
1234<div id="container"> <div class="item"></div> <div class="item"></div></div>
12345678910111213141516@charset utf-8* { margin: 0px; padding: 0px;}#container { display: inline ...
CSS3与页面布局学习总结系之二 —— Box Model、边距折叠、内联与块标签、CSSReset
此系列文章为转载文章,原出完整系列已经不从考证。从不同地方摘录到此,以备阅读方便,特此记录。
盒子模型(Box Model)
盒子模型也有人称为框模型,HTML中的多数元素都会在浏览器中生成一个矩形的区域,每个区域包含四个组成部分,从外向内依次是:外边距(Margin)、边框(Border)、内边距(Padding)和内容(Content),其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型,加上了doctype声明,让所有浏览器都会采用标准 w3c 盒子模型去解释你的盒子。
当设置一个元素的样式如下示例:
1234567891011121314151617181920 ...
CSS3与页面布局学习总结系之一 —— 概要、选择器、特殊性与刻度单位
此系列文章为转载文章,原出完整系列已经不从考证。从不同地方摘录到此,以备阅读方便,特此记录。
web前端开发者最最注的内容是三个:HTML、CSS与JavaScript,他们分别在不同方面发挥自己的作用,HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能与业务。当然内容与用户资源也是不能忽视的。尽量不要跨职责范围使用,有点“SRP单一职责”的意思,如字体大小应该是CSS控制的,就不应该使用HTML标签完成,如果CSS能解决的问题尽量不要用JavaScript完成。
CSS3 概要
CSS(Cascading Style Sheet)是层叠样式表的 ...
前端参考 -- CSS 时间轴多例
纵向时间轴
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
...