草庐IT

实时目标检测

全部标签

javascript - 使用 JavaScript 检测浏览器窗口 "Maximized"/"Minimized "

当用户点击浏览器窗口的“最大化”/“恢复”或“最小化”按钮时,有没有办法用JavaScript跟踪这些事件?是否有任何合适的事件或属性可供使用?我希望当用户单击窗口右上角的“最大化”按钮时,网页应拉伸(stretch)到特定宽度,并且当浏览器处于可调整大小模式时,网页可调整大小。有人可以帮助我吗?我不介意JavaScript或jQuery。提前致谢。 最佳答案 听起来您想要的是一种在调整浏览器大小时调整大小但仅达到最大宽度的布局。如果是这种情况,您可以在CSS或JavaScript中完成。假设您的内容位于如下元素中:-content

javascript - 如何使用特征检测来了解浏览器是否支持 border-radius? (包括IE9)

我见过很多使用以下方法检测对边界半径的支持的示例:varcssAttributeNames=['BorderRadius','MozBorderRadius','WebkitBorderRadius','OBorderRadius','KhtmlBorderRadius'];for(vari=0;i但这似乎不适用于支持border-radius的IE9。我错过了什么吗? 最佳答案 知道了-检测数组需要添加“borderRadius”-它区分大小写。 关于javascript-如何使用特征

javascript - 使用 Javascript 正则表达式检测行尾或字符串结尾

我试图找到Javascript正则表达式来检测后跟换行符或字符串结尾的关键字(任何字符)。这是我的尝试:.+(?:\n|$)我不确定$是否可以用于or条件。有什么想法吗?更新我试图用正则表达式检测的是一个关键字后跟(1)另一个关键字,或(2)什么都没有(因此换行或字符串结尾)例如:匹配新行之前的字符串“aaa”;字符串末尾的字符串“bbb”也匹配。 最佳答案 给你:https://regex101.com/r/tP5eV8/2/[a-z]+$/gmg返回多个匹配项,m表示多行$匹配新行这只匹配该行的最后一个关键字。这是一个匹配一个或

javascript - 如何检测 Angular2 中 Date 对象的变化?

使用setDate方法修改的日期对象不会在模板中更新。在模板中:{{date|date:'mediumDate'}}在组件中:nextDay(){this.date.setDate(this.date.getDate()+1);}但是当我调用nextDay函数时,模板不会更新为新值。我能让变化检测工作的唯一方法是这样做:nextDay(){vartomorrow=newDate();tomorrow.setDate(this.date.getDate()+1);this.date=tomorrow;}是否有更好的方法来完成同样的任务? 最佳答案

javascript - 如何查询和过滤 Firebase 实时数据库

这个问题在这里已经有了答案:QuerybasedonmultiplewhereclausesinFirebase(8个答案)关闭5年前。我想从数据库中获取名字和姓氏由用户输入给出的所有人。到目前为止,这是我的代码:admin.database().ref('persons').orderByChild('Firstname').equalTo(firstName).limitToLast(1).once("value").then(function(snapshot){}这段代码只过滤名字,但我找不到任何方法为姓氏添加另一个Where子句。我试图添加另一个orderBy,但它似乎不起作

javascript - 具有非核心检测的自定义 grunt-modernizr

自从我发现yeoman的那天起,我将它用于我所有的前端项目。它包括grunt-modernizr-至少我认为-下载库并在我调用构建任务时即时编译它gruntbuild但我有一个小问题:默认情况下,它不包括我们可以在这里在线看到的“非核心检测”:modernizrcustombuilder这是我的grunt-modernizr任务配置(Gruntfile.js文件的一部分):modernizr:{devFile:'/components/modernizr/modernizr.js',outputFile:'/components/modernizr/modernizr.js',extr

javascript - Chrome 无法检测图像尺寸

我试图确保在我的图像查看器中打开大于其查看宽度的图像。但是,在720p分辨率和GoogleChrome浏览器中,原始宽度和视口(viewport)宽度的宽度均为0...这是一个示例页面,其中应在BFXView中打开图像(尝试在较低分辨率的Chrome中):LiveExample日志(扫描的第一张图像是有问题的图像)StartingBFXViewVersion0.3Build61alphabfxcore.js:92BFXView->Lookingforimagesin:.postpreview...bfxcore.js:92BFXView->Lookingforimagesin:.con

javascript - 如何检测用户是否在同一 session 中打开了多个窗口或选项卡?

我想检测用户是否在同一个session中打开了多个窗口或选项卡,如果他打开了-我想在屏幕上打印一条特殊信息。这个限制应该只在一个特殊的URL中起作用,所以如果用户打开了两个带有url的选项卡/窗口:http://page.com/limite.htm-我想打印特殊信息。当用户打开两个带有url的窗口/选项卡时:http://page.com/limite.htm和http://page.com/index.htm-一切正常,我不会显示任何信息。这可能吗?谢谢。 最佳答案 我认为最好的方法是使用localStorage。http://

javascript - 实时数据无限滚动

我正在尝试在Web应用程序中实现无限滚动,可以从服务器添加或删除记录,按其ID的字母顺序排序,相关数据也可以随时更改,我必须显示最新数据.我了解无限滚动的工作原理以及如何显示一组固定对象的最新数据(在我的例子中,反复轮询并将数据转储到View中),但我无法理解如何将两者集成。API使用游标,每次向我发送20条记录。请帮忙 最佳答案 我想我明白你最关心的是什么。具有实时更新的无限滚动很难实现。您必须仔细考虑并弄清楚您真正想要实现的目标。有几种情况需要考虑,为简化起见,假设我们使用带有行的网格:可见行已更改(编辑)在可见行之间添加了新行

javascript - 如何使用 Angular 2 检测用户不活动?

我正在尝试创建一个Angular应用程序,其中包含用户在几分钟不活动后需要注销的视频。如果用户正在正常或全屏观看视频,则无需注销。如果选项卡处于非事件状态并且正在播放视频,我需要他在处于非事件状态后注销。 最佳答案 最简单的方法是使用idlejs.它与Angular配合得很好,它包括Typescript的.d.ts绑定(bind)。import{Idle}from'idlejs/dist';//withpredefinedeventson`document`constidle=newIdle().whenNotInteractive