草庐IT

using_the_interactive_console

全部标签

javascript - 位置 :sticky : Adding style when the element detaches from normal flow

举个简单的例子:MYNAVBAR和基本样式:#mynav{position:sticky;}我想将以下样式信息应用到我的导航栏仅当它脱离正常流程时,以便从视觉上将其与主要内容分开(在这种情况下带有阴影)box-shadow:0px10px15px0pxrgba(0,0,0,0.75);我可以使用某种伪类或类似媒体查询的东西吗?例如:#mynav:some-pseudo-class{box-shadow:0px10px15px0pxrgba(0,0,0,0.75);}我知道有一些很好的插件,但如果不绕过(相当新的)native功能position:sticky,它们似乎都无法实现它。相反

javascript - Webpack 插件 : How to add dynamically a Module to the main Chunk?

我正在开发一个Webpack插件,它基本上在block中寻找cssAssets,当它找到这样的Assets时,在其上应用一些返回的postCSS插件2个输出,一个应该继续使用Extract-Text-Plugin提取,另一个输出应该成为chunk中的一个新模块在运行时将其注入(inject)头部。我唯一没有设法实现的部分是在现有block中创建新模块的部分。有什么指点/想法吗?我设法从中创建了一个新block,但没有webpack包装器,这意味着我无法为那blockcss支持HMR并延迟加载它。classExtractTPAStylePlugin{constructor(options

javascript - 有没有办法检查 chrome chrome ://flags/values using javascript?

我想检查是否在页面加载时使用java脚本将[禁用加速2DCanvas]chrome://flags/设置为禁用或启用。有什么办法吗? 最佳答案 那么,尝试回答后面的问题:用户的Canvas硬件是否加速了?对于GPUCanvas,旋转上下文和非旋转上下文上的drawImage()之间几乎没有时间差异。将相同的操作与在CPU上运行的Canvas进行比较会产生很大的差异。 关于javascript-有没有办法检查chromechrome://flags/valuesusingjavascrip

javascript - chrome 对象 console.log 中的奇怪行为

当我尝试在Chrome中对对象进行console.log时,它在console.log的第一行中声明(您在其中看到Object{smallsummaryhere}我的帖子数组的长度为0(帖子:Array[0]).但是,当我展开帖子时,它显示其中有27个项目(这是我需要的)。这随机发生在我身上,我不知道为什么会这样,以前有人经历过吗?截图:更新:这在所有浏览器中都会发生,所以它可能与chrome无关 最佳答案 调试器无法知道对象是否已更改,这就是posts属性的呈现(在您的示例中)尚未更新的原因。即使调试器能够知道某个属性何时更改,每

javascript - 页面关闭前提醒 : How to change the Chrome's default message?

我正在使用以下代码片段在页面关闭前触发警报,但Chrome似乎忽略了该消息并显示其默认消息“你想离开这个网站吗?你所做的更改可能不会保存”。如何让chrome显示我的消息而不是默认消息?window.onbeforeunload=function(e){e.returnValue="Asearchisinprogress,doyoureallywanttostopthesearchandclosethetab?";return"Asearchisinprogress,doyoureallywanttostopthesearchandclosethetab?";}

javascript - Prop 类型 : array of one of the class instance

我正在尝试为我的属性“listOfItems”之一提供类型。我希望此属性是“事件”类实例或“field”类实例的数组。这是我实现它的方式:MyClass.propTypes={...,listOfItems:PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Event),PropTypes.instanceOf(Venue)]))然而,它似乎并没有起作用。我收到此警告:Prop类型失败:提供给MyClass的值[objectObject]的ProplistOfItems[0]无效,应为[空,空]。我不想使用PropT

javascript - console.log() 显示同一对象属性的矛盾值

我想我可能要疯了。我使用console.log()查看对象的状态,然后在下一行对同一对象的特定属性执行console.log()并为每个属性获取不同的值。我使用的代码是:console.log(this.pictures.Items[pic].val);for(variinthis.pictures.Items[pic].val){console.log("property:%s,value:%s",i,this.pictures.Items[pic].val[i]);}和Firebug输出:Picture{isLoaded=true,isSelected=false,img_src=

javascript - jQuery 移动 : Pinch/Zoom/Scale Gesture - console. 日志 ('something' );

我根本无法在文档或任何地方找到有关如何使用jQueryMobile在触摸设备上检测简单的缩放手势的任何内容?我也会考虑使用另一个库或任何东西。我只想检测用户是否试图缩放网站上的内容。所以我不需要处理网站元素上的捏合手势,而是网站本身。我只想听听我网站上的捏合手势。知道怎么做吗?谢谢 最佳答案 vendor的支持各不相同,而iOS是唯一可以可靠地使用多点触控Javascript事件的平台。http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Re

javascript - Node : How to free buffers that get allocated outside of the V8 memory heap

我有一个应用程序,我按顺序从服务器下载mp3文件,将它们临时存储在我的服务器中,然后将它们直接流式传输到客户端,如下所示:functiondownloadNextTrack(){varrequest=http.get('http://mp3server.com',function(response){response.on('data',function(data){fs.appendFile('sometrack.mp3',data,function(err){});});response.on('end',function(){streamTrack('sometrack.mp3'

javascript - 为什么在 Firefox 中 Function.prototype.func=... 不影响 console.log?

我已经使用Function.prototype.func=...添加了一个函数到Function但在Firefox中它没有被添加console.log:Function.prototype.func=function(){returnthis.toString();};alert(typeofconsole.log.func);//inFF:undefined,inChrome:function这是错误还是有任何原因? 最佳答案 在Firefox中很明显:varfoo=function(){}foo.__proto__==Funct