5个 link 标签,突破前端性能瓶颈! 前端技术
我今天说个前端性能优化比较实用的几行 HTML 代码吧,都是 link 标签。 只需要写到 head 里,一般情况下,可以提高一些 FCP LCP 质量,让页面加载速度更快一点,性能优化的瓶颈时,可以参考一下。 是 5 种 link 属性。 我以前写的笔记,今天整理一下。总体 demo 长这个样,然后我挨个介绍一下怎么用: link rel=preconn...
今天简单聊聊 tailwindCSS 前端技术
如果是从 CSS 时代过来的人,很不愿意学 tailwindCSS 框架的。 因为里面有很多类名得去记。 就好像是在写 html 里的 style= 一样,但是比这些要短一点。 而且严重破坏以前在手写 CSS 时代的 class 命名习惯。直接就翻天覆地,完全不用费劲心思去想 class 名了.... 当然,其实在学习初期,去像背单词一样去背 tailwin...
讲 3 个我这几天刚刚遇到的 CSS 里的小技巧 前端技术
今天水文一篇,就讲 3 个,我这几天刚刚遇到的 CSS 里的小技巧吧。 大家如果想试一下的话,可以在我做的这个 HTML 编辑器里进行实时编辑预览: 分格 HTML 编辑器 www.ccgxk.com/cellhtmleditor.html 第一个、流体排版 首先是一个文字排版里的大小里【流体排版】的概念。可能用的不多,但这个是我最喜欢的 CSS 技巧之一。...
为什么 CSS 那么难写?如何解决? 前端技术
你觉得难,是因为你默认使用的「关注点混合」思想,在 html 里想设计的事。你需要看一下 亚当·瓦森 的故事,我觉得他是目前从根本上解决 CSS 难写的最完美的人: Tailwind CSS 大家都认识吧?这是目前世界上做的最火的 CSS 框架!因为它就是好用嘛。它的作者亚当·瓦森.....
CSS 相对颜色语法的使用案例,我太爱这个语法了 ~ 前端技术
今天我决定讲一个技巧,上个星期刚遇到的例子,趁热打铁,是与这个问题有关的知识点,关于 CSS 相对颜色这个新语法。 CSS 的颜色定义方式应用场景如下(下面会用到,很重要): 十六进制代码 (HEX) :#3b82f6 ,主要给机器读的,体积小。用的最多。RGBA : rgb(59 130 246 / 0.5) ,方便调试屏幕。能看清楚.....
10 个实用 CSS 代码片段:极简代码实现强大功能 (收藏版) 前端技术
今天讲 10 个代码量极少,甚至就一行,然后用处极大的 CSS 奇技淫巧代码! 下面的代码,可以选择在我制作的简易实时 HTML 编辑器调试学习-> 分格 HTML 编辑器 。 第一个是 aspect-ratio ,这个基础不错的前端肯定知道,菜鸟可能见过,但....
2025 年度 Chrome 的 5 个值得关注的 CSS 新特性 前端技术
CSS 不是一滩死水,它在发展,每年都在。2025 也一样。在 chrome 平台,CSS 今年适配了很多的新功能。能让我们使用 HTML5 + CSS 写出一些,过去非常麻烦甚至要借助一大堆 js 的内容。 虽然现在 ai 在前端的编程能力相当惊人,但我们还是要吃饭的,那谁能吃的更久的.....
快镜头展示八小时的仿站过程,南开大学官网 神奇文字
在这个AI 纵横的年代,既是强烈的东北西北风乱吹的风口时代,又是一个让很多人迷茫无语的时代?AI 能做的事太多了,让很多人穷尽一生的引以为傲的很多本领,刹那间开始变得透明,开始变得没有意义。 deepseek 前几天又更新的 deepseek V1(就那个没有深度思考的版本),我用它做了几......
前端必备的 CSS 库,normalize.css 前端技术
这是一个小 CSS 样式表,是我在阅读《CSS In Depth》 一书中发现的。著名的库,可小数客户端渲染不一致问题。可作为 CSS 基础样式的一部分。
