css
5篇文章 · 0订阅
  • 我放弃 antd 的理由
    Headless UI 是现在的大趋势。但是对于个人以及小公司来说 Headless UI 不能开箱即用，需要维护一套样式规范。那么，有什么既能开箱即用，又能自己掌控的 Headless UI 方案吗
    前端 GitHub 视觉设计
    我放弃 antd 的理由
  • 响应式布局的常用解决方案对比(媒体查询、百分比、rem和vw/vh）
    简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 在静态网页中，我们经常用像素（px）作为单位，来描述一个元素的宽…
    CSS PostCSS 浏览器
  • 浏览器的回流与重绘 (Reflow & Repaint)
    浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点…
    浏览器 前端 JavaScript
  • 移动端布局方案探究
    1. 物理像素(physical pixel) 2. 设备独立像素(density-independent pixel) 3. 位图像素 一个位图像素是栅格图像(如：png, jpg, gif等)最小的数据单元。每一个位图像素都包含着一些自身的显示信息(如：显示位置，颜色值，透…
    CSS
  • 你的垂直居中有问题？我竟无法反驳 🤦🏻‍♂️
    我们平常实现的垂直居中不是真正的垂直居中？何出此言！很多时候，往往自己明明正确的实现了垂直居中，但是 UI/UX 依旧说你的垂直居中有问题，然后自己仔细一看确实好像在视觉效果上存在一些偏差，但是仔细看自己实现的垂直居中代码却丝毫没有问题。今天我们就探讨一下这个有趣问题的由来、解…
    前端
    你的垂直居中有问题？我竟无法反驳 🤦🏻‍♂️