【6】前端实习：自执行函数理解+orientationchange+resize+addEventListener

最新推荐文章于 2024-07-28 18:46:48 发布
最新推荐文章于 2024-07-28 18:46:48 发布
阅读量684 收藏 1
点赞数
分类专栏： 前端 文章标签： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40610760/article/details/96993803
版权

【自执行函数】

（立即调用函数）自执行函数有两种表达式：

  • ( function() {  } )()
  • ( function() {  }() )
  • ***！function() {  } ()*****
  • ***+ function() {  } ()*****

!function 与+ function的作用都是与自执行函数的作用相同：被浏览器立即自动执行该函数。

 

【orientationchange】

【resize】

\

 

 

BBbila
关注
专栏目录
前端PC-移动端CSS公共样式+HTML
老街的酒香
05-07 4560
无聊把自己平时用的CSS公共样式整理发上来，方便自己查看也方便共享一：移动端公共样式/* 禁用iPhone中Safari的字号自动调整 */ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 解决IOS默认滑动很卡的情况 */ -webkit-overflow-scrollin......
webform计算某几列结果_1+x 证书 Web 前端开发初级实操考试（试卷5 ）
weixin_39907316的博客
02-22 3563
本文编写于 439 天前，最后修改于 366 天前，其中某些信息可能已经过时。Web前端开发初级模拟测试卷(五)PDF版点击查看共55道题 总分：200分一、单选题共30题，60分1.在弹性盒子中，以下不属于justify-content的值是()DA flex-startB centerC space-betweenD end2.alt和title属性的特点表述正确的是()BA 不同的...
获取屏幕翻转resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', 'orientationc
yytoo2的博客
12-24 4148
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',  这段是为了获取移动端屏幕是否翻转（手机重力感应等引起屏幕长宽变化之类的） 'orientationchange' in window 这个是判断在window对象中是否有orientationchange属性，因为orientationch
小步学习——orientationchange和resize事件
weixin_47159518的博客
10-19 370
orientationchange执行时机问题，触发orientationchange事件时，浏览器横竖屏状态已经发生改变，但是浏览器还没有更新宽高数据。
JavaScript自执行函数：用途、好处
最新发布
xiaohua0708day的博客
07-28 311
语法：自执行函数的语法是将函数定义放在一对括号中，然后在后面再加上一对括号来立即执行该函数，例如：(function() { // code })();自执行函数经常用于实现模块化开发。避免全局污染：自执行函数可以将变量和函数封装在函数作用域内，避免了对全局作用域的污染，有助于保持代码的整洁和可维护性。避免命名冲突：自执行函数中的变量和函数都是在函数作用域内，可以避免与全局作用域中的同名变量和函数发生冲突。通过自执行函数，可以将一段代码封装起来，形成一个独立的作用域，这有助于提高代码的可读性和可维护性。
屏幕视口变化监听，resize不生效时可以用orientationchange
随手记的笔记
05-16 467
orientationchange事件，该事件在设备的方向发生变化时触发，比如从纵向到横向或从横向到纵向的变化。可以用resize，但是有时候监听不到高度变化，这个时候可以用。
获取屏幕翻转：var resizeEvt = ‘orientationchange‘ in window ? ‘orientationchange‘ : ‘resize‘
m0_37866091的博客
12-08 742
获取屏幕翻转：var resizeEvt = ‘orientationchange’ in window ? ‘orientationchange’ : ‘resize’ var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize' 这段是为了获取移动端屏幕是否翻转（手机重力感应等引起屏幕长宽变化之类的） ‘orientationchange’ in window 这个是判断在window对象中是否有orie
实现rem布局的resize事件和orientationchange事件和加载VConsole
weixin_50367873的博客
05-14 761
window的resize时间和动态加载vConsole
web前端面试题（必背面试题）
热门推荐
Z_Gleng的博客
05-25 3万+
自己总结的常见的面试题 总字数13万+ 大概有200+左右道题 会不定期更新
js - js+css实现横竖屏变换自动使用不同样式
yuuuuchang的博客
01-14 4080
今晚我在写一个页面,要求是在用户旋转屏幕的时候应用不同的样式,让网页更好地表现内容.难点不在于根据横竖屏来设置不同的样式,而是在于在用户旋转屏幕之后需要刷新一下才能应用新的样式,这样贼麻烦. 因此今晚搞了两个小时,终于实现在旋转屏幕的时候自动切换样式了 首先,我写的这个页面在dom加载完成后会获取当前屏幕的宽度进行计算rem. 也就是说,如果用户第一次打开这个网页是竖着看的...
商城（技术栈vue+vuecli+vant+axios）
weixin_43964148的博客
09-12 5179
1.细节配置 @@配置Fastclick，在main中引入并使用即可 //1.引入 fastclick import FastClick from "fastclick"; if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { Fa...
orientationchange
08-09 135
ios 一旦有元素是position:fixed,在滚动屏幕过程中就会触发resize，后来还是用orientationchange和resize区分了 android的qq浏览器下orientationchange这个失效了。只能用resize。 转载于:https://www.cnblogs.com/coding4/p/5751681.html...
orientationchange事件
weixin_30315723的博客
02-02 181
orientationchange事件 resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'； 转载于:https://www.cnblogs.com/aliwa/p/6361247.html
事件 orientationchange
L的专栏
03-10 3123
目的：当手机旋转后，panel会自动旋转并且relayout。 该事件简介如下： orientationchange( Ext.Panel this, String orientation, Number width, Number height ) Fires when the orientation changes, if the monitorOrientation config
js 监听屏幕转动orientationchange 获取横屏状态window.orientation 监听屏幕旋转完成 苹果手机屏幕多次旋转之后window获取的尺寸不对
weixin_42448623的博客
07-02 5000
// 监听屏幕转动 window.addEventListener('orientationchange',function(){ var orientation = window.orientation; switch(orientation){ case 90: case -90: orientation = 'landscape'; //这里是横屏 break; default:
jQueryMobile的(二十一) 方向改变事件(orientationchange)
无名的专栏
11-04 1837
当设备的方向变化（设备横向持或纵向持）此事件被触发。绑定此事件时，你的回调函数可以加入第二个参数，作用为描述设备横或纵向的属性，"portrait"或;landscape"。这些值也会作为class值加入到html的元素中，使你可以通过css中的选择器改变他们的样式。注意现在当浏览器不支持orientationChange事件的时候我们绑定了resize 事件。 手持设备方向改变时执行
监听移动设备的旋转/orientationchange
zoey的博客
07-06 262
window.addEventListener('orientationchange', orientationChangeHandler); orientationChangeHandler(){ // Returns the orientation in degrees (in 90-degree increments) of the viewport relative to the device's natural orientation const orientation = w.
【原】js检测移动端横竖屏
weixin_33923148的博客
05-30 377
摘要：上周做了一个小项目，但是要放到我们的app上，然而需要横竖屏使用不同的样式。横屏一套，竖屏一套。调用了手机APP那里的api,可是他们那里ios和安卓返回的不一样。 各种头疼。于是用了css3的media来做。根据不同的屏幕尺寸显示不同的样式，可是还是有问题的。 使用media来判断屏幕宽度遇到的问题： ios上当我旋转屏幕的时候可行，但是安卓机上没反应，横屏显示的还是我竖屏的样...
js移动端强制横屏
06-01
"orientationchange" : "resize", function() { if (window.orientation === 180 || window.orientation === 0) { document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值