前端开发经验小结

于 2023-03-12 20:53:18 发布
阅读量504 收藏
点赞数
分类专栏： 前端 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44256803/article/details/129480670
版权

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

blingbling_110
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
window.open用法详解
夕山雨的博客
08-09 7万+
目录一、window.open1. 基本语法 本文主要分两部分。第一部分详细介绍window.open的详细用法，包括它的基本语法、使用说明等。第二部分由window.open引出，我们将介绍当存在多个页面相互关联时，页面之间的通信问题。 一、window.open 1. 基本语法 ...
window.open()详解
weixin_33712881的博客
06-30 840
window对象用法：1. open方法　　语法格式：window.open(URL,窗口名称,窗口风格)　　功能：打开一个新的窗口，并在窗口中装载指定URL地址的网页。　　说明：open方法用于打开一个新的浏览器窗口，并在新窗口中装入一个指定的URL地址；open方法在打开一个新的浏览器窗口时，还可以指定窗口的名称(第二个参数)；open方法在打开一个新的浏览器窗口时，还可以指定窗口的风格(第三...
Window.open()方法参数详解
chuituoyi7265的博客
05-02 879
1, 最基本的弹出窗口代码 window.open('page.html'); 2, 经过设置后的弹出窗口 window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=n...
前端学习笔记——JavaScript（一）基本语法
qq_44228263的博客
02-27 653
@[TOC]前端学习笔记——JavaScript（一）基本语法 如何插入JS 内部插入 使用<script>标签在HTML网页中插入JavaScript代码。注意，<script>标签要成对出现，并把JavaScript代码写在<script></script>之间。即 <script type="text/javascript"> <!--JavaScript代码写在此处--> </script> <script
网页中嵌入外部页面的四种方法
wmyasw的专栏
09-28 2万+
一．应用框架技术 ---- 要在宿主页面中嵌入外部页面的方法是，在宿主页面中包含外部页面的位置插入“”语句即可(注意: 标签中的各种属性含义请查阅相关技术手册)。 ---- 如果想在嵌入的外部页面过长时不出现滚动条，在外部文件标签中加入“scroll=no”或者在宿主页
Web 前端开发经验小结
09-22
以下是我开发时碰到的问题以及心得经验，花了些时间调试，贴出来避免大家少走弯路。
WEB前端开发经验总结(20211215094256).pdf
11-17
WEB前端开发经验总结(20211215094256).pdf
WEB前端开发经验总结[定义].pdf
10-20
【标题】：WEB前端开发经验总结 【描述】：本文主要分享了作者在ASP.NET前端开发中的经验，尤其是关于WEB标准的理解，特别是HTML5和CSS3.0的应用，并阐述了采用WEB标准开发的优势。 【标签】：前端开发，WEB标准，...
前端开发之学习经验总结
最新发布
05-27
前端开发主要关注的是软件的展示层，即用户能够看到和触摸到的部分。 HTML是前端开发中最基本的语言，它用来描述文档结构和内容。CSS用于定义文档的样式和布局，使得文档展示更加美观、易读。JavaScript则是一种...
20200215——Cms前端开发总结
01-07
小项目的路由 最后都会集成到base/router import Vue from 'vue'; import Router from 'vue-router'; Vue.use(Router); // 定义路由配置 let routes = [] let concat = (router) => { routes = ro
JS window.open()用法
daxiang的专栏
09-21 3万+
本文转自：http://blog.csdn.net/vastskyjoe/article/details/4122104 注：根据原文稍作改动，文中代码存在较严重兼容性问题，参考时请慎重！ 一. Window 对象 Window 对象是 JavaScript 层级中的顶层对象。 Window 对象代表一个浏览器窗口或一个框架。 Window 对象会在 或 每次出现
window.open详解（打开新窗口、脱离当前浏览器窗口打开新窗口）
日常笔记/总结/系列知识梳理
06-09 2万+
语法 window.open(URL,name,features,replace) 参数 描述 URL 字符串（可选），新窗口中要显示的地址 name 字符串（可选），打开窗口的方式，类似a标签tartget属性：_blank,_parent,_self,_top features 字符串（可选），申明新窗口的显示特征，见下表 replace 布尔值（可选），true - URL 替换浏览历史中的当前条目；false - URL 在浏览历史中创建新的条目 窗口特征（Feat
Javascript - 基本内容4
XHW0901的博客
07-29 303
一、BOM 1. 概念 --- browser object model 浏览器对象模型 一组与浏览器相关的内置对象和函数。Window对象 2. 与window对象相关的函数和属性 1）打开和关闭浏览器窗口 open() close() var w = window.open( url ) ; 新建一个新的浏览器窗口，并在窗口里显示url指定的资源，返回值w代表新打开的浏览器窗口对象 Window.close(); 关闭当前窗口 Alert() ---- 警告框 ...
js window.open方法
墨 尘
11-12 1137
var iTop = (window.screen.height-30-200)/2; //获得窗口的垂直位置; var iLeft = (window.screen.width-10-500)/2; //获得窗口的水平位置; var showWin = window.open("about:blank",'_blank','width=500,height=200,top='+iTop...
Android popupwidnow通用
FlyPig_Vip的博客
12-03 243
compile 'com.github.pinguo-zhouwei:CustomPopwindow:2.1.1' url 'https://jitpack.io' https://github.com/pinguo-zhouwei/CustomPopwindow https://www.jianshu.com/p/799dbb86f908 一个大大 封装的 就俩类 pub...
小知识 跳转新的页面 window.open()
weixin_49290900的博客
09-18 278
后端给我返回的是 url 是这样的 我一开始 写的时候是这么写的 但是 我发现 点击链接 每次跳的不是网站 ， 而是现在项目的某一个 页面，然后我就换了一种方式去写 请看下面的 写个判断就可以了。 ...
window.open使用方法
qq_44915016的博客
09-18 5218
window.open使用方法 open方法用来可以查找一个已经存在或者新建的浏览窗口； 1.语法： window.open([url],[窗口名称],[参数字符串])； 解释： **url:**可选参数，浏览器的路径，如果忽略不写，窗口就不显示任何文档。 例如打开:**https://blog.csdn.net/qq_44915016/**网站。 **窗口名称：**被打开的窗口名称； 1.名称由字母，数字，下划线组成。 2."_top","_blank","_self"特别注意。 “_top”
window.open()参数详解
热门推荐
小糖穿越火线
03-22 4万+
1、window.open方法有三个参数： window.open(url, [name], [configuration]) 其中： url：为要新打开页面的url name：为新打开窗口的名字，可以通过此名字获取该窗口对象 configuration：为新打开窗口的一些配置项，比如是否有菜单栏、滚动条、长高等等信息 例子： 新打开一个没有菜单栏、标题栏、工具栏，但是有滚动条、状态栏、地址栏...
window.open
wxl1390的博客
03-30 999
window.open方法有三个参数: window.open(url, [name], [configuration]) 其中： url: 为要打开页面的url name:为新打开窗口的名字，可以通过此名字获取该窗口对象 configuration:为新打开窗口的一些配置项，比如是否有菜单栏，滚动条，地址栏且可伸缩窗口的方法调用如下： 例如，新打开一个没有菜单栏、标题栏、工具栏，但是有滚动条、状态栏、地址栏且可伸缩窗口的方法调用如下： window.open("index.html","newW.
Web前端开发简单讲解PPT课件
10-14
总结来说，Web前端开发是构建互动网页的关键，而高效的开发工具如SublimeText2则能极大地提升开发效率和工作质量。对于初学者和经验丰富的开发者而言，掌握这些基础知识和工具将有利于在Web开发领域取得成功。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值