讲解面试常见的flex:1和flex:auto的区别。其实这两个属性的差异藏在细节里，今天我们就从 “原理拆解→场景对比→误区避坑” 三个维度，彻底搞懂它们的区别，让你在项目中不再凭感觉写代码。

在前端开发中，我们经常会遇到接口返回的文本内容过长，无法完全显示的问题。为了处理这一问题，自定义一个hook实现出现省略号自动添加Tooltip包裹。

今天在刷知乎，看到一篇非常棒的文章，想复制其中一段给妹子，结果提示“禁止转载内容不支持复制”，开玩笑，这点小伎俩能拦得住我？于是起身打开笔记本电脑尝试起来，不看不知道，一看有门道。

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `height: 100vh` 就行了

说到布局很多人的感觉应该都是恐惧，为此很多人都背过一些很经典的布局方案，例如：圣杯布局、双飞翼布局等非常耳熟的名词； 为了实现这些布局我们有很多种实现方案，例如：table布局、float布局、定位布

React真的是太灵活了,写它就感觉像是在写原生 JavaScript 一样,一个功能你可以有多种实现方式,例如你要实现动态样式,只要你愿意去做,你会有很多种解决方案。

Headless UI 是现在的大趋势。但是对于个人以及小公司来说 Headless UI 不能开箱即用，需要维护一套样式规范。那么，有什么既能开箱即用，又能自己掌控的 Headless UI 方案吗

大屏 适配 伪适配 优点： 适配比较快，就使用正常px开发就好了，监听下分辨率做一个scale缩放。 缺点： png、canvas 等要转成svg，不然就会模糊、不清晰。 真适配 vw 100vw 等

困扰着前端人自适应大屏适配的噩梦可能要被这短短的几行代码破解了，难道这就是大屏适配的最优解？快来看看这款名为autofit的小工具，用了都说好！