http被浏览器强制跳转https
本地调试时如果遇到http强制跳转https的情况,需要修改一下浏览器的HSTS域名安全策略,具体可参考这篇文章
如果是在微信开发者工具,参考这篇文章
window.open性能问题
window.open(url)打开新标签页时会导致新老标签页共用同一个进程,可能会导致性能问题。具体问题原因是这样新开的标签页中会带有window.opener这个对象,其中驻留了新老页面的DOM信息,若是实现为多进程则很难控制,所以除IE以外的浏览器就将它们实现为同一个进程,chromium项目的具体站点隔离详见这里。解决方案是window.open(url, ‘_blank’, ‘noopener’),可以参考这篇博客
globalThis
不要在项目中使用globalThis,在IOS 12.2以下会有问题:https://stackoverflow.com/a/65530907
flex:1时设置width:0的作用
设置flex:1时width: 0的作用是使元素宽度/高度(竖向弹的话就是高度)等于平均分配的宽度/高度;如果不设置width: 0则会使元素宽度/高度等于内容的宽/高,造成元素表现出非预期的尺寸
antd抽屉在低版本webview上无法正常弹出
需要在抽屉上加上-webkit-overflow-scrolling: touch;这个属性表示当手指从触摸屏上移开,内容会保持一段时间的滚动,详见MDN
React Query回调不生效
React Query使用经验:当onSuccess等回调写在mutate()里面的时候需要注意要保证组件不被卸载。例如:在一个模态框里使用时,如果模态框在提交变更之后被销毁了,那请求回来之后就不会触发相应的回调。具体的示例代码可以参考这篇stackoverflow