首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

BOM

它是JS访问浏览器窗口的一个接口。 它是一个全局对象。定义全局作用域中的变量、 函数都会变成window对象的属性和方法。...注意: 有了window.onload就可以把JS代码写到页面元素的上方,因为onload是等页面内容全部加载完毕, 再去执行处理函数。...window.onresize 是调整窗口大小加载事件, 当触发时就调用的处理函数。 注意: 只要窗口大小发生像素变化,就会触发这个事件。 我们经常利用这个事件完成响应式布局。...setInterval0)方法重复调用一个函数,每隔这个时间,就去调用一次回调函数。 注意: window可以省略。...该对象包含用户(浏览器窗口中)访问过的URL。 ? history对象一般实际开发中比较少用,但是会在一些 OA 办公系统中见到。 ?

1.3K10
您找到你想要的搜索结果了吗?
是的
没有找到

前端成神之路-WebAPIs04

document.addEventListener('DOMContentLoaded', function() { alert(33); }) 调整窗口大小事件...window.onresize 是调整窗口大小加载事件, 当触发时就调用的处理函数。 注意: 只要窗口大小发生像素变化,就会触发这个事件。 我们经常利用这个事件完成响应式布局。...window.addEventListener('load', function() { var div = document.querySelector('div'); // 注册调整窗口大小事件...该对象包含用户(浏览器窗口中)访问过的URL。 ? history对象一般实际开发中比较少用,但是会在一些 OA 办公系统中见到。 ? 1.3....比如做饭的异步做法,我们烧水的同时,利用这10分钟,去切菜,炒菜。 ? JS中所有任务可以分成两种,一种是同步任务(synchronous),另一种是异步任务(asynchronous)。

1.5K10

easyui(一) 初始easyui「建议收藏」

EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签,一段废话...是如何的方便          看标记的内容,是我们比较常见的,按钮(easyui做的肯定比我们普通按钮什么都没有的更好)、日历、对话框窗口等等,并且对于每一个组件,easyui都会给出我们例子,供我们参考...maxWidth:当调整小时候的最大宽度 默认10000 maxHeight:当调整小时候的最大高度 默认10000 minWidth:当调整小时候的最小宽度...maxWidth:当调整小时候的最大宽度 默认10000 maxHeight:当调整小时候的最大高度 默认10000 minWidth:当调整小时候的最小宽度...onResize:调整大小期间触发。当返回false的时候,不会实际改变DOM元素大小。

2.8K30

「Web编程API」- 04

() { alert(22); }) document.addEventListener('DOMContentLoaded', function() { alert(33); }) 调整窗口大小事件...window.onresize是调整窗口大小加载事件, 当触发时就调用的处理函数。...window.addEventListener('load', function() { var div = document.querySelector('div'); // 注册调整窗口大小事件...该对象包含用户(浏览器窗口中)访问过的URL。 history对象一般实际开发中比较少用,但是会在一些 OA 办公系统中见到。 1.3. JS执行机制 以下代码执行的结果是什么?...比如做饭的异步做法,我们烧水的同时,利用这10分钟,去切菜,炒菜。 JS中所有任务可以分成两种,一种是同步任务(synchronous),另一种是异步任务(asynchronous)。

87220

前端量子纠缠源码公布!效果炸裂!

跨多个窗口设置3D场景 一个简单的例子展示了如何使用three.js和localStorage同一源上跨窗口设置一个3D场景。...= 'hidden') { init(); } }; // 初始化函数,设置场景、窗口管理器、调整大小、更新窗口形状并开始渲染 function init() { initialized...这是为了防止某些浏览器中,页面内容在用户实际访问URL之前预加载时,可能出现的问题。 初始化3D场景和窗口管理 初始化函数init负责设置场景、窗口管理器、调整渲染器大小以适应窗口,并开始渲染循环。...窗口形状更新通过调整sceneOffset来实现,这样可以使3D世界的位置与窗口屏幕上的位置相匹配,从而实现跨窗口的立体效果。...窗口尺寸调整 最后,resize函数确保当浏览器窗口大小改变时,相机和渲染器也相应地更新,以维持3D场景的正确透视和比例。

1K20

前端量子纠缠源码公布!效果炸裂!

跨多个窗口设置3D场景 一个简单的例子展示了如何使用three.js和localStorage同一源上跨窗口设置一个3D场景。...= 'hidden') { init(); } }; // 初始化函数,设置场景、窗口管理器、调整大小、更新窗口形状并开始渲染 function init() { initialized...这是为了防止某些浏览器中,页面内容在用户实际访问URL之前预加载时,可能出现的问题。 初始化3D场景和窗口管理 初始化函数init负责设置场景、窗口管理器、调整渲染器大小以适应窗口,并开始渲染循环。...窗口形状更新通过调整sceneOffset来实现,这样可以使3D世界的位置与窗口屏幕上的位置相匹配,从而实现跨窗口的立体效果。...窗口尺寸调整 最后,resize函数确保当浏览器窗口大小改变时,相机和渲染器也相应地更新,以维持3D场景的正确透视和比例。

29510

JavaScript的使用前言

二、js基础: 1、js代码的位置: html,通过下面的标签编写js: // js编写区 不过不建议将...js代码直接写在html页面中,可以单独编写js文件,然后html页面中按下面的方式引入js文件: 这样就把script.js引入进来了...5、js函数的定义: 所谓函数,就是Java中所说的方法,JavaScript中用function关键字来定义函数: function 函数名() { 函数代码; } 上面的是无参函数,也可以定义带参函数..._self和_top,_self表示在当前窗口打开新页面,_top表示框架网页中在上部窗口中显示目标网页;第三个参数字符串可以设置如下内容: 参数 值 说明 top Number 窗口顶部离开屏幕顶部的像素数...image.png 常用的一些方法本文js基础部分已经讲过,这里不再赘述。

2.6K20

【一统江湖的前端(9)】TensorFlow.js 开箱即用的深度学习工具

,它是神经网络的实际输出和期望输出之间偏差的量化评估标准,最常用的损失函数就是均方差损失(tf.losses.meanSquaredError),其他损失函数可以TensorFlow的API文档中进行查看...权重调整的目的就是为了使损失函数达到极小值,所以通常采用“梯度下降”的思想来进行逼近,梯度方向是指函数某一点变化最显著的方向,但实际的情况往往并没有这么简单,假设下图是一个神经网络的损失函数曲线: 可以看到损失函数的形态...,例如人脸识别框架face-api.js(它可以浏览器端和Node.js中实现快速的人脸追踪和身份识别),语义化更加明确的机器学习框架ml5.js(可以直接调用API来实现图像分类、姿势估计、人物抠图...,这个结果就是该区域映射后的值,接着将过滤器窗口向右滑动固定的距离(通常为1个像素),然后重复前面的过程,当过滤器窗口的右侧和输入图像的右边界重合后,窗口向下移动同样的距离,再次从左向右重复前面的过程,...22小的窗口来进行区域映射的最大池化层,那么最终将得到一个3*3的图像输出,过程如下图所示: 可以看到,不考虑深度影响时,示例中8*8的输入图像经过卷积层和池化层的处理后已经变成3*3小了,对于后续的全连接神经网络而言

96020

我写了一款谷歌浏览器插件

然后就在网上找到了一段可以调整播放速度的 JS 代码。...但是当我用了两次之后就发现,实在受不了这种重复而且相当不灵活的操作。还有一个问题是计算机相关专业的大多数同学会使用这种办法,但是应该还有很大一部分同学并不知道怎么用。...又半个小时后,V1.0.2 出来了,下面是视频演示(视频大约9M,有声音) (视频无法添加,观看请点击这里 ) 原理 为插件面板上的进度条绑定事件,当滑动时将数值传递给后台的 controlVideo.js...打开谷歌浏览器,点击窗口右上角的三个小点,然后点击「更多工具」,接着点击「扩展程序」。...看到「加载已解压的扩展程序」后然后点击它,弹出的窗口中选择你刚刚解压后的文件。 (注:解压后的文件就不要动了,一旦删除或移动位置那么谷歌浏览器中的插件将不能使用。

1.4K50

第124天:移动web端-Bootstrap轮播图插件使用

Bootstrap JS插件使用 > 对于Bootstrap的JS插件,我们只需要将文档实例中的代码粘到我们自己的代码中 > 然后作出相应的样式调整 Bootstrap中轮播图插件叫作Carousel...")     + 通过JS的方式获取屏幕的宽度;     + 判断屏幕宽度是否小于一定的值(如:768)     + 根据判断情况决定使用具体的图还是小图 三、javascript 1、根据屏幕大小设置轮播图片..., - 所以我们可以通过window的resize事件中重新完成以上操作来解决这个问题 1 function 窗口变化后执行的函数名(){ 2 // 具体的操作 3 } 4 $(window).on...('resize', 窗口变化后执行的函数名); 5 ``` 6 7 - 这个事件只会在窗口尺寸发生变化后执行,但是我们需要一开始时执行一次 trigger函数是让window对象立即出发一次 $(window...).on('resize', 窗口变化后执行的函数名).trigger('resize'); 3、小图片不需要使用背景的方式   - 小图如果还是使用背景的方式,当屏幕特别小时,效果很差   - 所以当使用小图时

6.2K40

three.js 新手指南

我第一次使用 Blender, 1 小时内完成了我的网格。这个网格还有优化的空间(网格结构有点凌乱)但可以用于这个 demo。...camera.position.set(0,6,0); scene.add(camera); // More code goes here next... } 更新视窗尺寸 目前为止一切都很好,但当网站访问者调整浏览器窗口小时会发生什么呢...当浏览器调整小时,会发生几件事。首先,我们要重新获取浏览器窗口宽高,将它们保存在当前函数作用域内的变量中。然后,我们使用这些值重新设置渲染器的尺寸,并且重新计算相机的宽高比。.... // 创建事件监听器,将渲染器大小重新调整为浏览器窗口大小。...加载器中使用回调函数设置网格的材质。

7.7K20

JavaScript笔记(18)之BOM

访问浏览器窗口的一个接口 它是一个全局对象.定义全局作用域中的变量,函数都会变成window对象的属性和方法 调用的时候可以省略window,前面学习的对话框都属于window对象方法,如alert...注意: 有了window.onload就可以把JS代码写到页面元素的上方,因为onload是等页面内容全部加载完毕再去执行处理函数 window.onload传统注册事件方式只能写一次,如果有多个,会以最后一个...调整窗口大小事件 window. addEventListener('resize', function( ){ }); window.onresize是调整窗口大小加载事件,当触发时就调用的处理函数...,[延迟的毫秒数]) setTimeout()方法用于设置一个定时器,该定时器定时器到期后执行调用函数 我们试着让程序2秒后弹出警示框: 这个延时时间单位是毫秒,但是也可以省略,省略默认为...[间隔的毫秒数]) setInterval()方法重复调用一个函数,每隔这个时间,就去调用一次回调函数 我让他每隔两秒打印一次数字 案例: 倒计时 我自己先做了一遍,虽然还是很多地方难住了,

79310

前端高薪必会的JavaScript重难点知识:防抖与节流详解

二、防抖案例:搜索查询 比如我们一个表单中输入内容,JS通过监听输入框值的变化来查询搜索结果,我们会通过keyup事件来处理,当键盘弹起时就会触发keyup事件,事件处理函数中发送请求处理查询结果。...我们输入内容时,会频繁的触发keyup事件,然而我们并不希望太频繁触发keyup事件处理函数发送请求查询。...只需用户最后一次输入完,再发送请求 窗口大小resize。只需窗口调整完成后,计算窗口大小,防止重复渲染。...防抖只是最后一次事件后才触发一次函数。...只需用户最后一次输入完,再发送请求 窗口大小resize。只需窗口调整完成后,计算窗口大小,防止重复渲染。

1.5K00
领券