小编Cyr*_*l F的帖子

结合keypress和keyup - jQuery

我正在尝试开发一个jQuery插件,以便在用户输入特定的关键短语时执行操作.

例如,我想在keyup上匹配"HELLO".

var controllerKey = [];
$(window).keyup(function(evt) {
    var code = evt.keyCode ? evt.keyCode : evt.which;
    controllerKey.push(code);
}
[...]
Run Code Online (Sandbox Code Playgroud)

然后,我将我的controllerKey与我的字符串"HELLO"(感谢str.charCodeAt())和其他一些东西进行比较,但这在这里并不重要.此时一切正常.

当我想匹配"HeLLo"时(实际上当字符串有一些大写时),我的问题就出现了.我在论坛上看到keyup或keydown没有任何区别.

所以我使用按键来管理它很好,但是按键不允许我匹配箭头键和一个(在Chrome中).

我想知道是否可以组合按键和键盘(仅当按键与事件不匹配时).

提前致谢.

jquery keypress keydown keyup

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

如何让 eslint import/first 了解我的 webpack 别名?

我用来eslint-import-resolver-webpack让我的 eslint 知道我的 webpack 别名。

但是我仍然有一个问题:
eslint 正在报告:Absolute imports should come before relative imports. eslint(import/first)

如何让 eslint 理解我的别名导入是相对导入而不是绝对导入?


以下是有关我的设置的更多信息:

| source
 - | app
    - | containers
       - | CalendarContainer.js
| .eslintrc
| webpack.config.dev.js
| webpack.config.resolve.js
Run Code Online (Sandbox Code Playgroud)

webpack.config.dev.js

| source
 - | app
    - | containers
       - | CalendarContainer.js
| .eslintrc
| webpack.config.dev.js
| webpack.config.resolve.js
Run Code Online (Sandbox Code Playgroud)

webpack.config.resolve.js

const resolveConfig = require('./webpack.config.resolve')
const appConfig = {
  // lots of config,
  ...resolveConfig // to have the resolve key with aliases underneath …
Run Code Online (Sandbox Code Playgroud)

eslint webpack eslintrc webpack-4

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

使用Zend Framework 2列出应用程序的所有路由

如何使用Zend Framework 2 轻松列出我们在应用程序中定义的所有路由

"路线"是指那些定义在:

module/[moduleName]/config/module.config.php

'router' => array(
    'routes' => array(
        ...
    )
)
Run Code Online (Sandbox Code Playgroud)

我需要列出所有这些,但我不知道如何轻松地做到这一点,文档和论坛也没有帮助我.

routes zend-framework2

5
推荐指数
1
解决办法
7067
查看次数

React 添加变量名属性

React 中添加变量名称属性最简洁的方法是什么?我想要的最终结果是:<div data-flag>Hello</div>名称data-flag存储在const变量中。


我现在找到的方法有:

const DATA_FLAG = 'data-flag';

const Hello = ({ name }) => {
    const dataAttrs = { [DATA_FLAG]: true }
    return <div {...dataAttrs}>Hello {name}</div>;
}
Run Code Online (Sandbox Code Playgroud)

或者这个单行版本(但我发现它的可读性较差):

const Hello = ({ name }) => <div {...{ [DATA_FLAG]: true }}>Hello {name}</div>;
Run Code Online (Sandbox Code Playgroud)

你可以在这个 JSFiddle中玩它


如果属性是可变的(真或假),这些版本可以正常工作,但就我而言,它总是如此,true所以我发现它有点过头了,而且语法很复杂。

我很想知道是否有更干净的方法来实现它。

我知道最好的方法是直接应用它,例如:<div data-flag>Hello</div>但我确实需要存储data-flag在常量中(与其他组件共享)。

javascript attr reactjs

5
推荐指数
1
解决办法
2690
查看次数

使子组件在Polymer 1.0.0中调用其父API

我有两个使用Polymer 1.0.0定义的Web组件,我的问题是访问父公共API

<dom-module id="x-gallery">
  <template is="dom-repeat" items="{{photos}}">
    <x-photo photo="{{item}}"></x-photo>
  </template>
</dom-module>

<script>
  Polymer({
    is: 'x-gallery',

    ...

    getAll: function() {
      return this.photos;
    }
  });
</script>

<dom-module id="x-photo">
  <template>
    <img src="{{photo.src}}">
  </template>
</dom-module>

<script>
  Polymer({
    is: 'x-photo',
    properties: {
      photo: Object
    },

    ready: function() {
      // HERE ---
      // How could I access the x-gallery.getAll public method?
      // ...
    }
  });
</script>
Run Code Online (Sandbox Code Playgroud)

正如你所看到的,我想知道如何getAll从孩子们那里轻松访问公共方法?

我已经看到一些文档涉及基于事件的解决方案(听儿童事件),但这并不符合我的需要.除非你告诉我唯一的解决方案..

有任何想法吗?

javascript polymer

3
推荐指数
1
解决办法
4034
查看次数