首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JS】1675- 4 个容易被忽略的 JavaScript API

准确地说,只要页面的可见性状态发生变化,无论是用户最小化、最大化窗口还是切换标签,该API都会触发一个事件。 在过去,你不得不使用一些噱头来了解用户是否切换了标签或最小化了窗口。...当访问该属性时,会根据页面的可见性状态返回四个可能的值: visible:该页面是可见的,或者准确地说,它没有被最小化,也不在另一个标签。...一个页面的可见性状态可以从prerender开始,然后改变到另一个状态,但它不能从另一个状态改变到prerender。 unloaded:该页面正在从内存中卸载。...,当最小化窗口或者切换到另一个标签时,查看页面可见性状态。...另一个使用Page Visibility API的场景是,当用户没有查看页面时,停止获取不必要的资源。

17520

你不知道的JavaScript APIs

准确地说,只要页面的可见性状态发生变化,无论是用户最小化、最大化窗口还是切换标签,该API都会触发一个事件。 在过去,你不得不使用一些噱头来了解用户是否切换了标签或最小化了窗口。...当访问该属性时,会根据页面的可见性状态返回四个可能的值: visible:该页面是可见的,或者准确地说,它没有被最小化,也不在另一个标签。...一个页面的可见性状态可以从prerender开始,然后改变到另一个状态,但它不能从另一个状态改变到prerender。 unloaded:该页面正在从内存中卸载。...,当最小化窗口或者切换到另一个标签时,查看页面可见性状态。...另一个使用Page Visibility API的场景是,当用户没有查看页面时,停止获取不必要的资源。

95620

Webpack 5 Module Federation: JavaScript 架构的变革者

访问应用的 home 也将会使这个 “home” 成为 “host”,如果你切换到 “about” ,那么这个 host(home 的 spa)实际上是从另一个独立应用(about 的 spa)...中动态加载一个模块,它并不会加载应用主入口以及另一个完整的应用,而只会加载几千字节的代码。...如果我在 “about” 刷新浏览器,“about” 将会成为 “host”,此时我回到 “home” ,“about” (“host”)将会从 “remote” 获取运行时的一些片段——这个...:3003/app_two_remote.js"> 从 REMOTE 消费代码...没有代码层面的冗余,而只有内置的冗余。 然而手动地增加 vendors 或其他用于共享的模块并不利于拓展,你可以自定义一个函数或者相应的 Webpack 插件来实现自动化。

1.8K30

作为window对象属性的元素 多窗口和窗体

/index.js"> 111 1111 <div...因为script脚本在头部先进行加载,无法获得完整的dom树,导致dom树获取全为空值,因为在处理js脚本的时候,dom树渲染是阻塞的,除非允许异步渲染,加载完成以后进行渲染,或者是异步的随机渲染。...对于客户端js来说,窗口,标签,iframe和框架都是浏览上下文。对于js来说都是window对象。...和独立的不同之处在于,js脚本能够看到其祖先和子孙 打开和关闭窗口 使用window的open可以打开一个新的标签 window.open将会载入指定的url到新的或者已经存在的窗口中(取决于如何设置...(或者递归打开的窗口),脚本才能通过名字指定存在的窗口,或者如果是一个窗口内嵌在另一个窗口里的窗体,那么在它们的脚本之间可以相互导航。

2.1K50

爬虫学习(三)

爬取百度贴吧的时候,发现他的数据藏在了HTML页面的注释中,是根据js解析出来的。如果遇到诸如此类的网站,数据是根据js修改后加载的。我们只需要提供一个不支持js的浏览器版本即可。.../div[2]/div[1]/div[1]/a # 下一链接://*[@id="frs_list_pager"]/a[contains(text(),'下一')]/@href # 贴吧图片链接://...获取cookie信息: driver.get_cookies() 获取当前页面的标题: driver.title 查看当前的url: driver.current_url 定位百度页面的搜索框 kw...4.4.3窗口与框架 XPath无法提取到Iframe框架里面的处理。 selenium标签的切换: # 1....('/html/body/div[5]/div/div[5]/div[2]/ul/li/div[2]/h2/a') # 获取房屋租赁信息,text表示获取标签的文本, for room in room_list

5.6K30

通过WebRTC进行实时通信-通过RTCPeerConnection传输视频

> 一个视频元素用于显示从getUserMedia()上获取的视频流,另一个通过RTCPeerConnection显示同样的视频流。...在真实的应用中,一个视频元素显示本地流,另一个显示远端流。 添加 adapter.js 片段 在main.js链接之上,添加一个到当前 adapter.js版本的连接。...如果你想跳过下面的说明也没问题。 你仍然可以继续 codelab!...Alice 将序列化后的候选者数据发给 Bob,在真实的应用中,这个过程(称为信令)通过消息服务发生- 在后面的步骤中,你将学到如何处理它。...提示 在这一步学习了很多内容,另一个详细的解释了RTCPeerConnection的资源是webrtc.org/start.这包括了JavaScript架构的建议 - 如果你喜欢 WebRTC,而且不想因

5.1K20

jquery 常用方法总结

$("div > p")  子后代选择器 div中直接子后代       $("div + p")第一个兄弟p   简单选择器       :first 选取第一个元素   $("div:first")...只加载一次.一般写jq都写在里面       .each(funtion(){}) 每个对像都要执行的函数       .map(funtion(){})将一个数组中的元素转换到另一个数组中。....pageX、pageY       target 获得触发事件的元素 个人觉得没什么用,就相当于this       altKey、shiftKey、ctrlKey       keyCode 键盘码、 获取按下的是哪个键...失去焦点   [搜索文本框效果]       获取对像的宽度和高度       var width = $(对像).width();       var height = $(对像).height();.../js/jquery.easyui.min.js" type="text/javascript">       <script src="../..

1.6K00

Web 应用开发进化论

Knockout.js、Ember.js 和 Angular.js 这些都是早期的用 JavaScript 编写单应用程序的库/框架;而 React.js 和 Vue.js 是后来才发布的。...当导航到下一(例如 conardli.top/about)时,会向 Web 服务器发出另一个请求以请求该页面的部分 如果你回顾一下传统网站的工作方式,你会发现它与启用代码拆分的 SPA 非常相似。...因此,我们必须从客户端向服务器(使用 JavaScript/Node.js 或其他编程语言编写的应用程序服务器)发出另一个请求,以请求这些缺失的的数据。...在当前页面,用户可以看到他们所有的博客文章,因此在加载此页面时需要获取所有这些博客文章。这些获取的文章在代码中会被保存为客户端内存中的状态。...这意味着理想情况下,从一个页面导航到另一个页面然后返回初始页面的用户不应该触发对初始页面所需数据的第二次请求。相反,它应该已经通过状态管理缓存在客户端上了。

4.2K10

django实战(二)--带多字段模糊查询的分页(也是不容易)

/bootstrap.js"> Document <h3...我们查询后的/curd/3这里不应该是1么,从第一开始?这就是我们之前进行异常控制的原因。如果我们不设置,就会报错Emptypage,因为不是从第三开始的。...我们尝试下一,浏览器地址:http://127.0.0.1:8000/curd/2?query=p,这正如我们所说,跳转到第二了,同时,我们仍然位于模糊查询的列表中。...因为我们在第一次进行模糊查询时,后端将从前端获得的query重新传回给了前端,并保存在url路径中,所以我们选择页面的时候,只是会改变页面的值,而后面的query仍然是存在的。...其中遇到的另一个坑就是,自己非要利用外键进行关联查询,在进行模糊查询时,publisher是外键,不能直接用publisher__contains,而应该用publisher__name__contains

1K20

React Router 6 (React路由) 最详细教程

每个单应用其实是一系列的 JS 文件,当用户请求网站时,网站返回一整个(或一系列)的 js 文件和 HTML,而当用户在某个页面内点击时,你需要告诉浏览器怎么加载另一个页面地址。...首先我们新建一个 router.js 文件,并在其中加载好 React-Router 组件 import '....>hello world } export default App; 这里我们直接在 App.js 中加上一个叫 Home 的组件,里面只是单纯地展示 hello wolrd 而已。...但有时,你可能希望知道用户所在的路径,来做一些对应显示和特殊逻辑处理,或者是你需要让用户鉴权后才能访问某个路径,那么你需要继续读一下后文几个章节 如何获取当前路径 如何在 React-Router 中获取当前用户在访问的页面的路径...>这里是卡拉云的网站,你当前在 {pathname},你是从 {from} 跳转过来的 } 如何设置默认路径(如 404 ) 在上文的路由列表 Routes 中,我们可以加入一个 catch

21.3K84
领券