![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
请针对我谢谢
这个作者很懒,什么都没留下…
展开
-
使用ResizeObserver对单个元素进行大小监听
一、API介绍ResizeObserver这是一个能针对某个元素实行大小、位置变化监听的API,是一个类,它提供了一个观察器,该观察器将在每个 resize 事件上调用,目前chrome、safari、fireFox(pc)基本支持。二、常规用法const resizeOb= new ResizeObserver(entries => { for(const entry of entries) { console.log(entry) }})resize原创 2020-06-23 15:28:39 · 6474 阅读 · 3 评论 -
react+less实现antd全局主题在线替换
一、实现原理使用一些外部依赖,在webpack打包前先把antd所有的样式抽离出来到一个独立的css样式表,然后在html模板的<body>顶层中手动引用这个样式来达到样式覆盖的。二、前期准备(一) 安装相关依赖npm i less less-loader antd-theme-generator(二) 配置less-loader以启用变量修改功能在webpack.c...原创 2020-04-29 11:14:34 · 2120 阅读 · 2 评论 -
使用React-Hook创建轻量版的Redux(下)
接着上一篇继续记录一下关于使用useContext和useReducer结合创建的readux使用方法,还不了解如何创建的请参考:使用React-Hook创建轻量版的Redux(上)一、创建connet工具紧接着上一篇的步骤,我们在App.jsx中使用了自己创建的Provider包裹了组件,那么,我们按照平时使用react-redux透传store的参数到子组件的props时,都会使用co...原创 2020-03-15 10:31:43 · 301 阅读 · 0 评论 -
使用React-Hook创建轻量版的Redux(上)
由于平时工作中使用vue比较多,故而在全局状态管理上必然离不开vuex这个依赖库,使用起来尤为顺手。最近在搭建公司前端的配置中心时,考虑到维护性和可扩展性的需求,想使用typescript作为基础,权衡之下选择了对typescript支持更友好的react作为基础框架,那么除了mobx之外,也尝试了redux,虽说和vuex的原理差不多,但是用起来却十分繁琐,于是看了一下其他大佬的文章,发现结合...原创 2020-02-29 15:56:42 · 323 阅读 · 0 评论