小编Pat*_*und的帖子

使用webpack,我试图导入isEqual,因为lodash似乎导入了所有内容.我尝试过以下操作但没有成功:

import { isEqual } from 'lodash'

import isEqual from 'lodash/lang'

import isEqual from 'lodash/lang/isEqual'

import { isEqual } from 'lodash/lang'

import { isEqual } from 'lodash/lang'

我有一个布局,我有3列.

因此,我将100%除以3.

结果显然是33.333 ....

我的目标是完美的1/3屏幕.

题:

点后面有多少个数字可以用CSS来指定1/3的宽度？

例如33.33333 (n=5)←有多少ncss可以处理

HTML:

<div id="wrapper">
    <div id="c1"></div>
    <div id="c2"></div>
    <div id="c3"></div>
</div>

CSS:

#c1, #c2, #c3 {
    width: 33%; // 1/3 of 100%
}

是否有更好的方法除以3？

我有一个mapModule导入组件并导出它们的地方:

import ComponentName from '../components/ComponentName';

export default {
  name: ComponentName,
};

如何测试mapModule具有正确导出的键,值以及它们不为null或未定义的？

我使用react-loadable一段时间来动态导入我的React组件.

在最近的React版本16.6中,React团队已经包含 React.lazy()了动态导入.

使用该react-loadable软件包还有什么好处,或者是时候转移到新的React版本了吗？

在生产中运行我的Express应用程序时,我希望在其进程被终止时(即发送SIGTERM或SIGINT)正常关闭服务器.

这是我的代码的简化版本:

const express = require('express');

const app = express();

app.get('/', (req, res) => res.json({ ping: true }));

const server = app.listen(3000, () => console.log('Running…'));

setInterval(() => server.getConnections(
    (err, connections) => console.log(`${connections} connections currently open`)
), 1000);

process.on('SIGTERM', shutDown);
process.on('SIGINT', shutDown);

function shutDown() {
    console.log('Received kill signal, shutting down gracefully');
    server.close(() => {
        console.log('Closed out remaining connections');
        process.exit(0);
    });

    setTimeout(() => {
        console.error('Could not close connections in time, forcefully shutting down');
        process.exit(1);
    }, 10000);
}

当我在浏览器中运行它并调用URL http:// localhost:3000 /时,setInterval函数中的日志语句将继续打印"1个当前打开的连接",直到我实际关闭浏览器窗口.即使关闭标签,显然也会保持连接打开. …

我已成功培训了一个DNNC分类器来对文本进行分类(来自在线讨论板的帖子).我使用以下代码创建并保存了我的模型:

embedded_text_feature_column = hub.text_embedding_column(
    key="sentence",
    module_spec="https://tfhub.dev/google/nnlm-de-dim128/1")
feature_columns = [embedded_text_feature_column]
estimator = tf.estimator.DNNClassifier(
    hidden_units=[500, 100],
    feature_columns=feature_columns,
    n_classes=2,
    optimizer=tf.train.AdagradOptimizer(learning_rate=0.003))
feature_spec = tf.feature_column.make_parse_example_spec(feature_columns)
serving_input_receiver_fn = tf.estimator.export.build_parsing_serving_input_receiver_fn(feature_spec)
estimator.export_savedmodel(export_dir_base="/my/dir/base", serving_input_receiver_fn=serving_input_receiver_fn)

现在我想转换我保存的模型,使用tensorFlow,tf.js的JavaScript版本,使用tfjs-converter.

当我发出以下命令时:

tensorflowjs_converter --input_format=tf_saved_model --output_node_names='dnn/head/predictions/str_classes,dnn/head/predictions/probabilities' --saved_model_tags=serve /my/dir/base /my/export/dir

...我收到此错误消息:

ValueError异常:节点 'DNN/input_from_feature_columns/input_layer/sentence_hub_module_embedding/module_apply_default/embedding_lookup_sparse/embedding_lookup' 期待与未知节点"DNN/input_from_feature_columns/input_layer/sentence_hub_module_embedding协同定位

我假设在保存模型时我做错了什么.

保存估算器模型的正确方法是什么,以便可以使用tfjs-converter进行转换？

我的项目的源代码可以在GitHub上找到.

我使用webpack的代码拆分功能(require.ensure)来减少我的React应用程序的初始包大小,方法是从异步加载的单独包中加载页面加载时不可见的组件.

这很好用,但我在编写单元测试时遇到了麻烦.

我的测试设置基于Mocha,Chai和Sinon.

以下是我到目前为止所尝试的代码的相关摘录:

describe('When I render the component', () => {
    let component,
        mySandbox;
    beforeEach(() => {
        mySandbox = sandbox.create();
        mySandbox.stub(require, 'ensure');
        component = mount(<PageHeader />);
    });
    describe('the rendered component', () =>
        it('contains the SideNav component', () =>
            component.find(SideNav).should.have.length(1)
        )
    );
    afterEach(() => mySandbox.restore());
});

运行测试时,我收到以下错误消息:

"在每个"钩子之前"包含SideNav组件":不能存根不存在自己的属性确保

发生这种情况是因为这require.ensure是一种仅存在于webpack包中的方法,但我不是将我的测试与webpack捆绑在一起,也不是我想要的,因为它会产生更多的开销,并且可能会延长测试执行时间.

所以我的问题是:

有没有办法在require.ensure没有通过webpack运行测试的情况下使用Sinon存储webpack？

我目前正在构建一个由4个微服务(a,b,c,d)组成的应用程序.我们希望将Kubernetes Helm作为CI/CD管道的一部分.

我们正在讨论如何最好地定义图表,并且想知道社区的建议.

我们目前的选择似乎是:

1. 每个微服务的图表(所以4个图表)
2. 每个"应用程序流"的图表(服务a调用b,服务c调用d,所以总共2个图表)
3. 单个图表,部署所有4个微服务
4. 1.和3.的一些组合我们利用Helm的依赖特性

值得一提的是:

• 我们目前没有要求单独部署任何微服务,例如将其提供给单独的应用程序.
• 我们可能需要能够独立扩展任何微服务,即不是简单地复制所有4种服务.

我提到这些要求是因为我觉得它们可能与图表设计有关.

我正在尝试使用webpack的DLL插件(版本1.13)创建一个DLL包,其中包含我需要的各种反应项目所需的所有npm模块(即preact,preact-compat,redux,react-redux,redux-saga) ,重新组合).我想通过我店的内部npm repo分发包含所有这些npm模块的DLL包.一些Web应用程序应该从npm repo加载DLL包并使用其中包含的模块.

在GitHub上的webpack repo中使用webpack中的DLL的示例中,名为的模块module包含在alpha-DLL中.module来自node_modules示例目录中的目录(dll dir下面的一个目录).

这工作,当我使用节点build.js在dll-user目录中构建示例并查看时dll-user/js/output.js,我可以看到这些行:

/*!*****************************************************************************************!*\ !*** delegated ../node_modules/module.js from dll-reference alpha_e0d5512587ca63cbbd71 ***! \*****************************************************************************************/

命名的模块module不是真正的npm模块,它只是一个名为module.js直接坐在node_module目录中的文件.在这种情况下,我尝试包含一个"真实世界"的npm模块preact.

在构建dll和dll-user项目之后,查看output.js文件,我可以看到preact模块的整个代码包含在输出中,没有委托发生.

我该如何正常工作？这是webpack中的错误吗？

我基于webpack DLL示例在GitHub上创建了一个代码示例,该示例显示了问题:https://github.com/pahund/webpack-dll-problem

我对原生反应并尝试在react-native run-android没有博览会的情况下运行应用程序还很陌生。该应用程序安装成功，但立即崩溃而没有错误。我已经创建了应用程序react-native init myapp

当我尝试使用 Android Studio 运行应用程序时，一切正常。你对我有什么建议吗？