日期时间

GMT、UTC、CST

  • GMT

GMT (Greenwich Mean Time) 格林威治标准时间,指位于英国伦敦郊区的皇家格林威治天文台的标准时间,太阳每天经过家格林威治天文台的时间就是中午 12 点,本初子午线被定义为通过那里的经线。然而由于地球的不规则自转,导致 GMT 时间有误差,因此目前已不被当作标准时间使用。

1
new Date().toGMTString()
Read More

异步编程

异步使 JavaScript 这个单线程语言在不阻塞的情况下可以并行的执行多任务,这带来了性能的极大提升,然而异步风格也给流程控制,错误处理带来了更多的麻烦。

本文介绍处理异步的 5 种方式,Callback、Event、Promise、Generator、Async/Await。

Read More

算法问题

Git Guide

Git 是一个分布式版本控制系统,对比 SVN 这类集中式版本控制系统,分布式版本控制系统可以完全去中心化工作,无需与远程中央服务器通信,在本地即可进行全部版本控制操作,即便是离线。

Read More

Media Query

媒体查询(Media Query)在 CSS2 中就已经存在了,但是只能查询 Media Type,CSS3 中除了能查询 Media Type 外,还加入了 Media Feature 的查询。

语法

媒体查询包含一个“媒体类型(Media Type)”以及至少一个测试“媒体特性(Media Feature)”的表达式,表达式和媒体类型将根据实际情况计算的到 true 或者 false。如果指定的媒体类型符合当前设备并且媒体特性表达式都为真,那当前媒体查询为真,Media Query 为 true,对应的样式规则生效。

1
@media [媒体类型] 媒体特性 {}

除非使用了 notonly 操作符,否则 Media Type 是可选的,默认值为 all

Read More

HTML 标签嵌套规则

HTML4/XHTML 嵌套规则

Inline Level 和 Block Level

在 HTML4/XHTML DTD 中,将元素的分为 inline level (行内级) 和 block level (块级) 两类。

  • inline level
1
span、a、dfn、abbr、cite、img、label、q、u、em、i、strong、b、big、small、sub、sup、表单类;计算机输出类(tt、kbd、code、var、samp)
Read More

CSS3 过渡与动画

Transition

1
transition: [property duration timing-function delay]

property 默认值 alldurationdelay 默认值 0timing-function 默认值 ease。可使用 , 分割,实现多个动画,配合 duration,还可实现队列动画。

Read More

正则表达式

正则表达式是一种描述字符模式(特征)的工具,是字符的高度抽象,被用于字符的搜索、匹配、替换、验证等多种场景。ESMAScript 中用 RegExp 类表示正则表达式。

1
2
3
4
5
// RegExp 构造函数
var reg = new RegExp('pattern', 'flags'); // console.log(reg) 会打印输出字面量 /pattern/flags

// 字面量
var reg = /pattern/flags;
Read More

CSS 单位

PX

px 是一个绝对单位,不相对于谁,只受平台 dpi 影响。cmpt 之类的也都是绝对长度,但与 px 这个抽象单位不同的是它们都是物理单位,1pt 则是 1/72 英寸,而 1 英寸换算到公制是 2.54cm,在 CSS 中所有的物理单位会直接映射到像素,在 96dpi1in = 2.54cm = 96px 1cm = 37.8px

Read More

CSS 选择器

HTML Element 作为一种数据,被处理首先需要获取它,在 DOM API 中使用 getElementById 等一系列方法获取,而在 CSS 中使用选择器来获取。

Read More