标签:前端

3 篇文章
如何创建一个打印友好型的网页

如何创建一个打印友好型的网页

在某些情况下,我们会遇到需要将网页打印出来的需求。但是,直接打印网页的效果往往不尽如人意,因为网页的排版和打印的排版是不同的。本文将介绍如何创建一个在打印时具有出色的质量和可读性的网页。
技术向
拥抱 Atomic CSS-in-JS

拥抱 Atomic CSS-in-JS

当下,Atomic CSS 愈发受到人们的关注。相比于传统 CSS 编写方法中每个组件对应一个 CSS 类,使用了 Atomic CSS 以后,每一个 CSS 类都唯一对应了一条独立的 CSS 规则,随着组件数量逐渐增加、能复用的 CSS 规则越来越多,最终的 CSS 产物体积也会下降许多,使得网页的加载速度能够产生一个质的飞跃。
技术向
浅谈网页「深色模式」的实现

浅谈网页「深色模式」的实现

随着越来越多的操作系统、浏览器开始支持 Dark Mode 和相应的 Media Queries Level 5,越来越多的网站开始添加深色模式。 我的博客其实早在 2019 年末就支持了深色模式,但一直没有很好地实现这个功能。于是在 2020 年的那个超长寒假,我把博客系统更换到了 Typecho,并与某位大佬一起实现了一个深色模式插件(原文链接已丢失)。正好今年寒假把博客换到了 Hexo 上,趁着主题代码还热乎、能看懂,赶紧来写写我的深色模式是如何实现的。
技术向