草庐IT

实时目标检测

全部标签

javascript - React-router:防止导航到目标路线

我正在使用具有历史记录的react-routeruseQueries(createHashHistory)()并且我有几条我想根据路由配置阻止导航的路由。所以路由配置是这样的:...所以让我们假设我在#/view-2上并调用类似history.push({pathname:'/view-1'});的操作.但是一旦路线view-1有一个标志canNavigate={false}-我想阻止导航到它并显示一条消息而不改变哈希和任何其他副作用(比如调用view-2的onLeaveHook)。我在考虑听历史:history.listenBefore((location,callback)=>{/

javascript - Mathjax - 当有顶部固定菜单时,为方程的目标 "\eqref"链接添加偏移量

我尝试使用“纯”CSS解决方案或使用Javascript来实现为等式上的Matjaxanchor链接添加偏移量。当我在页面上向下滚动时,会出现一个固定的顶部菜单。我用这样的Javascript处理这种行为:$(window).bind("load",function(){$('a[href*="#"]').click(function(event){event.preventDefault();if(location.pathname.replace(/^\//,'')==this.pathname.replace(/^\//,'')&&location.hostname==this.

javascript - 如何让 webpack hot reload 检测 pug + express 的变化?

我有一个带有pug和手写笔的Express应用程序。我已经配置了HMR中间件,它会在手写笔发生变化时重新加载,但不会在哈巴狗发生变化时重新加载。我想知道我是否缺少特定配置。我也尝试添加pug-html-loader但那也不起作用。//server.jsapp.set('views',path.join(__dirname,'views'));app.set('viewengine','pug');constwebpackDevMiddleware=require('./hmr').dev;constwebpackHotMiddleware=require('./hmr').hot;ap

javascript - 如何检测 IE 是否作为可信站点访问我的站点?

是否可以确定我的网站是否作为受信任的站点被访问?在anotherquestion我们确定,一般来说,查看客户端IE设置是不明智的。这可以算作异常(exception)吗?我想这样做的原因是某些功能将无法工作,除非该站点作为受信任的站点被访问(例如客户端发送邮件——不要问),我想能够警告用户。尽管页面中有许多警告,但许多用户仍然不阅读,并向我们发送令人讨厌的邮件。我们希望通过检测这种情况并闪烁一个大警告来减少电子邮件数量,该警告基本上是说“您没有阅读警告,并且在您更改设置之前您尝试执行的操作将不起作用!"欢迎提出任何想法。编辑:在我们的商店中,客户端sendmail仅在站点受信任时才有效

javascript - 如何检测浏览器窗口是否聚焦?

我的页面应该只在窗口处于后台时发出通知声音。我可以跟踪window.onfocus和window.onblur事件以注意到焦点状态何时发生变化。但是,我不知道该窗口是否会以焦点方式加载,因为它可能会加载到背景选项卡中,例如。在收到onfocus/onblur事件之前,我如何决定是否播放声音? 最佳答案 你不能假设它加载模糊,然后在收到任何类型的事件(keydown/mousemove)后立即将状态更改为聚焦吗? 关于javascript-如何检测浏览器窗口是否聚焦?,我们在StackOv

javascript - 检测故意的顶部和底部额外滚动

我正在尝试使用javascript检测有意的额外顶部/底部滚动。$(window).scrollTop()和window.pageYOffset没有用,因为它们停在Top0我想达到类似顶部-X。对于底部,假设我的文档的高度为500,底部将类似于bottom5XX。编辑:示例代码可以是:$(window).scroll(function(){if(intentionalScrollTop){//Dosomething}elseif(intentionalScrollDown){//Dosomething}});动图示例: 最佳答案 我

javascript - 检测用户何时到达 html 页面中只读文本区域的末尾

我需要检测用户何时到达html页面中readonlytextarea的末尾。文本区域将显示一个很长的应用程序日志。日志文件太大,一次加载所有文本是不可能的(有些日志文件几乎有200MB)。所以我将加载第一行,比如说,1000行,然后我需要检测用户何时接近加载文本的最后一行,以通过ajax调用为他提供接下来的n行。检测此事件的最佳方法是什么? 最佳答案 您应该将textarea.scrollHeight与textarea.scrollTop进行比较-它们越接近,您就越接近文本区域的末尾。

javascript - 如何检测 Google Instant 页面是否已完全加载?

我正在开发一个浏览器扩展(想想SEOQuake)-我需要显示一些关于显示的搜索结果的数据。问题:如果在Google即搜即得结果页中添加任何内容,而它仍在加载过程中,它将覆盖所有添加内容。我发现自己写了一些非常不稳定的setInterval业务(等到ol#rso的内容停止改变大小,诸如此类)所以我想这意味着我不确定如何可靠地确定页面加载完成。我可以只让它等待1-2秒,但我真的想在加载结果后立即开始获取数据以节省最多的时间。编辑:记住,我不能使用DOMElementWhatever,因为IE8不支持它。 最佳答案 试试这个:window

javascript - 饼图点击问题 - 未检测到点击

我一直在尝试创建一个图表来显示世界不同地区发生的事件。所以我基本上结合了两个图1)d3googlegraph(http://bl.ocks.org/mbostock/899711)通过map和jqueryflot饼图(http://people.iola.dk/olau/flot/examples/pie.html)显示区域来映射事件。我将所有相应的纬度经度值存储到一个数组中,并根据这些值附加map上的标记。所以基本上我会创建一个xhtml:div借助在相应标记上留出空间创建这些div后,我将为每个相应的div元素添加饼图。所以图形创建成功,饼图的“plotclick”功能,捕捉饼图上

javascript - 是否有可能检测用于 Web 开发中渐进增强的处理能力?

有时我需要添加超出CSS3范围的动画效果,例如与滚动位置耦合的效果等。通常,这工作得很好,但最近我遇到了一个棘手的问题。我正在尝试制作动画用户使用-webkit-filter:blur()向下滚动页面时出现的模糊效果。这很容易用一些JavaScript实现,但我发现动画模糊确实给用户的处理器带来了压力。动画在我全新的上运行正常速度极快的mac-book,但无法在旧机器(甚至是我的浏览器)上流畅运行GoogleChrome以外的计算机)。实现细节并不重要,但我发现这个问题回避了问题:CanItransparentlydetect(roughlyperhaps)theclientsproc