草庐IT

jump-links-and-viewport-positioni

全部标签

javascript - Learnyounode #6 使其模块化 : correct results AND throwing error at the same time?

我正在完成nodeschool.iolearnyounode练习#6,makeitmodular。我得到了正确的结果,但仍然有一段我不熟悉的代码出错。任何帮助都会很棒。这是结果和错误:Yoursubmissionresultscomparedtotheexpected:ACTUALEXPECTED────────────────────────────────────────────────────────────────────────────────"CHANGELOG.md"=="CHANGELOG.md""LICENCE.md"=="LICENCE.md""README.md"

javascript - 谷歌地图圈 : how to trigger an event when moved and how to obtain the new center

所以我能够在我的谷歌地图v3上制作一个圆形对象作为叠加层。我将其可编辑属性设置为true。接下来我想做的是在用户移动圆圈时获取圆心的坐标。为此,我需要某种响应事件而触发的方法。我以为我已经在初始化函数中设置了这一切,如下所示。但是,我没有收到任何警告框。所以我假设这个响应事件的函数没有被触发。functioninitialize(){cityCenterLatLng=newgoogle.maps.LatLng(cLat,cLong);options={center:cityCenterLatLng,zoom:15,mapTypeId:google.maps.MapTypeId.ROAD

JavaScript (ES6) : Named parameters and default values

我来自Python,我真的很喜欢设置命名参数和默认值的方式——现在看来ES6允许我做类似的事情。但我不明白为什么最后一次通话中断了:fun=({first=1,last=1})=>(1*first+2*last)console.log("-----------")console.log(fun({first:1,last:2}))console.log("-----------")console.log(fun({last:1,first:2}))console.log("-----------")console.log(fun())//Breaks 最佳答

Javascript 正则表达式模式将多个字符串(AND、OR)与单个字符串匹配

我需要根据一个相当复杂的查询来过滤一组字符串——在它的“原始”形式中,它看起来像这样:nano*AND(regulat*OR*toxic*OR((riskORhazard)AND(exposureORrelease)))要匹配的字符串之一的示例:WorkshopontheSecondRegulatoryReviewonNanomaterials,30January2013,Brussels所以,我需要使用ANDOR和通配符进行匹配-所以,我想我需要在JavaScript中使用正则表达式。我已经正确地循环、过滤并正常工作了,但我100%确定我的正则表达式是错误的——一些结果被错误地省略了

javascript - 如何在 SPA 应用程序中处理 "intention to open link in new page"?

嗯,在我的(react)单页应用程序中,我有很多“内部链接”。这些链接通过使用路由器存储更改url来工作。(Mobx+react)。由于html标准警告不要在没有实际href的情况下使用href,如果使用on_click事件,则应使用样式看起来像链接的按钮。这工作得很好。除了现在我希望改进使用,我希望允许消费者按下ctrl+click、鼠标中键或用户使用的深奥浏览器的任何键绑定(bind),以“在新选项卡中打开链接”。有没有办法获取浏览器点击的“意图”?-即查看用户的意图是否是在新选项卡中打开链接(按钮)?如果正常点击链接,不让用户重新加载页面?或者从另一方面来说:当点击一个相对URL

javascript - masonry 事件 : Call event after imagesLoaded and layoutComplete

这就是我想要做的。我有一个包含大量图像的网格,因此我将imagesLoaded库与masonry一起使用。这是我的CSS:.grid{opacity:0;}和HTML:imageimageimage这是我的JS:var$container=$('.grid');//initializeMasonryafterallimageshaveloaded$container.imagesLoaded(function(){$container.masonry({columnWidth:'.grid-sizer',itemSelector:'.item',gutter:'.gutter-size

javascript - div 水平进入视口(viewport)时的动画

我正在创建一个无限水平进给,我想在元素水平进入视口(viewport)时为元素设置动画。我正在为此尝试使用waypoint.js。JSFIDDLE1234将.show添加到div,这会将div的不透明度从0更改为1。$(function(){$(".item").each(function(){$(this).waypoint(function(){$(this).addClass('show');},{offset:'100%',horizontal:true});});});CSS.item{width:500px;height:250px;background:red;color

javascript - 检测 <link> 资源的负载?

浏览器为提供加载事件和标签。有没有办法检测对元素的请求是否已完成?具体来说,我希望检测何时出现'd样式表已加载。不幸的是,我认为使用哨兵样式并检测来自computedStyle的负载在我的情况下不可行。 最佳答案 可能有更简单的方法,但这对我有用。确保您的标签有一个title属性:然后使用这样的函数来检查特定样式集中是否存在样式:functionlinkLoaded(linkTitle,checkStyle){for(varix=0;ix 关于javascript-检测资源的负载?,我们

javascript - CSS/HTML5 :hover state remains after drag and drop

我正在使用html5的拖放功能在屏幕上重新排列dom元素-我在执行此操作时将css行为附加到拖放的各种状态,但我遇到的问题是悬停状态保持均匀在我拖放和鼠标移出DOM元素之后。这是我的代码:JavaScript:functionaddDragListeners(){$('.segmentListItem').each(function(index){$(this)[0].addEventListener('dragstart',handleDragStart,false);//rolloverforcurrent$(this)[0].addEventListener('drop',han

javascript - AngularJS 指令的 link() 函数中的 DOM 元素未准备好

我正在创建一个AngularJS指令,它应该有一个C3.js基于它的图表。问题是C3库看不到它应该附加到的DOM元素。该指令的link函数如下所示:link:function(scope,element,attrs){scope.someid='id';scope.chart=c3.generate({bindto:"#somechart"+scope.someid,data:{columns:[['data1',30,200,100,400,150,250],['data2',50,20,10,40,15,25]]}});console.log($("#somechart"+scop