本次小测借一个简单案例跟大家讲讲CSSOM视图模式(CSSOM View Module)相关的一些API及其特性,适用场景等,总结出一些最佳实践,明确一些技术细节,让技术更加精纯。
DOM基础小测27期答疑文字版-窗体滚动二三事
2019年01月26日 by 阅读 25188 次, 今日 3 次CSS var变量的局部作用域(继承)特性
2019年01月26日 by 阅读 32775 次, 今日 3 次粉丝群第27期JS基础小测答疑文字版
2019年01月20日 by 阅读 28793 次, 今日 3 次常见的CSS图形绘制合集
2019年01月14日 by 阅读 53131 次, 今日 4 次粉丝群第1期CSS小测点评与答疑
2019年01月12日 by 阅读 31252 次, 今日 3 次上周新建了一个粉丝群,周三发小测题目,每周依次是CSS、DOM和JS,周六上午答疑,答疑方式是直播加群聊。然后今天上午进行了第一次的直播答疑,是一个简单的CSS布局问题,本文可以看成是本次答疑的文档版。如果你也想要加入粉丝群,可以参见文末的信息。
分享三个纯CSS实现26个英文字母的案例
2019年01月11日 by 阅读 32178 次, 今日 5 次小tips: 纯CSS实现打字动画效果
2019年01月10日 by 阅读 53677 次, 今日 5 次本文主要介绍如何使用CSS实现类似打印机一样的文本打字效果,展示了共两种方法,分别适用于纯中文场景,以及中英文混合场景,这种效果在线简历,或者一些运营活动上比较合适。希望本文内容可以对你的学习有所帮助。
CSS/CSS3 box-decoration-break属性简介
2019年01月5日 by 阅读 28714 次, 今日 4 次CSS box-decoration-break属性可以指定元素片段在跨行、跨列或跨页(如打印)时候的样式渲染表现。
默认情况下,元素的跨行或跨列渲染都是裁剪分割,各得一部分,借助box-decoration-break属性,可以让换行,或者换列的各部分元素按照独立的样式进行渲染,活用这种特性,可以让我们的布局和样式表现更上一层。
CSS :placeholder-shown伪类实现Material Design占位符交互效果
2018年12月25日 by 阅读 35155 次, 今日 4 次Material Design规范中占位符交互效果是这样的:focus输入框的时候,placeholder会位移到左上角作为一个label存在。以前我们要实现这种效果只能借助JavaScript,实际上,纯CSS就能搞定之,就是借助:placeholder-shown伪类实现。且目前在移动端兼容性不错,可以在实际项目中应用。究竟如何实现?有没有这么神奇?一起进来看看吧~
从天猫某活动视频不必要的3次请求说起
2018年12月24日 by 阅读 39716 次, 今日 3 次我们在移动端做H5开发的时候,有时候会用到MP4视频,对于一些酷效果,是性价比最高的方式。然而,很多前端开发在使用这些视频的时候没有注意,或者根本就不知道视频的某些信息的位置会影响浏览器的请求个数,从而影响网页性能。