小编swe*_*let的帖子

Webpack自动启动浏览器

Gulp + live reload提供我在localhost上的内容和(这是我正在追求的)每当我运行gulp命令时自动在服务器url启动浏览器(即我不必单击浏览器图标并导航到url手动地).这可以在Webpack中完成吗?

我试过一个名为open-browser-webpack-plugin的插件,但我无法让它工作.

webpack webpack-dev-server

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

集合中的"数数"

使用lodash,有条件地计算集合中对象数量的好方法是什么?说我想要计算对象的数量

a < 4
Run Code Online (Sandbox Code Playgroud)

在以下集合中

[{a : 1}, {a : 2}, {a : 3}, {a : 4}, {a : 5}, {a : 6}]
Run Code Online (Sandbox Code Playgroud)

lodash

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

Atom.io:Emmet和jsx

似乎Emmet也应该使用.jsx文件,但我不能让它在atom中工作.我的div没有扩展,当我按Tab键时没有任何反应.我尝试重新启动Atom,禁用所有其他用户包,它与html文档完美配合.Emmet应该开箱即用.jsx还是需要配置?

jsx emmet atom-editor

13
推荐指数
2
解决办法
5976
查看次数

反应组成事件

React文档指定了三个"组合事件".

onCompositionEnd onCompositionStart onCompositionUpdate
Run Code Online (Sandbox Code Playgroud)

https://facebook.github.io/react/docs/events.html#composition-events

组合意味着什么以及这些事件何时发生?

javascript

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

Web 组件:扩展原生元素

我正在尝试创建一个扩展 div 元素的 Web 组件,我发现了另一个关于如何扩展本机元素(在本例中为按钮)的Stack Overflow 问题。但是,我无法让它发挥作用。而且,根据此答案中的更新,它应该可以工作。

如果您查看此简化代码片段中的结果,它只是呈现为带有文本的简单内联元素。如果您打开 Chrome 控制台并查看属性选项卡,也很明显它不是从 HTMLButtonElement 继承的(它应该继承)。怎么了?

class FancyButton extends HTMLButtonElement {
    constructor() {
        super(); // always call super() first in the ctor.
        this.addEventListener('click', e => this.innerHTML = "I was clicked");
    }
}

customElements.define('fancy-button', FancyButton, { extends: 'button' });
Run Code Online (Sandbox Code Playgroud)
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>title</title>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>
  <body>
    <fancy-button>Click me</fancy-button>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

javascript web-component

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

榆树中的爆炸(!)操作符

爆炸(或感叹号)操作员在榆树中做了什么?我看到一个像这样的init的应用程序:

init = emptyModel ! []
Run Code Online (Sandbox Code Playgroud)

我试过看榆树文档,但要么没有信息,要么我找不到它:)

elm

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

在Elm中使用preventDefault

我如何在elm中使用preventDefault?在键盘事件上说:

keyDown keyCode model =
    case keyCode of

        13 -> -- Enter key
            model
Run Code Online (Sandbox Code Playgroud)

如果我们不想要默认行为?

Html.Events有它的方法,但我不明白如何在实践中使用它.

elm

7
推荐指数
2
解决办法
1265
查看次数

React:复合组件与DOM组件

反应中的"复合组件"和"DOM组件"之间有什么区别?

官方文档在几个地方将这两个术语相互对比,但从未真正解释过它们.例如:https : //facebook.github.io/react/docs/component-specs.html https://facebook.github.io/react/docs/working-with-the-browser.html

从反应0.14开始,一些测试工具方法(如findRenderedDOMComponentWithClass)不再采用"DOM组件".

reactjs

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

为什么要为mapDispatchToProps和mapStateToProps分开方法?

我正在编写一个redux应用程序,然后我遇到了一个小问题.为什么约定分离mapDispatchToProps和mapStateToProps方法?为什么不只有一个:

mapToProps = (state, dispatch) => {
    ...
}
Run Code Online (Sandbox Code Playgroud)

redux

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

Rails 4,Heroku,Zurb Foundation 5

我正在开发一个使用Foundation 5的网站,我正在Heroku上托管.昨天依赖于javascript的所有Foundation小部件都停止了在Heroku上工作.在我的情况下,这意味着我的所有模态和我的轨道滑块.它仍然可以在我的本地机器上完美运行.

我总是预编译我的资产(rake资产:预编译)并在使用git推送到Heroku之前提交编译版本.

我已经尝试过在基础版本5.0.2.0和5.0.3.1以及其他一些东西之间进行升级和升级,但我只是难以置身于哪里开始.我对javascript调试也不太好.

Production.rb
  # Disable Rails's static asset server (Apache or nginx will already do this).
  config.serve_static_assets = true

  # Compress JavaScripts and CSS.
  config.assets.js_compressor = :uglifier
  # config.assets.css_compressor = :sass

  # Do not fallback to assets pipeline if a precompiled asset is missed.
  config.assets.compile = true

  # Generate digests for assets URLs.
  config.assets.digest = true

  # Version of your assets, change this if you want to expire all your assets.
  config.assets.version = '1.0'
Run Code Online (Sandbox Code Playgroud)

-

application.js
//= require …
Run Code Online (Sandbox Code Playgroud)

ruby-on-rails heroku zurb-foundation ruby-on-rails-4

4
推荐指数
1
解决办法
948
查看次数