设计师交付的图放在网站上模糊,但原文件是清晰的,是什么原因?
很多人都遇到过这样一个令人困惑的情况:设计师辛苦做好的图,打开源文件看着清晰锐利,结果上传到网站之后,放大一看模糊得一塌糊涂。明明文件没问题,为什么到了网站上就"失真"了?这篇文章就来系统梳理这背后的几大核心原因,以及每种情况对应的解决思路。
我优化了 HTML 结构之后,首屏速度又快了将近一秒
做完前面的优化之后,我以为性能这块差不多了。结果用 Lighthouse 跑了一下,得分还是上不去——TBT(总阻塞时间)红色,FCP(首次内容绘制)也不好看。
CSS BFC 完全指南:为什么你的 z-index 99999 总是不生效?
在前端开发中,你一定遇到过这种崩溃时刻:给一个元素设置了 z-index: 99999,结果它还是被某个元素死死挡在后面。或者,明明给父元素加了 overflow: hidden,却莫名其妙影响了子元素的布局。如果你也有过这种经历,那么这篇文章就是为你写的。
100G 英语资料没读?我用 AI 搭了个台子
前段时间写了一篇文章,文章是《存了100多G的牛津树和RAZ,女儿一页没读过,直到我给她搭了个工作台》,有兴趣的可以看一下。
GITHUB 60.7K+ Star!打通设计与代码流程,设计稿直接输出投产代码
Adobe 收购 Figma 失败后,越来越多团队陷入两难:商用 Figma 按人头订阅成本暴涨、国内访问卡顿、设计文件存第三方服务器存在合规风险;国产工具功能残缺、私有格式锁死无法对接开发。
CSS神器:aspect-ratio一行代码搞定宽高比
CSS 现代布局神器:aspect-ratio 一行代码搞定宽高比在前端开发中,控制元素的宽高比一直是个麻烦事。传统方案要用 padding-bottom hack,代码繁琐还不直观。CSS 现代属性 aspect-ratio 的出现,彻底改变了这一局面。
浏览器报告商品图宽度变小,先看naturalWidth使用的单位
一张准备上传的商品主图,文件检查显示宽度是两千多像素,网页脚本读出的宽度却小了一截。运营担心下载拿到缩略图,准备重新导出。做决定以前,先确认读到的是原文件尺寸、页面显示宽度,还是图片元素的naturalWidth;它们并不承诺返回同一个数字。