草庐IT

相对与绝对

全部标签

javascript - 使用 momentjs 缩写相对时间(Instagram 样式)?

moment().startOf('day').fromNow()//6hoursago.如何更改上面的内容以显示6h? 最佳答案 您可以定义自定义语言环境字符串。moment.locale('en',{relativeTime:{future:"in%s",past:"%sago",s:"seconds",m:"aminute",mm:"%dminutes",h:"anhour",hh:"%dhours",d:"aday",dd:"%ddays",M:"amonth",MM:"%dmonths",y:"ayear",yy:"%dy

javascript - CORS 相对于跨域消息传递的优势

CORS和跨域消息在我看来是一样的:它们允许跨域通信。是否有任何理由使用一个与另一个? 最佳答案 CORS用于ajax请求或flash通常不允许的flash请求。例如,如果域x没有跨域策略,你通过flash从那里检索一个mp3文件进行播放,flash将不允许你读取mp3文件的id3标签。对于ajax,如果目标服务器没有允许您的域发出请求的跨域策略,您将无法发出请求。跨域消息传递允许您与来自不同来源的文档中的iframe进行通信。例如,如果您有youtube视频iframe,您可以向该iframe传递一条消息以更改音量。通常无法进行通

javascript - 我的心智模型错了吗?如果使用 https 调用页面,则将使用 https 调用相对 css 路径

Ifyourpagegetscalledusinghttpsprotocol,anyrelativepathtoanexternalcsswillbecalledusinghttpsprotocolaswell.Areyoureallyneedtoencrypt/decryptcsscontents?:DHowever,ifyouuseabsolutepathreferringtoanexternalcss,youcanspecifytheprotocoltouse,generallyhttpratherthanhttps.MaybeIamwrong!请让我知道我的心智模型是否完全错误

javascript - jquery绝对定位元素点击

我对绝对定位的div的点击有疑问。我正在开发一个带有jquery滚动路径的网站,并添加了额外的层以获得视差效果,顶层覆盖了主层中的按钮,它们无法被点击、悬停等。Here是简单的例子:FirstSecond.body{positionrelative;}.a{position:absolute;left:20px;top:20px;width:300px;height:600px;background:rgba(0,0,0,0.5);z-index:2;}.b{position:absolute;left:40px;top:40px;width:260px;height:300px;ba

javascript - 获取图像相对左上角的像素坐标

我需要在点击相对左上角时获取图像坐标。所以图像的左上角是有条件的0,0,然后是第一个像素1,0...2..0等等。javascript构造中有什么东西可以用来获得这个逻辑吗? 最佳答案 你可以试试这样的:-functionfindPos(obj){varcurleft=0;varcurtop=0;if(obj.offsetParent){do{curleft+=obj.offsetLeft;curtop+=obj.offsetTop;}while(obj=obj.offsetParent);return{X:curleft,Y:cu

javascript - 正则表达式检查路径是相对的还是绝对的

我正在跟踪“a”标签上的onclick事件,onclick函数将获取“a”标签的href属性。我想检查href是绝对路径还是相对路径。是否有任何正则表达式来检查它。然后是这个模式"/myfolder/test.txt""http://example.com""https://example.com"这是我必须检查的其他模式。 最佳答案 这是一个使用URI.js#is的解决方案:functionisAbsoluteUri(str){varuri=newURI(str);returnuri.is('absolute');}console

javascript - 我怎样才能 robuSTLy 检测 node.js 中的相对路径

也许我让它变得困难(我应该只寻找./和../的前缀)但我不想重新-发明轮子并编写一个函数来正确检测相对路径(适用于所有平台等)现有图书馆?是否有npm包可以做到这一点?肯定这个问题已经解决了...方法?除了现有的库,我打算使用path模块函数join到已知前缀的可能相对路径,然后查看结果是什么,假设path.join('some_base',possibleRelative)将允许以平台安全的方式提供某种区分特征。还有其他建议吗?方法? 最佳答案 更新2:TomDotTom在这里找到了更可靠的答案:Howtocheckifapath

javascript - -webkit-overflow-scrolling 打破了绝对定位

我正在构建一个页面,该页面需要一些元素在页面顶部滚动,否则它们会滚动到屏幕之外。我设法使用position:absolute做到了这一点。一切都运行良好,但它需要动量滚动。我将-webkit-overflow-scrolling:touch添加到可滚动区域的css中。这打破了一切。我的带有position:absolute的粘性元素现在只是与其余内容一起滚动。我的问题是:为什么-webkit-overflow-scrolling:touch会影响绝对定位,有没有办法解决这个问题?更新:每当子元素变为“固定”或“未固定”时,我都会添加一个警报。警报继续触发,因此样式仍在应用,只是不起作用

javascript - 伪类继承相对于函数继承(工厂函数)有哪些技术优势?

替代标题:“为什么这么多流行的JavaScript库使用伪类继承而不是函数继承(工厂函数)?”JavaScript:TheGoodParts建议使用工厂函数,以便您获得方法和属性的真正隐私。这是有道理的,所以我想知道为什么这么多现代JS库仍然使用伪类继承(使用new关键字)。与工厂功能相比,走这条路有一些技术优势吗?如果不是,是否只是一种风格选择?编辑:这不是基于意见的帖子。我不是在问哪个更好,我是在问伪经典继承相对于函数式继承有哪些技术优势,以了解为什么有人会选择这种风格。编辑2:我可以看到伪经典的几个优点:当您console.log一个原型(prototype)的实例时,它会向您显

javascript - 如何相对于鼠标位置旋转图像?

我正在尝试实现这种效果:http://metatroid.com/articles在页面顶部,但我无法仅使用他们提供的代码来旋转它。varimg=$('.image');if(img.length>0){varoffset=img.offset();functionmouse(evt){varcenter_x=(offset.left)+(img.width()/2);varcenter_y=(offset.top)+(img.height()/2);varmouse_x=evt.pageX;varmouse_y=evt.pageY;varradians=Math.atan2(mous