小编Bal*_*zar的帖子

跳过Gulp的本地安装

我可以以某种方式跳过本地安装Gulp到项目?

我在全局安装了Gulp,将它作为依赖项添加到package.json中.但是Gulp仍希望在本地安装Local gulp not found in ...消息.如果我进行本地安装,Gulp将按节点复制到我的项目中.

有没有办法跳过Gulp的本地安装?我希望能够从命令行在整个服务器上运行它并在全局范围内管理它.

node.js npm gulp

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

实时重新加载失败 - 无法加载资源:net :: ERR_CONNECTION_REFUSED

我正在通过Gulp开始实时重新加载:

var $$ = require('gulp-load-plugins')();

gulp.watch('*', function (file) {
  $$.livereload().changed(file.path);
});

gulp.task('connect', function(){
  var connect = require('connect');
  return connect()
    .use(require('connect-livereload')())
    .use(connect.static(__dirname))
    .listen(8000);
});
Run Code Online (Sandbox Code Playgroud)

它一直在工作,直到我最近在浏览器控制台中出现这个神秘错误并重新加载停止工作:

Failed to load resource: net::ERR_CONNECTION_REFUSED
http://localhost:35729/livereload.js?snipver=1
Run Code Online (Sandbox Code Playgroud)

知道这里发生了什么吗?

我在代理后面,但localhost被排除在外.

connect node.js livereload gulp

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

Gulp管道功能最小化?

什么是最小的功能,可以放在一个Gulp管道,仍然有效?

这不起作用:

gulp.src('**')
  .pipe(function() {
    // what's the minimum that can go here and still be a functional pipe?
    // what needs to be returned? 
  });
Run Code Online (Sandbox Code Playgroud)

理想情况下,这将是仅使用Gulp构建的基础模块的vanilla JS; 乙烯基,通过等

node.js gulp

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

有什么方法可以通过查询自省来读取类型上的 GraphQL 指令吗?

对于身份验证等用例,可以将自定义指令添加到 GraphQL 模式,如文档中所示: https: //www.graphql-java.com/documentation/v16/sdl-directives

例如,Employee 类型有一个薪资字段,其中包含指令,这意味着只有经理角色才允许读取它:

directive @auth(role: String!) on FIELD_DEFINITION

type Employee {
  id: ID
  name: String!
  startDate: String!
  salary: Float @auth(role: "manager")
}
Run Code Online (Sandbox Code Playgroud)

从客户端,我希望能够使用内省查询读取有关 Employee 类型的这些指令。

这可能吗?您能为上面的示例提供一个示例查询吗?

introspection graphql

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

没有明确定义的子任务执行

有没有人有一个自动运行'subasks'的解决方案?

我是gulp的新手,目前正在构建我的gulp文件,如下所示:

gulp.task('build:ccss', function(cb) {
  ...
}

gulp.task('build:js', function(cb) {
  ...
}

gulp.task('build:img', function(cb) {
  ...
}

gulp.task('build:index', function(cb) {
  ...
}
Run Code Online (Sandbox Code Playgroud)

然后我明确定义基本任务并让它执行子任务:

gulp.task('build', ['build:scss', 'build:js', 'build:img', 'build:index']);
Run Code Online (Sandbox Code Playgroud)

我将这种结构用于几个"小组"任务:清洁,建筑,掉毛.

我很好奇是否有人在运行基本任务时有自动执行子任务的解决方案,而没有像我一样创建明确的定义.

javascript node.js gulp

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

Gulp with watchify/browserify运行两次然后停止观看

这是我的gulpfile.js

var gulp = require('gulp');
var browserify = require('browserify');
var source = require("vinyl-source-stream");
var reactify = require("reactify");
var watchify = require('watchify');
var gutil = require('gulp-util');

var paths = {
    scripts: ['src/jsx/index.jsx']
};

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


    var bundler = watchify(browserify('./src/jsx/index.jsx', watchify.args));
    bundler.transform(reactify);

    bundler.on('update', rebundle);

    function rebundle() {
        return bundler.bundle()
            // log errors if they happen
            .on('error', gutil.log.bind(gutil, 'Browserify Error'))
            .pipe(source('bundle.js'))
            .pipe(gulp.dest('./public/js'));
    }

    return rebundle();

});

gulp.task('watch', function() {
    gulp.watch(paths.scripts, ['browserify']);
});
Run Code Online (Sandbox Code Playgroud)

然后我的命令行输出如下所示:

$ gulp watch

[15:10:41] Using gulpfile ~/blizztrack/dashboard/gulpfile.js
[15:10:41] Starting 'watch'... …
Run Code Online (Sandbox Code Playgroud)

browserify gulp watchify gulp-watch

8
推荐指数
3
解决办法
4050
查看次数

从JavaScript或JQuery设置React输入字段值

如何以编程方式设置React生成的输入字段的值,使用vanilla JS还是JQuery?

我尝试过以下内容似乎没有任何效果.

$(obj).val('abc');
$(obj).attr('value', 'abc');
$(obj).keydown();
$(obj).keypress();
$(obj).keyup();
$(obj).blur();
$(obj).change();
$(obj).focus();
Run Code Online (Sandbox Code Playgroud)

我也试图模拟keyPress(如此处所示)事件,但它似乎也没有用.

simulateKeyPresses (characters, ...args) {
  for (let i = 0; i < characters.length; i++) {
    this.simulate('keyPress', extend({
      which: characters.charCodeAt(i),
      key: characters[i],
      keyCode: characters.charCodeAt(i)
    }, args));
  }
}
Run Code Online (Sandbox Code Playgroud)

javascript jquery reactjs

8
推荐指数
3
解决办法
5360
查看次数

OAuth1(三条腿):签名无效

我在Ionic2应用程序中配置OAuth时遇到问题.我没有在OAuth的前端部分使用任何框架/库.

问题是我401: Unauthorized: Invalid signature每次尝试检索access_token都会得到一个.(向下滚动代码,用注释缩进问题)

现在我的服务器被设置为三脚OAuth应用程序(如此处所述).这意味着将有3个端点:

1. /request_token(这个有效)

请求(GET参数):

oauth_version : ...
oauth_nonce: ....
oauth_timestamp: ...
oauth_consumer_key: ...
oauth_signature_method: ...
oauth_signature: ...
Run Code Online (Sandbox Code Playgroud)

响应:

oauth_token: .... (temporary)
oauth_token_secret: ....
Run Code Online (Sandbox Code Playgroud)

2. /authorize(这个也有效 - >打开浏览器进行身份验证)

请求(GET参数):

oauth_token: ....
oauth_callback: ....
Run Code Online (Sandbox Code Playgroud)

响应

oauth_token: ....
oauth_verifier: ...
Run Code Online (Sandbox Code Playgroud)

3. /access_token(这个不起作用)

请求(GET参数)

oauth_token: ....
oauth_verifier: ....
oauth_version : ...
oauth_nonce: ....
oauth_timestamp: ...
oauth_consumer_key: ...
oauth_signature_method: ...
oauth_signature: ...
Run Code Online (Sandbox Code Playgroud)

响应:

oauth_token: .... (permanent)
oauth_secret: ....
Run Code Online (Sandbox Code Playgroud)

最后一个不起作用,虽然我signatureBaseString以相同的方式设置并根据指南设置键 …

oauth ionic2 angular

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

反应道具没有用redux商店更新

我总是使用react-redux connect配置道具,但我需要使用react Component来使用生命周期方法.我注意到我从商店抓起的道具似乎是静态的,并且随着商店更新它们不会更新.

码:

class AlertModal extends Component {

  title
  isOpen
  message

  componentDidMount() {
    const { store } = this.context
    const state = store.getState()
    console.log('state', state)
    console.log('store', store)
    this.unsubscribe = store.subscribe(() => this.forceUpdate())
    this.title = state.get('alertModal').get('alertModalTitle')
    this.isOpen = state.get('alertModal').get('isAlertModalOpen')
    this.message = state.get('alertModal').get('alertModalMessage')
    this.forceUpdate()
  }

  componentWillUnmount() {
    this.unsubscribe()
  }

  updateAlertModalMessage(message) {
    this.context.store.dispatch(updateAlertModalMessage(message))
  }
  updateAlertModalTitle(title) {
    this.context.store.dispatch(updateAlertModalTitle(title))
  }

  updateAlertModalIsOpen(isOpen) {
    this.context.store.dispatch(updateAlertModalIsOpen(isOpen))
  }

  render() {

    console.log('AlertModal rendered')
    console.log('AlertModal open', this.isOpen) <======= stays true when in store it is false

    return ( …
Run Code Online (Sandbox Code Playgroud)

reactjs react-native redux react-redux

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

使用GA测量单页面应用的页面加载时间

我在SPA中使用Google Analytics.对于任何虚拟页面重定向(如刷新页面主体的AJAX调用),我的页面加载时间为0ms.有没有办法跟踪需要多长时间,就像是整页刷新一样?我希望包括AJAX调用所需的时间以及下载和显示因此而加载的图像的时间.

google-analytics single-page-application

8
推荐指数
2
解决办法
3399
查看次数