自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 在 React + UmiJS 项目中使用 postcss-plugin-px2rem + lib-flexible 的完整指南

px: 75, // 普通屏'2x': 37.5 // Retina屏(DPR=2)},// 其他配置...exclude: /(node_modules|antd|@antd)/i, // 排除antd等库selectorBlackList: ['am-', 'ant-'] // 过滤特定前缀}):动态计算根字体大小,实现响应式布局:自动将px转换为rem,提高开发效率UmiJS内置的PostCSS支持:无需额外配置构建工具。

2025-04-03 15:01:45 331

原创 amfe-flexible&postcss-pxtorem在react项目中的使用

PostCSS 是一个用 JavaScript 编写的工具,用于将 CSS 转换为另一种 CSS,常结合插件一起使用,像 autoprefixer (自动添加浏览器前缀)、 cssnano (压缩 CSS 代码)等。通过创建一个 craco.config.js 文件,在其中定义需要覆盖的配置项,就可以在不破坏 CRA 封装性的前提下修改 PostCSS 配置。- 缺点 :这是一个不可逆的操作,一旦执行 eject ,就无法再享受 CRA 自动更新默认配置的便利,后续项目维护和升级的复杂度会增加。

2025-04-02 18:44:43 815

原创 Recoil状态管理器在React函数组件中的详细使用指南

Recoil是由Facebook开发的一个React状态管理库,专门为React函数组件设计。它提供了一种简单、高效的方式来管理组件间的共享状态,同时保持了React的响应式和函数式特性。Recoil为React函数组件提供了一种轻量级、高效的状态管理解决方案。它特别适合需要细粒度状态管理和派生状态的应用程序。虽然生态系统不如Redux成熟,但对于大多数React应用来说,Recoil提供了更简单、更直观的状态管理体验。

2025-04-01 20:24:33 409

原创 ResizeObserver和IntersectionObserver作用

【代码】ResizeObserver和IntersectionObserver作用。

2024-05-14 15:42:12 203 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除