小编pQu*_*123的帖子

使用lodash来比较数组(没有订单的项目存在)

我知道我可以使用循环来做到这一点,但我试图找到一种优雅的方式来做到这一点:

我有两个数组:

var array1 = [['a', 'b'], ['b', 'c']];
var array2 = [['b', 'c'], ['a', 'b']];
Run Code Online (Sandbox Code Playgroud)

我想用lodash确认两者是一样的."相同"是指array1中没有包含在array2中的项目.

在检查这些项目之间的相等性方面:

['a', 'b'] == ['b', 'a'] 
Run Code Online (Sandbox Code Playgroud)

要么

['a', 'b'] == ['a', 'b'] 
Run Code Online (Sandbox Code Playgroud)

两者都有效,因为这些字母总是按顺序排列.

提前致谢.

javascript arrays lodash

98
推荐指数
4
解决办法
13万
查看次数

溢出-y不在模态内的safari中工作

好的,这里是html:

<div style="height: 200px; position: relative;"  id="filterOptionsContainer">
                <table id="filterOptionsTable" class="table table-striped table-hover">
                </table>
            </div>
Run Code Online (Sandbox Code Playgroud)

基本上,我动态地向表添加行,我希望容器滚动溢出.首先,我尝试了明显的:

#filterOptionsContainer {
overflow-y: auto;
}
Run Code Online (Sandbox Code Playgroud)

除了ios移动设备上的Safari之外,其他地方都可以正常工作.

从那时起,我花了几个小时尝试我能想到和阅读的每种风格组合,但我无法获得标准的溢出滚动.我得到的最接近的是滚动条显示(它实际上并没有滚动).

所有帮助表示赞赏.我很难相信在Safari中无法在模态中滚动div的内容...

编辑:仍在这个问题上.我需要解决它.

html javascript css ios

26
推荐指数
3
解决办法
3万
查看次数

ES6用于获取原型值 - 如何检查hasownproperty

使用for...in我总是检查hasOwnProperty(我猜这是一个很好的使用论据Object.keys),如:

for (let a in obj) {
    if (obj.hasOwnProperty(a)) {
        //logic
    }
}
Run Code Online (Sandbox Code Playgroud)

我使用时是否需要进行相同的检查for...of?如果是,我该怎么做?

根据MDN页面for...of

虽然for...in在属性名遍历,for...of遍历属性值

但它没有说明该迭代是包含继承属性还是仅包含实例属性.那里给出的解释和示例代码仅涉及实例属性.

javascript ecmascript-6

10
推荐指数
1
解决办法
3904
查看次数

Visual Studio Task Runner Explorer Extension无法识别gulpfile.js

我正在尝试使用VS Task Runner Explorer在构建过程中作为一个步骤运行gulp.

以下是我采取的步骤:1)下载的node.js 2)运行:从命令行运行npm install gulp -g 3)下载并安装任务运行器4)关闭并重新打开visual studio

我现在可以访问visual studio中的任务运行器窗口,但是当我右键单击我的gulpfile.js时,没有选项可以在任务运行器资源管理器中打开它.

感谢所有帮助,提前感谢.

visual-studio node.js gulp

9
推荐指数
2
解决办法
4565
查看次数

使用npm-shrinkwrap.json进行npm-update

运行什么:

npm update
Run Code Online (Sandbox Code Playgroud)

如果存在npm-shrinkwrap.json文件?可以

  1. 更新依赖项以匹配shrinkwrap.json文件
  2. 更新依赖项以服从package.json(从而忽略shrinkwrap.json文件)
  3. 什么都不做

提前致谢

node.js npm

9
推荐指数
1
解决办法
2406
查看次数

将tinymce编辑器添加到元素对象而不是选择器

我有一个自定义元素(Aurelia等同于Web组件),它创建了一个tinymce编辑器.无法通过使用选择器选择textarea(因为页面上可以存在任意数量的这些自定义元素).我需要通过传递元素对象来初始化tinymce实例.有可能吗?我无法在任何地方找到这个功能......

提前致谢.

javascript tinymce aurelia

8
推荐指数
1
解决办法
2216
查看次数

没有webpack dev服务器的webpack热模块更换?

我有一个现有的快递服务器,用于提供静态资产/ api数据调用.通常如何将webpack集成到这种设置中?是否必须运行webpack dev服务器才能更换热模块?有没有办法让webpack捆绑所有模块,然后通过从现有服务器请求静态资产来替换热模块?

提前致谢.

webpack

7
推荐指数
1
解决办法
2405
查看次数

gulp-sourcemaps不与babel 6合作

因此,巴贝尔发布了第6版,这是完全不同的.源图不是正确的(点击一个js文件不会在chrome开发人员没有引导我到es6源文件中的正确对应行).

这是我的gulpfile:

"use strict";

var gulp = require("gulp"),
    sourcemaps = require("gulp-sourcemaps"),
    babel = require("gulp-babel"),
    uglify = require('gulp-uglify'),
    rename = require('gulp-rename');

var paths = ['dojo-utils', 'dom-utils/dom-utils', 'esri-utils/esri-utils', 'esri-utils/classes/EsriAuthManager/EsriAuthManager'];

gulp.task("default", function () {
    paths.forEach(function(path){
        var pathArr = path.split("/");
        var parent = pathArr.slice(0, pathArr.length - 1).join('/');
        var file = pathArr[pathArr.length - 1];
        var directory = "./" + (parent ? parent + "/" : "");

        gulp.src(directory + file + '.es6')
            .pipe(sourcemaps.init())
            .pipe(babel({
                "presets": [
                    "es2015"
                ],
                "plugins": ["transform-es2015-modules-amd"]
            }))
            //.pipe(uglify())
            .pipe(rename(file + '.js'))
            .pipe(sourcemaps.write('.')) …
Run Code Online (Sandbox Code Playgroud)

javascript gulp

6
推荐指数
1
解决办法
789
查看次数

webpack dev中间件,如何在HMR失败时自动重载

当我更改我的javascript源时,我在浏览器的控制台中收到以下消息:

[HMR]以下模块无法热更新:(需要完全重新加载)这通常是因为已更改的模块(及其父级)不知道如何热重新加载自己.有关 详细信息,请参阅 http://webpack.github.io/docs/hot-module-replacement-with-webpack.html.

我的问题是,如果发生这种情况,我怎么能告诉webpack只是自动重新加载页面?

这是我的服务器设置:

app.use(morgan('dev'));

        // Disable views cache
        app.set('view cache', false);

        var webpack = require('webpack');

        var webpackConfig = require('../client/webpack.config');
        var compiler = webpack(webpackConfig);

        app.use(require("webpack-dev-middleware")(compiler, {
            noInfo: true, publicPath: webpackConfig.output.publicPath
        }));
        app.use(require("webpack-hot-middleware")(compiler));
Run Code Online (Sandbox Code Playgroud)

和我的webpack.config:

var path = require('path');
var AureliaWebpackPlugin = require('../node_modules/aurelia-webpack-plugin');
var webpack = require('../node_modules/webpack');

module.exports = {
    entry: {
        main: [
            'webpack-hot-middleware/client',
            './client/src/main'
        ]
    },
    resolve: {
        alias: {
            breeze: 'breeze-client/build/breeze.debug',
            resources: path.resolve( __dirname, 'src', 'resources'),
            utils: path.resolve( __dirname, 'src', 'resources', 'utils', 'utils'),
            tradestudyUtils: path.resolve( __dirname, …
Run Code Online (Sandbox Code Playgroud)

javascript webpack

6
推荐指数
1
解决办法
919
查看次数

Aurelia + Redux的表现

我每天都会使用Aurelia.最近,我一直在研究使用Redux(即我使用Aurelia + Redux构建了几个小型试用版),并且给我留下了深刻的印象(我的开发工作流程和关于我的应用程序的推理清晰度大大提高).我已经决定开始将它用于实际应用程序.

话虽如此,我对性能表示担忧(我已经查看了有关性能的帖子,但没有直接看到我的问题地址).我认为这个问题并不是针对Aurelia的,而是一个关于Redux的问题,并将其与非反应库一起使用.

让我先解释一下我对Redux的理解(或许我的问题真的来自一个有缺陷的理解?).从本质上讲,我理解Redux的方式是存在一个商店(一个javascript对象)和一个reduce函数.现在,reduce函数可以定义为函数树(每个函数负责修改整个商店的特定分支),但是,实际上,Redux接收单个简化函数(它无法知道组成了多少函数)创建这个单一的功能).

我使用Redux的方式是这样的(仅举例):

@inject(Store)
export class TodosListCustomElement {
    constructor(store) {
        this.store = store;
    }

    activate() {
        this.update();
        this.unsubcribe = this.store.subscribe(this.update.bind(this));
    }

    deactivate() {
        this.unsubcribe();
    }

    update() {
        const newState = this.store.getState();

        this.todos = newState.todos;
    }

    toggleCompleted(index) {
        this.store.dispatch({
            type: UPDATE_TODO,
            payload: {
                index,
                values: {
                    isCompleted: !this.todos[index].isCompleted
                }
            }
        });
    }
}
Run Code Online (Sandbox Code Playgroud)

实质上,组件树下的每个组件都会订阅自己来存储更改并刷新它从商店中获取所需的数据.

我担心的是,每个已发布的行动似乎都发生了很多事情.例如,假设我有一个大型应用程序,具有类似的大型存储和reducer树.假设有一些限制文本框,每隔250毫秒将更改分派给商店中的单个文本字段(在列表的一个项目中).这意味着当用户输入时,整个reducer函数每250ms执行一次(这可能意味着执行相当多的后代reducers)以及所有订阅函数也被执行.基本上,即使是商店的最小部分也似乎有很多开销.

将此与标准绑定(在Aurelia中)进行对比,其中只有一个绑定函数(变异观察者)需要每250ms执行一次以更新模型...

由于我是Redux的新手,我想我很有可能会天真地误解某些东西等.我提前道歉并希望得到纠正/放在正确的轨道上(因为我使用Redux的经验非常愉快).

提前致谢

javascript redux

6
推荐指数
1
解决办法
450
查看次数

标签 统计

javascript ×7

gulp ×2

node.js ×2

webpack ×2

arrays ×1

aurelia ×1

css ×1

ecmascript-6 ×1

html ×1

ios ×1

lodash ×1

npm ×1

redux ×1

tinymce ×1

visual-studio ×1