2024年05月28日 3.1k 阅读 电子信息 CSS中的嵌套写法(CSS Nesting) 近日,在刷蓝桥杯中的模拟实战赛时,有这么一道题:叫“汽车私人定制”,题目链接如下。https://www.lanqiao.cn/problems/18456/learning/?contes...
2024年04月14日 4.1k 阅读 电子信息 蓝桥杯十五届省赛Web应用开发题目答案解析 去年报了个蓝桥杯Web,昨天刚打完省赛,10道题基本无压力 ::(呵呵) (),最后一道可能会扣点分,整理一下赛后直播的答案,也包括职业院校组的,给需要的小伙伴们:1. 智能停车系统 ⭐️考点:...
2022年11月24日 4k 阅读 电子信息 5个可以获得 Tailwind CSS 组件的地方 Tailwind CSS搞前端的小伙伴应该都很熟悉,提倡用原子类CSS直接代替传统的CSS模式。目前来看,这个生态系统正在稳步增长,Github Star已经达到了62.8k(截至2022年...
2022年08月23日 4.8k 阅读 电子信息 解决HTML中li标签空白间隙问题 最近开发新主题的过程当中,碰到一个很神奇的问题。li标签中间会有空白间隙。后来查询资料才得知,li标签为块级元素,当其转化为inline-block元素是会出现空白文本节点,在一些浏览器中无...
2021年09月27日 3.9k 阅读 电子信息 一起来编写高性能 CSS 在开始之前其实浏览器解析CSS 的速度非常快,所以今天所说的技巧带来的效能收益可能没有你想的那么显著。 相比撰写良好CSS 带来的优化,大部分时间我们应该聚焦在减少网路请求、减少JavaScri...
2021年05月29日 6.5k 阅读 电子信息 浅谈 Tailwind CSS 的 JIT 模式 因为Tailwind CSS的设计原理,在开发时会先帮你生成一堆的class,CSS文件最少3MB起步🤷♂️。随着开发下去需要的Variants只会变得越来越多,开发中产生的CSS文件甚至变成...
2021年01月25日 6.1k 阅读 电子信息 CSS变量浅谈 基本所有的 CSS 预处理器都支持变量的特性,比如 SASS:$color: white; p { color: $color; } button { color: $color; ...
2020年04月20日 3.1k 阅读 电子信息 移动端出现滚动穿透问题完美解决方案 开发Cuteen时,侧边栏再一次遇到了滚动穿透问题。话说这个移动端滚动穿透问题很早就遇到了,当时采用的是弹出框出现时,记录滚动位置并让body禁止滚动,弹出框消失时,body滚动到记忆位置,但是...