huaganshang

众所周知，有些属性是不支持过渡动画的，比如高度auto 效果如下 要实现过渡效果，之前提供过一个grid布局方式，原理是利用grid的尺寸单位1fr支持过渡的特性，有兴趣可...

在上回中，尽管unocss的纯css图标解决方案几乎无可挑剔的解决了图标问题，功能性问题解决了，但开发体验仍然有待改进。 假如你有自定义图标i-foo-bar: 按照上回文...

前言 我们大部分切图崽都用过iconfont的图标方案，就算你没用过也不要紧，他看起来像这样子： 通过class名iconfont指出这是iconfont图标，再通过ico...

在 React 17 之前，每个 React 组件都需要声明 import React from 'react';，这是因为 JSX 语法在编译时会转换为 React.cr...

本文介绍了 React 开发中的复合组件模式组件模式（Compound Components Pattern）的应用，在某些场景下采用这种模式，我们能够构建更加灵活和高效的...

即使页面元素有`word-wrap:break-word;` 样式属性，单词也照样会被直接裁断换行。...

React Router 是构建单页应用（SPA）的关键工具，提供强大的路由管理和无刷新导航功能。它简化了页面间的跳转和动态路径处理，支持嵌套路由和 React Hooks...

一、核心理念：为什么HTTP/3是前端技术分水岭？ 关键趋势 全球移动端流量占比达63%（Statcounter数据） 5G网络平均丢包率是4G的1.8倍（OpenSign...

ArrayBuffer、Blob、File、FileReader、MediaSource之间的关系和各自知识点整理...

前言 随着数字媒体的普及，以及信息共享的广泛应用，如何保护数字媒体的版权成为了一个重要的问题。其中，数字水印技术作为一种可靠的技术手段被广泛使用。它通过在数字媒体中嵌入不可...

随着 Web技术不断的革新，以往很多依赖于图片展示的布局能较轻易地通过代码来实现，而且现在的布局也不仅仅局限于平面的布局。实际上也有一些伪3D，甚至是3D的布局效果。...

CSS 滚动捕捉允许用户完成滚动之后将视口锁定到某个元素的位置。非常适合用来建立下面这样的应用： 实现滚动捕捉主要依靠两个属性：容器元素的 scroll-snap-type...

什么是零宽度字符 一种不可打印的Unicode字符，在浏览器等环境不可见，但是真是存在，获取字符串长度时也会占位置，表示某一种控制功能的字符。 常见的零宽字符有： 空格符：...

对于许多 Web 开发者来说，使用 CSS 制作边框动画并不容易，事实上，借助现代 CSS 特性和 CSS 动画，我们有更多技巧可以给边框添加动画效果。而且事情越来越简单，...

想打造让团队超爱的可靠React组件？本文分享7种TypeScript模式，从接口定义到泛型、条件类型等运用，助你提升代码健壮性与可维护性，轻松攻克React开发难题 。...

在过去的几个月里，我尝试开发了两款产品（见文末）。这两款产品的主要形态都是浏览器插件 + 网站。在开发这两款产品浏览器插件的时候，我用到了一些非常好用的三方库，在这里做一个...

探索JavaScript新特性：滚动快照事件！掌握Chrome 129+新引入的`scrollsnapchanging`与`scrollsnapchange`事件，实现滚动...

Navigation API 是 Chrome 提出的一套导航 API，提供了操作和拦截导航的能力，以及对应用程序的历史导航记录进行访问。这为 window.history...

看完本文，你将 让你的 VSCode 打字流畅度提升 114 倍 不同工程使用各自的项目配置、插件 更加美观的自定义窗口 更加智能代码提示、替换 更加清晰的代码块结构，能一...