2021年09月27日1.3k阅读电子信息一起来编写高性能 CSS在开始之前其实浏览器解析CSS 的速度非常快,所以今天所说的技巧带来的效能收益可能没有你想的那么显著。 相比撰写良好CSS 带来的优化,大部分时间我们应该聚焦在减少网路请求、减少JavaScri...
2021年05月29日2.6k阅读电子信息浅谈 Tailwind CSS 的 JIT 模式因为Tailwind CSS的设计原理,在开发时会先帮你生成一堆的class,CSS文件最少3MB起步🤷♂️。随着开发下去需要的Variants只会变得越来越多,开发中产生的CSS文件甚至变成...
2021年01月25日2.4k阅读电子信息CSS变量浅谈基本所有的 CSS 预处理器都支持变量的特性,比如 SASS:$color: white; p { color: $color; } button { color: $color; ...
2020年08月29日2.1k阅读电子信息DIV可编辑输入contenteditable内容提交方法最近在做一个论坛程序,在适配编辑器的时候遇到一个问题。想让DIV标签可编辑输入内容,我们只需设置contenteditable="true"即可。<div conten...
2020年07月26日2k阅读电子信息Typecho纯代码实现评论算术验证Typecho的垃圾评论还是比较多的,除了插件外,还可以通过PHP函数实现简单的算术验证码。添加代码在function.php中末尾添加如下函数function themeInit($comme...
2020年05月17日4.4k阅读奇技淫巧白嫖Font Awesome 5 Pro版图标Font Awesome提供了可缩放的矢量图标,可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。用起来的效果也还是不错的,但是免费版的图标仅有1588...
2020年04月20日1.8k阅读电子信息移动端出现滚动穿透问题完美解决方案开发Cuteen时,侧边栏再一次遇到了滚动穿透问题。话说这个移动端滚动穿透问题很早就遇到了,当时采用的是弹出框出现时,记录滚动位置并让body禁止滚动,弹出框消失时,body滚动到记忆位置,但是...