草庐IT

auto-watch

全部标签

javascript - 纠错后 Grunt watch 运行得更少

我遇到了GruntWatch目前在编译错误更正后没有重新运行任务的问题。我收到错误消息,但在更正错误后,grunt说文件已更改,但在那之后没有任务运行。咕噜声文件:watch:{less:{files:['public/assets/less/**/*.less'],tasks:['css'],options:{atBegin:true,nospawn:true}},scripts:{files:['public/assets/js/homepage.js'],tasks:['jsApp'],options:{nospawn:true,}}},错误日志:>>ParseError:Unr

javascript - $watch 与 ngChange

假设您想要在$scope的属性更改时执行某些操作。并说此属性绑定(bind)到input字段。使用$watch与使用ngChange有哪些优点/缺点?htmlfoo:{{foo}}fooChangeCount:{{fooChangeCount}}js//Option1:$watch$scope.$watch('foo',function(){$scope.fooChangeCount++;});//Option2:ngChange$scope.fooChangeCount=0;$scope.increment=function(){$scope.fooChangeCount++;};h

javascript - grunt-contrib-watch with LiveReload 不工作

我无法让LiveReload与Grunt一起工作。我正在使用grunt-contrib-watch。当Grunt查看指定的文件时,浏览器中没有重新加载任何内容。所以我会看到:Running"watch"taskCompletedin0.203satThuNov21201300:59:59GMT-0500(EST)-Waiting...OK>>File"views/index.html"changed.但是浏览器窗口没有更新。我正在使用LiveReload2.0.9。关于如何让它运行有什么建议吗?Gruntfile.jsmodule.exports=function(grunt){'us

javascript - 在没有 $scope 的情况下使用 $watch( Controller 作为语法)

在Angular1.3中,可以使用this.foo='bar'代替$scope.foo='bar'。现在,如何在没有$scope的情况下使用$watch? 最佳答案 在使用controlleras语法时,有几个选项可以避免必须使用$watch。以下示例摘自blogpostIwroteaboutavoiding$scope.使用ng-changeIfyouhaveawatchsetuptolistenforapropertychangethatoriginatesfromaformfield,thenng-changeisyourbe

javascript - 你能检测到 dom 节点的样式何时设置为 'auto' 吗?

以CSS为例:.thing{height:auto}和HTML:Thequickbrownfoxjumpsoveralazydog.是否可以检测到.thing的高度设置为“auto”?以下方法返回值:jQuery('.thing').height()//njQuery('.thing').css('height')//'npx'getComputedStyle(node).height//'npx'是否有任何方法可以告诉我浏览器正在从“自动”计算这些值? 最佳答案 是的,有一种方法,但这不是一种有趣的方法。你要做的是:遍历所有样式标

javascript - 使用 grunt-contrib-watch 深度单向同步两个目录。代码有效,但 grunt-contrib-watch 重新初始化时间太慢

我有两个目录src和compiled。我想使用GruntWatch确保从src到compiled的单向数据同步.作为中间步骤,我想编译*.less文件以及使用ES6语法编写的*.js文件的子集。我已经成功编写了满足我需要的任务://NOTE:Spawnmustbedisabledtokeepwatchrunningundersamecontextinordertodynamicallymodifyconfigfile.watch:{//CompileLESSfilesto'compiled'directory.less:{options:{interrupt:true,spawn:fa

javascript - 让 Gulp watch 仅在更改的文件上执行功能

我是Gulp的新手并且有以下Gulpfilevargulp=require('gulp');varjshint=require('gulp-jshint');varconcat=require('gulp-concat');varrename=require('gulp-rename');varuglify=require('gulp-uglify');gulp.task('compress',function(){returngulp.src('js/*.js')//readallofthefilesthatareinjswitha.jsextension.pipe(uglify()

javascript - 有没有办法在 Vuejs 中将 'watch' 用于本地存储?

我正在尝试监视本地存储:模板:token-{{token}}脚本:computed:{token(){returnlocalStorage.getItem('token');}}但它不会改变,当token改变时。仅在刷新页面后。有没有办法不使用Vuex或状态管理来解决这个问题? 最佳答案 localStorage不是响应式(Reactive)的,但我需要“观察”它,因为我的应用程序使用localstorage并且不想重写所有内容所以这是我使用CustomEvent.每当您向存储中添加内容时,我都会发送一个CustomEventloc

javascript - $watch 中的 Angular 表达式触发两次

当一个简单的比较作为watchExpression传递时,为什么这个$watch会触发两次?$scope.foo=0;//simplecounter$scope.$watch('foo>4',function(){console.log("fooisgreaterthan4:",$scope.foo);});监听器在页面加载时触发,当foo为0时,当foo的值为>超过4。为什么在页面加载时触发监听器?为什么当foo大于4时它不继续触发?我设置了一个简单的plunkr来显示正在发生的事情:http://plnkr.co/edit/ghYRl9?p=preview

javascript - 检测宽度 : auto in jQuery

我正在使用jQuery检索元素的宽度,如果我可以指示是否指定了明确的宽度(和高度),我会更喜欢它。$(function(){alert($('#test').css('width'));});这将根据div在客户端屏幕上占用的像素数来提醒隐式宽度。如果宽度缺失或设置为width:auto是否可以使用jQuery进行验证?也就是说,上面的示例不返回整数,而是返回auto或undefined。或者,是否有等效于isAuto的函数? 最佳答案 这将在绝对值上得到字符串“auto”或“180px”。$('element').prop('st