草庐IT

auto-watch

全部标签

javascript - Coffeescript watch src 目录进行编译

我正在做这个-$coffee-cassets/js将所有.coffee文件编译成该目录下的.js文件。但我不明白如何查看目录?我尝试了这个但是得到了错误-$coffee-wcassets/js/usr/lib/node_modules/coffee-script/lib/coffee-script/command.js:287if(e.code!=='ENOENT')throwe;^Error:watchEMFILEaterrnoException(fs.js:648:11)atFSWatcher.start(fs.js:676:11)atObject.watch(fs.js:704:

javascript - 如何在 AngularJS 中追踪 $watch 模型更新的来源?

在我的多用户AngularJS应用程序中,我的范围内有一个模型对象。该模型可以通过用户输入和服务器更新进行操作。我有一个$watch观察器来跟踪模型和更新UI。是否可以从我的$watch函数中确定我的模型更新的来源/原因?如果没有该检查,我就会遇到反馈循环问题(例如UI→服务器→UI)。更新:一些代码Controller:$scope.elementProperties={left:0};$scope.$watch('elementProperties.left',function(newVal,oldVal){changeSelectedElementProperty('left',

javascript - 如何检测元素是否具有 'auto' 高度

无论CSS中设置的值如何,window.getComputedStyle(element).height和element.clientHeight都以像素为单位返回元素的当前高度。有什么方法可以查明高度是设置为auto还是像素以外的其他单位?@pvnarula通过他链接的页面建议的一个解决方案是暂时changethecontentsoftheelement,thencompareheights.有点hacky... 最佳答案 请尝试:document.getElementById("ele_id").style.height同时检查

javascript - Yeoman:LiveReload 与 Yeoman Watch

我正在尝试Yeoman第一次使用服务器,看到它提供了一个native监视工具作为对LiveReload的后备.docs是这样的解释回退:[YeomanServer]自动启动yeomanwatch进程,因此对应用程序的任何文件的更改都会导致浏览器通过LiveReload刷新。如果您没有LiveReload安装在本地,将改用回退重新加载过程。”到目前为止,回退过程运行良好,我喜欢它不需要在浏览器/菜单栏中安装任何东西。有人用Yeoman试过这两种watch工具吗?如果您“升级”到LiveReload,工作流程有何不同以及您将获得哪些附加功能?更新:对API的快速检查表明Yeoman的实时重

javascript - 为什么 getComputedStyle 在元素创建后立即为像素值返回 'auto'?

我使用Mustache生成一些HTML并使用insertAdjacentHTML将其放置在页面上。它显然已正确转换为DOM结构,因为之后我可以使用document.querySelector('.contentarea')调用获取它的句柄。但是,如果我尝试获取宽度或高度的像素值,它会一直返回'auto'。认为这可能只是getComputedStyle的问题,我尝试改用.getBoundingClientRect和.offsetWidth。两者都返回了0。如果我通过将调用放在setTimeout(function(){},1)中稍微延迟调用,它会起作用,但这对我的生产代码不切实际,因为它

javascript - Bootstrap : Accordion not auto collapsing previously opened panel

我需要创建一个自举Accordion。下面的标记工作正常,但它不会自动折叠先前打开的元素。例如,打开panel1,然后单击panel2..panel1应该会自动关闭,但它没有。我已经尝试完全从Bootstrap站点(http://twitter.github.com/bootstrap/javascript.html#collapse)复制标记,但它不起作用。我错过了什么?ACCORDIONDEMOPanel1Thisisaccordionpanel1contentPanel2Thisisaccordionpanel2content 最佳答案

javascript - Webkit 错误 : Overflow auto triggered after resizing a child element to matching size

我有以下简单设置:document.getElementById('inner').addEventListener('click',({target})=>{target.classList.add('match');});#container{background:green;overflow:auto;width:200px;height:100px;}#inner{width:210px;height:110px;}#inner.match{width:200px;height:100px;}单击内部元素后,我希望父元素上的滚动条消失,因为这两个元素现在具有匹配的大小。这在Fi

javascript - watchify 和 gulp.watch 的区别

我刚刚开始将Browserify与gulp结合使用,并且遇到了使用watchify的示例。我不明白的是,为什么不改用gulp.watch?watchify和gulp.watch有什么区别? 最佳答案 watchify理解commonjs模块(require(./foo.js)东西)并将监视所有依赖项的变化。然后它可以重新编译包含所需更改的包,并且只从磁盘重新加载更改的文件。如果您使用gulp.watch并手动调用browserify,它必须在每次发生更改时构建依赖树。这意味着更多的磁盘i/o,因此速度会慢得多。

javascript - Highlight.js 与 Blogger : can't disable auto line wrap

我正在尝试整合Highlight.js与博主。到目前为止,语法突出显示效果很好,但我似乎无法找到一种方法来防止中的代码行自动换行的元素。我需要的是让浏览器显示水平滚动条。我在博客模板中添加了以下内容,在的末尾,如网站中所述:hljs.initHighlightingOnLoad();我所有的使用实例是://codehere;'class'changedaccordingtolanguage.我尝试编辑Highlight.jsCSS文件但没有成功。我也试过设置pre和code款式overflow-x属性(property)scroll没有任何变化。我的猜测是Blogger会全局覆盖该属性

javascript - ionic 2 + Angular 2 : auto scroll to bottom of list/page/chat

我正在尝试编写包含“聊天”和“内容”两个部分的页面。我希望那个“聊天”将页面自动滚动到底部而没有任何效果。聊天是有几个.item1item2....item20item21我使用的是Javascript,而不是typescript,而且我不想不使用jQuery。谢谢:)另外,当我转到“内容”部分并返回“聊天”时,我想再次自动滚动聊天。 最佳答案 这是我的做法:chatPage.htmlchatPage.html中重要的一点是#content在.我将使用#content标识符以获取对的引用在我的chatPage.js中使用ViewCh