小编Max*_*ynn的帖子

我正在尝试创建一个数组,如果一个值不存在则添加但是如果值在那里我也想从数组中删除该值.

像Lodash这样的感觉应该可以做这样的事情.

我对您的最佳实践建议感兴趣.

值得指出的是我使用的是Angular.js

*更新*

if (!_.includes(scope.index, val)) {
    scope.index.push(val);
} else {
  _.remove(scope.index, val);
}

任何人都可以指出我正确的方向如何为angularJS中的单页应用程序制作"404 - 页面未找到"教程.

或者甚至更好地解释如何实现这一目标.

互联网上似乎没有太多关于此的内容.

我需要的是这个视频的一部分,如果它超过容器高度,将被隐藏.

我认为隐藏的溢出将是解决方案,但不知何故它似乎不想听.

码:

body,
html,
.container,
#video-background {
    height: 100%;
    margin: 0;
    padding: 0;    
}

html {
    overflow-x:hidden;
}

#video-background {
    min-width: 100%;
    min-height: 100%;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; 

    width: 100%;
    height: 100%;    

}

@media (min-aspect-ratio: 16/9) {
  #video-background {
    width: 100%;
    height: auto; /* actually taller than viewport */
   }
}
@media (max-aspect-ratio: 16/9) {
   #video-background {
     width: auto; /* actually wider than viewport */
     height: 100%;
   }
}

这是我的JSfiddle

https://jsfiddle.net/dqbq29ru/3/

如果您在ie9或更高版本中遇到视频元素问题,那么值得在评论中找出或提及.

非常感谢

当我运行gulp时,我似乎遇到了将JSX文件编译为JS的问题.

Gulp依赖:

var gulp        = require('gulp');
var browserify  = require('browserify');
var babelify    = require('babelify');
var source      = require('vinyl-source-stream');
var uglify      = require('gulp-uglify');
var rename      = require('gulp-rename');
var runSequence = require('run-sequence');

我认为babelify会为我编译我的JSX,我不必担心.

然后我得到了我的构建文件:

gulp.task('build', function () {
  return browserify({
    entries: 'app.js',
    extensions: ['.jsx'],
    debug: true
  })
  .transform(babelify)
  .bundle()
  .pipe(source('bundle.js'))
  .pipe(gulp.dest('dist'));
});

gulp.task('compress', function() {
  return gulp.src('./dist/bundle.js')
    .pipe(uglify())
    .pipe(rename({suffix: '.min'}))
    .pipe(gulp.dest('dist'));
});

gulp.task('default', function(cb) {
  runSequence('build','compress', cb);
});

我似乎在我的app.js文件中收到错误,我添加了我的第一个组件.

感谢先进的帮助.

****更新****

这是我在运行gulp后得到的错误:

events.js:85
      throw er; // Unhandled 'error' event
            ^
SyntaxError: /Users/maxlynn/Documents/childcare-army/app.js: …

我们目前通过以下代码上传图片:

        reader.onload = function (event) {
            fabric.Image.fromURL(event.target.result, function (img) {
                whiteboardService.uploadImageToCanvas(img);
            });
        }

和...

    service.uploadImageToCanvas = function (image) {
        service.canvas.add(image);

        image.id = service.getUniqueId();
        service.objectMap[image.id] = image;

        var data = {
            image: image,
            id: image.id
        };

        signalService.sendMessage(service.recipient, data);
    };

如果图像太大,大于我们固定宽度和画布的高度,那么该图像可以自动缩小以适应画布的固定宽度和高度吗？

我应该指出我也在使用Angular.js

TA

我们已经成功创建了以下脚本，以从数组中删除所有重复的字符串。但是，重要的是，当ng-repeat上的角度循环通过数组时，我们必须保持数组的顺序。另外，我们希望其余元素保持相同的索引。

scope.feedback = _.map(_.pluck(item.possibleAnswers, 'feedback'), function (element, index, collection) {
    return collection.slice(0, index).indexOf(element) === -1 ? element : '';
});

上面的代码可以正常工作，但是我们觉得必须有比这更简单的解决方案。是否还有其他人有类似的问题，并提出了更好的解决方案？

<div class="js-show-more">
    <p class="app-light-text">
         The factors of a number are all the numbers that divide into it. The highest common factor, HCF, of two
         or more numbers is the highest factor that divides into all the numbers. For example, what is the highest
         common factor of 24 and 36? The answer is 12. 12 is a factor of both 24 and 36 and it is the highest
         factor that they have in factors of a number are all the numbers …

运行gulp时出现上述错误.

无法弄清楚为什么.我已经阅读了一些内容,例如gulp.src需要一个./ infront of app.

var gulp       = require('gulp'),
browserify = require('gulp-browserify');

gulp.task('scripts', function () {

gulp.src(['./app/main.js'])
    .pipe(browserify({
        debug: true,
        transform: [ 'reactify' ]
    }))
    .pipe(gulp.dest('./public/'));

});

gulp.task('default', ['scripts']);

像这样......

我已经完成了npm安装,所以节点模块应该是它所在的位置.值得指出的是它在节点模块中称为gulp-browserify.

我在mac上全局安装了browserify.

让我知道您的想法,或者是否有任何信息遗失.

我是新手做出反应并试图将node.js设置为后端并创建一个反应环境.

我试图理解一种角度的方式,我只能让用户输入一个不超过24的数字,或者在我的其他输入60中表示小时和分钟.

            <input type="number"
                   placeholder="HH"
                   ng-minlength="2"
                   ng-maxlength="2"
                   required
                   ng-model="session.timeHH">

            <input type="number"
                   placeholder="mm"
                   ng-minlength="2"
                   required
                   ng-maxlength="2"
                   ng-model="session.timeMM">

这是我的HTML.

用户可以输入小时数输入99这样的数字,这显然是错误的.我正在寻找一种在提交之前验证或阻止用户的方法,只能输入最多24小时和59分钟的数字.

甚至点击提交按钮就足够了.

目前我有一个输入字段,允许您通过输入两位数来选择一小时.例如,您可以选择12小时12小时.

有没有办法使用MomentJS将该数字转换为毫秒？

目前我不得不做以下数学.我无法在Moment文档中看到这是可行的.

var timeHH = scope.session.timeHH * 3600;

这可以计算出秒数,然后我将它以毫秒计算为毫秒值.

我正在努力将数组设置为数据属性。我可以看到它正在使用以下图像登录 DOM（一团糟）：

属性数据类别是重点之一。如果转换后的 php 数组中有空格，我的 php 似乎会添加 =''。这是将其转换为 json 数组的 php：

$arr = array();
foreach($cats as $cat) {
    array_push($arr, $cat->cat_name);
}

data-category="<?php echo json_encode($arr); ?>"

我缺少将其转换为适当的 json 结构以供我在 js 中使用的原因是什么。

我希望得到类似的结果：

Array [ "Customer Service", "Finance", "HR", "Marketing", "Operations", "Sales", "Technology" ]

我有这个非常简单的点击事件,触发滚动到已点击的ID,您可以在下面看到:

$('.navigation-panel a').on('click', function () {
    var id = $(this).attr('href');
    $('html, body').animate({ scrollTop: $(id).offset().top - 100 }, 1000);
});

当它被触发时,它还会触发我在此处看到的其他滚动事件:

    $(window).scroll(function () {
        var y = $(this).scrollTop();

        menu.each(function (event) {
            if (y >= $($(this).attr('href')).offset().top - 100) {
                menu.not(this).removeClass('active');
                $(this).addClass('active');
            }
        });

    });

我想回答的问题是,如果点击事件已经发生,如何防止执行第二个脚本？但是我需要在click事件完成后触发第二个脚本.

脚本必须是独立的,因为第二个脚本对于用户刚刚滚动而不是单击以导航到页面的不同部分非常重要.