<<CSS World>>笔记

前段时间断断续续的把张鑫旭的《CSS World》看了两遍,这本书很偏基础,也很有张鑫旭个人特色,不像是那么多技术类书籍章法森严罗列技术词汇,这本书的内容都是他长年累月的实践中沉淀下来的干货和私货,更像是在看一个程序员的笔记, 值得一看的一本书。 书里的内容只精专于CSS部分,而且由于出书时间比较久了,CSS3现在的发展比书中的内容丰富了很多,有些实现在现在看来已经更好的解决方案了,不过里面涉及到的一些基础知识和实现确是出乎了我的意料,有不少意外的收获,以下内容记录的仅是我个人平时没有注意到或者比较意外的点,配合codepen提供的demo,demo集合地址:https://codepen.io/collection/ngQGBY, 部分知识点很简略所以无demo知道即可 1. »

移动端 Web 页 input 控制软键盘

从交互层面上来讲,完成一个功能(获得想要的信息)的过程称之为用户路径。用户路径越长,完成功能的复杂度就越高,用户体验也就越差。因此当打开一个需要用户填写信息的表单界面时,为了提高可用性,PC 端一般会将光标聚焦到对应输入框(input),移动端也是同理,让对应的 input 获得 focus 状态,唤起软键盘,方便用户直接输入。 »