yun_hello

flex已经越来越成为前端不可避免的话题。曾经为了搞清flex的原理偶然画了一张图。但后来发现只是冰山一角。 在某些你想实现的交互效果中使用flex后可能会发现并不起作用。通过我的实践，大致有三个问题

本文将结合之前的文章用css代替js实现动态“多行溢出省略”效果，并描述由此带来的一些“周边”问题。 首先，在上一篇文章中也提到，很多情况下我们确实要去实现“多行溢出省略”的效果，单行的文字会给用户带

如果页面有大量需要跳转的链接怎么办？ 如果跳转过去的页面需要大量数据怎么办？ 如果网速比较慢怎么办？ 提前加载！ 我们必须事先说明一下，这里的“提前加载”Preload可能并不那么“pre”。他是依托

css推出的:where、:has 和 :is 伪类满足了我对“逻辑化CSS”的简单幻想。 简单说下，假如你有这么一个需求：在响应式页面中，你需要判断头部元素中是否具有某一个图标，以决定 Top 文字

前端性能优化相关的“技能点”笔者之前也写过几篇，但是大多都是小打小闹。我重新整理了曾经使用过的性能优化手段。本文介绍三种方案：**页面资源预加载**、**服务请求优化**和**非首屏视图延迟加载**。

一直到产品要加一个单独引导页的需求，我才仿佛第一次了解般细想这个功能。因为我发现，对这个“引导页”，我第一时间也是迷茫的，有些按钮询问了产品才知道是干啥用的。 当用户遇到和这个时候类似的场景

背景 我们通常会遇到这么一个场景：有几个基本功能一样的组件，但是他们之间又存在着足够的差异。这时候你就来到了一个岔路口：我是把他们“按部就班”地写成不同的组件呢？还是保留为一个“公共组件”，然后通过p

之前写过一篇文章「小tips：如何摆脱浏览器下12px的限制」，不少人觉得“有点东西”。文中提到的“transform: scale()”方法也是利用了CSS中 transform 的特点，可以说兼顾

图片让web性能变得复杂，也变得有趣了。 相信初学者一定看到过这样的案例：“当你在HTML中将一张500*500像素的图像缩小，就会带来不必要的下载开销。” 在这个例子中，你让浏览器将图片在视觉上缩小