CSS3 中关于 *-of-type 和 *-child的差异性及适用场景
2019-05-16
CSS3 中有很多表示元素序号的选择器,有以下几种
:first-child
、:first-of-type
、:last-of-type
、:only-of-type
、:only-child
、:nth-child(n)
、:nth-last-child(n)
、:nth-of-type(n)
、:nth-last-of-type(n)
、:last-child
CSS3 元素出现动画实例
2019-04-16
css3中实现动画一般有两种方式,一个是transition
过渡,一个是animation
动画。最主要区别就是transition
需要条件触发,通常会用hover
来触发,而animation
则更灵活,可以自动播放,也可以通过条件触发。
javascript 键盘访问半自动化解决方案
2019-04-16
概要
这是一个半自动化的键盘访问解决方案,主要适用于需要完全键盘操作场景,比如大屏展示,电视,游戏菜单等,大大简化按键操作的逻辑。
焦点使用虚拟焦点,也就是通过添加.focus
等class实现,而不是原生自带的:focus
,更利于定制化需求。
基于HTML
页面。
比较冷门,键盘交互方向,不感兴趣的可以跳过。