前端开发经验小结

2023-11-14

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

前端开发经验小结 的相关文章

随机推荐