使用document.scrollingElement控制窗体滚动高度

2019年02月22日 by 张 鑫旭 阅读 5253 次, 今日 22 次

介绍一个更加兼容、更加标准的设置窗体滚动高度的方法,那就是document.scrollingElement,兼容性足矣在实际项目中应用。JS基础API,人人必须了解的特性,学到就是赚到。

阅读全文…

快速了解CSS新出的列选择符双管道(||)

2019年02月11日 by 张 鑫旭 阅读 6773 次, 今日 18 次

列选择符封图

列选择符是规范中刚出现不久的新选择符,写作双管道||,是两个字符,和JavaScript语言中的逻辑或写法一致,这个选择符可以让选择所有属于某一列的对应单元格,哪怕这个单元格元素横跨多列。

阅读全文…

写给自己看的CSS shapes布局教程

2019年02月2日 by 张 鑫旭 阅读 8235 次, 今日 51 次

CSS Shapes布局

本文详细介绍CSS Shapes布局,兼容性不错,移动端项目和中后台项目都可以使用,可以实现很多很棒的布局效果,需要和浮动配合使用。不仅支持基础图形,还支持PNG,SVG图像,以及渐变图形的环绕效果。是非常值得学习的一种布局方式。

阅读全文…

写给自己看的CSS columns分栏布局教程

2019年01月31日 by 张 鑫旭 阅读 5335 次, 今日 11 次

columns布局

本文详细介绍了CSS columns分栏布局的各个CSS属性的语法以及一些细节,所有效果都可以实时体验,同时还介绍了一些间接相关的CSS属性,例如break-inside等。

阅读全文…

DOM基础小测27期答疑文字版-窗体滚动二三事

2019年01月26日 by 张 鑫旭 阅读 4733 次, 今日 5 次

小测头图

本次小测借一个简单案例跟大家讲讲CSSOM视图模式(CSSOM View Module)相关的一些API及其特性,适用场景等,总结出一些最佳实践,明确一些技术细节,让技术更加精纯。

阅读全文…

CSS var变量的局部作用域(继承)特性

2019年01月26日 by 张 鑫旭 阅读 3586 次, 今日 14 次

CSS变量缩略图

最近做项目,发现CSS变量一个有意思的特性,那就是变量作用域非全局,于是,我们可以放心大胆使用CSS变量给伪元素传参了。这样,以前一些很啰嗦的实现现在就可以变得非常简洁。

阅读全文…

粉丝群第27期JS基础小测答疑文字版

2019年01月20日 by 张 鑫旭 阅读 5852 次, 今日 15 次

小测头图

讲讲JS正则表达式二三事,以及在这基础上制作的可视化工具,再讲讲不使用正则的傻白甜实现方法,并以此延伸一点关于技术人员职业发展的事情。

阅读全文…

常见的CSS图形绘制合集

2019年01月14日 by 张 鑫旭 阅读 9520 次, 今日 31 次

CSS图形绘制头图

展示40多个常见的纯CSS绘制图形,效果实时,含源代码,想要什么效果直接复制粘贴就好了。就算项目用不到,看看别人代码怎么写的也有助于提高CSS的基本功。

阅读全文…

粉丝群第1期CSS小测点评与答疑

2019年01月12日 by 张 鑫旭 阅读 6073 次, 今日 15 次

小测头图

上周新建了一个粉丝群,周三发小测题目,每周依次是CSS、DOM和JS,周六上午答疑,答疑方式是直播加群聊。然后今天上午进行了第一次的直播答疑,是一个简单的CSS布局问题,本文可以看成是本次答疑的文档版。如果你也想要加入粉丝群,可以参见文末的信息。

阅读全文…

分享三个纯CSS实现26个英文字母的案例

2019年01月11日 by 张 鑫旭 阅读 7004 次, 今日 4 次

本文展示三个CSS生成26个字母的案例,旨在展示CSS在图形绘制方面的潜力,同时这些案例也是非常好的CSS图形绘制学习材料。希望本文内容对您的学习有所帮助。

阅读全文…