- 博客(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关注的人