- 博客(6)
- 收藏
- 关注
原创 Hook规则
不要在条件、循环及嵌套函数中使用Hook,确保react在每次渲染中都按照同样的顺序被调用,让react能够在多次的useState和useEffect调用之间保持Hook状态的正确,这是因为:react需要知道哪个 state 对应哪个 useState,靠的就是 Hook 调用的顺序(只要 Hook 的调用顺序在多次渲染之间保持一致,React 就能正确地将内部 state 和对应的 Hook 进行关联)
2023-02-01 14:36:36
97
转载 微信字号调整问题 html,微信H5适配 解决微信调整字体大小导致Html5页面混乱
最近开发公众号遇到一个问题: iOS、Android 加载页面,如果用户调整了微信自带的字体大小,那么我们的页面就会跟随调整字体大小,导致页面错乱无法适配。所以希望能够禁止微信的字体放大功能。 找了一些方法总结如下: 原理:阻止ios和安卓调整字体大小时候的事件,ios通过添加css属性,安卓通过微信属性去阻止。 iOS系统禁止微信客户端修改字体大小: /* iOS禁止微信调整字体大小 */ body { -webkit-text-size-adjust: 100% !important;
2021-09-23 09:48:55
574
转载 z-index使用以及失效的处理方法
1、一般z-index的使用是在有两个重叠的标签,在一定的情况下控制其中一个在另一个的上方出现。 2、z-index值越大就越是在上层。z-index:9999;z-index元素的position属性要是relative,absolute或是fixed。 3、z-index在一定的情况下会失效。 ①、父元素position为relative时,子元素的z-index失效。 解决:父元素position改为absolute或static ②、该元素没有设置position属性为非s
2021-06-30 14:47:25
563
转载 react如何通过shouldComponentUpdate来减少重复渲染
在react开发中,经常会遇到组件重复渲染的问题,父组件一个state的变化,就会导致以该组件的所有子组件都重写render,尽管绝大多数子组件的props没有变化 render什么时候会触发 首先,先上一张react生命周期图: 这张图将react的生命周期分为了三个阶段:生成期、存在期、销毁期,这样在create、props、state、unMount状态变化时我们可以清楚的看到reacte触发了哪些生命周期钩子以及什么时候会render。 如果我们需要更改root的一个state,使绿色.
2021-06-15 16:59:00
170
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人