阿伟来咯

Vue 开发者可能都注意到，UnoCSS 的讨论频率越来越高。它不像 Tailwind 那样有营销声势，不像 Windi 那样起得早，却在 2024 年之后逐渐“渗透”进越...

在 Flexbox 布局中，flex: 1 与 height: 0 的配合使用是一个常见的技巧，主要是为了处理不同浏览器对 flex 项内容高度计算的差异。...

哈哈，之前是 2020 年必读文章，到了 2021 年了，感觉这些文章还都是经典，那就改个标题吧。[手动狗头] 之前写过一篇 一年半经验如何准备阿里巴巴前端面试，给大家分享...

常常会苦恼，平常做的项目很普通，没啥亮点；面试中也经常会被问到：做过哪些亮点项目吗？ 前端监控就是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目就是在裸奔...

Web Worker为前端带来了后端的计算能力，十万、百万条数据都是弟弟…… Web Worker扩大了前端的业务边界，减轻了因大量计算造成的UI阻塞...

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理...

在lottie中动态更新动画中的文案、处理动画中元素的点击事件及动画结束的回调事件，使我们的动画真正的动起来。...

前言 最近我所负责的项目中，我采用了动画效果，并开始使用 gif 来实现。然而，在实践过程中，我发现 gif 格式的动画在 git 中出现了明显的锯齿感，这让我非常困扰。为...

动画在前端领域中的作用是提升用户体验、吸引用户注意力。在不同的场景中，我们需要根据动画的特点去选择不同的方式去呈现，演绎最高级的动画就要选择最合适的技术栈。...

html2canvas 是一个用于将 DOM 结构转为 canvas 对象的一个库，但是利用其转换 DOM 中的图片时会遇到跨域问题，本文主要讲述如何解决该问题，以及具体原...

大家好，我是元兮。 就在这个月，我发布了新书《NestJS全栈开发解析：快速上手与实践》并开源了书中的实战项目代码。其中需要特别说明的是，项目面向的是快速上手的基础人群，当...

作为前端同学，或多或少都会接到动画需求。如果是有规律性的动画还是相对容易实现的，但如果是比较复杂的帧动画，我们用 CSS 实现的话，就非常容易造成如下情况，设计师是卖家秀，...

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超...

前端双越老师，大名鼎鼎的 wangEditor 作者。而 wangEditor 从v2,v3 到 v4，v5, 到停止维护，再到如今无人接手，不禁令人唏嘘。...

在Web开发中，图片压缩是一个常见且重要的需求。随着高清图片和多媒体内容的普及，如何在保证图片质量的同时减少其文件大小，对于提升网页加载速度、优化用户体验至关重要。前端作为...

图片压缩是一个博客系统很常见的需求, 个人站点「昆仑虚」目前使用的是 TinyPNG 提供的 API 来实现图片压缩的, 偶然间看到了 sharp 方案......