草庐IT

ctrl+鼠标禁止伸缩页面

全部标签

javascript - 在我的页面上包含 jquery 库有什么缺点吗?

我已经使用javascript一段时间了,最​​近开始使用jquery,我承认我是它的粉丝。允许在该页面的脚本标签中使用该库。我想知道的是,即使页面上没有jquery代码,仅包含脚本标签是否会减慢页面加载时间,以及使用jquery是否还有其他主要缺点 最佳答案 将脚本标签放在页面底部。在onload事件触发之前,这不会减慢DOM的处理速度。使用缩小版的jQuery,它与小图像/图标一样小。如果访问者访问您网站中的多个页面,通常也会在他们第一次访问后缓存这些页面。如果您使用内容交付网络(例如Google的),它也可能已经被预缓存(或从

JavaScript 执行暂时挂起页面

我有一个大量使用jQuery/JavaScript的网络应用程序。它在内存中保存了一个大数组,用户通过在文本框中输入来过滤它。问题:当过滤算法运行时,应用程序变得无响应,浏览器甚至会询问用户是否让脚本继续。最理想的情况是,我希望过滤器函数在单独的线程中运行,以避免无响应。这有可能吗?或者,我想显示一个旋转的沙漏或类似的东西,但浏览器在运行繁重的脚本时似乎无法显示动画GIF。解决问题的最佳方法是什么? 最佳答案 浏览器在主事件处理线程中执行脚本。这意味着任何长时间运行的脚本都可以占用浏览器队列。你应该将你的过滤器逻辑分成block并在

javascript - elementFromPoint 滚动页面后返回 null

我有一个javascript小书签,我把它放在一起,让一项艰巨的任务变得更容易忍受。本质上,我正在浏览数百页的培训Material,并确保所有内容都已从Helvetica正确转换为Arial。小书签代码在下面,但快速分解是它创建了一个mousemove事件监听器和一个小的、绝对定位的div。在mousemove事件中,div移动到新的鼠标位置(向下和向右偏移10px),使用elementFromPoint获取鼠标下方的元素并显示该元素的font-family属性。哦,它会根据Arial是否出现在属性中来更改它的背景颜色。varbodyEl=document.getElementsByT

javascript - Facebook 聊天框不会在页面之间重新加载

我在Facebook上观察到这个功能,当你在右下角打开一个聊天框,然后你转到另一个页面,比如你friend的个人资料,或者Facebook中的某个照片集页面时,聊天框不会重新加载,它会保留在原处(就像在背景页面顶部的单独层中一样)。很自然地,我认为Facebook本身并没有重新加载页面,它正在使用history.pushstate和相关函数异步加载内容,并动态更改URL(Firebug证实了这一点,如果你点击你friend的名字并被带到你friend的个人资料页面,它实际上是一个被触发的GET请求)。因此,由于没有任何页面加载,聊天框可以保持空闲状态。但是,版本10之前的IE不支持pu

javascript - 鼠标悬停期间附加的跨度上的单击事件未触发

我将span附加到mouseover上的div,我只想触发对嵌套span的点击。感觉我已经尝试了所有的运气。http://jsfiddle.net/NHHSX/1/我找到了几个类似的,但不幸的是它们也没有成功。 最佳答案 将mouseover更改为mouseenter并使用事件委托(delegate)$('.container').on('mouseenter',function(e){$(this).append('Iwantthistobeclickable..');}).on('mouseleave',function(e){

javascript - 运行每个页面加载的按钮回调函数

我有一个按钮:当按下时,这会运行一个函数...此时关闭,生成一个AJAX帖子,并在控制台中打印回一些文本(只是为了测试,这部分有效):varhelper=(function(){return{onSignInCallback:function(data){vardataString='access_token='+data['access_token'];$.ajax({type:"POST",url:"getdetails",data:dataString,dataType:'html',timeout:0,statusCode:{200:function(data){console

javascript - 如何使用 Angular.js 引导多个模块显示在同一页面上

我看过Googlegroups,angularjs.org以及一些严肃的谷歌搜索,但我没有找到任何明确的例子或解释我正在尝试做的事情。我想做的是使用多个模块将我的应用程序分解为多个View。我从在线阅读中知道您需要手动引导,但我仍然无法写入我目前有2个模块“thermostatApp”和“PeopleApp”,我想将它们附加到它们自己的容器中,如下所示:我想做的是像这样引导到每个容器元素:angular.element($('#peopleApp_container')).ready(function(){angular.bootstrap($('#peopleApp_containe

javascript - 重叠 SVG 元素上的鼠标事件

如何处理重叠svg元素上的点击事件?我正在使用Reaphael.js库。问题是topDOM元素正在拦截鼠标事件,即使底部元素没有被任何绘图重叠。我的问题是如何使我的示例中的两个圆圈都可点击并仍然将它们保留在两个svg元素中?这是我的代码:CSS:#container{position:relative;width:200px;height:200px}#container>svg{position:absolute!important;top:0;left:0;}JavaScript:vartopLayer=Raphael('container',200,200);varbottomL

javascript - Hook Google Map API 中的鼠标滚轮事件

是否可以挂接到GoogleMapAPI中的鼠标滚轮事件?无需赘述,我需要鼠标滚轮像在Googlemap中一样进行缩放,但我还需要附加到鼠标滚轮事件以用于其他目的。但是每当我在MapOptions中将scrollwheel设置为true时,GoogleMapAPI就会吃掉所有鼠标滚轮事件并拒绝共享它们(你不觉得很self中心吗?)!收听像zoom_changed这样的Googlemap事件将不起作用,因为如果map处于最小或最大缩放级别,它们不会触发,这是我需要的。更具体地说,我需要知道用户是否在已经处于最大缩放级别时尝试拉近距离。这“感觉”是可以解决的,但我的直觉并不总是正确的:-)有

javascript - stack overflow是如何实现页面持续更新的呢?

这个问题在这里已经有了答案:Howtoshowcontinuousrealtimeupdateslikefacebookticker,meetup.comhomepagedoes?(4个答案)关闭8年前。太棒了——你打开stackoveflow问题,页面就在你眼前自行修改!“啊,这很明显”,我想。他们只是不断向服务器发送AJAX请求以检查是否发生了变化。没有!我打开了Firefox的Firebug插件并查看了网络面板。几分钟内没有发送任何AJAX请求。正如您可能经历过的那样,该页面的更新频率远高于每分钟一次!您知道这是如何实现的吗?