小编Cos*_* SD的帖子

Webpack和Typescript图像导入

我正在使用React应用程序并使用WebpackTypescript.我想在其中一个<img/>标签中使用图像.但是,我没有找到正确的方法来访问图像文件.

webpack.config.js:

 ...
 module: {
        rules: [
            ...
            {
                test: /\.(png|jpe?g|svg)$/,
                loader: 'file-loader',
                options: {
                    name: 'assets/[name].[ext]',
                }
            }
        ]
Run Code Online (Sandbox Code Playgroud)

app.tsx:

...
render() {
    return <img src='/assets/logo-large.png' alt="logo"/>
}
Run Code Online (Sandbox Code Playgroud)

运行应用程序时,assets/logo-large.png找不到资源.

typescript reactjs webpack

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

在嵌套字段上建立索引

我正在尝试使用AWS Developer Console中的仪表板在嵌套字段上创建索引.例如,如果我有以下架构:

{ 'id': 1,
  'nested': {
     'mode': 'mode1',
     'text': 'nice text' 
  }
}
Run Code Online (Sandbox Code Playgroud)

我能够创建索引nested.mode,但每当我按索引进行查询时,什么都没有回来.这让我觉得DynamoDB创建一个字段名称的索引nested.mode,而不是modenested.任何提示重新.我可能做错了什么?

amazon-dynamodb

20
推荐指数
1
解决办法
7131
查看次数

谷歌地图 - 点击按钮时触发搜索框

我有兴趣实施一个Google地图搜索按钮,旁边有一个"提交"/"开始"按钮(例如http://maps.google.com上).如果我在搜索框中按Enter键,一切都很好,但我不知道如何使用按钮强制/提交搜索.

现在我的代码基于以下示例:https://developers.google.com/maps/documentation/javascript/examples/places-searchbox.最重要的部分是我现在正在使用它:

HTML:

<div id="intro-search">
    <input id="search-box" />
    <button type="button">Submit!</button>
</div>
Run Code Online (Sandbox Code Playgroud)

JS:

  // Listen for the event fired when the user selects an item from the
  // pick list. Retrieve the matching places for that item.
  google.maps.event.addListener(searchBox, 'places_changed', function() {
    // ... 
    // Show the results on the map
    // ...
  }
Run Code Online (Sandbox Code Playgroud)

我不知道如何在按钮点击时触发相同的操作.

另一方面,SearchBox自动完成控件有什么区别?他们不做同样的事情吗?

javascript google-maps google-maps-api-3

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

在Python中使用多个正则表达式或更大的正则表达式替换

我最近才切换到Python,我有兴趣通过删除一些特定的标签或其他一些字符串模式来清理大量的网页(大约12k)(但可以被视为同样容易的文本文件).为此,我在Python中使用re.sub(..)函数.

我的问题是,如果更好(从效率的角度来看)创建一个匹配更多模式的大型正则表达式,或者使用更小更简单的正则表达式多次调用该函数.

举例来说,使用类似的东西更好

 re.sub(r"<[^<>]*>", content)
 re.sub(r"some_other_pattern", content)
Run Code Online (Sandbox Code Playgroud)

要么

 re.sub(r"<[^<>]*>|some_other_pattern",content)
Run Code Online (Sandbox Code Playgroud)

当然,为了举例说明以前的模式非常简单,我没有在这里编译它们,但在我的现实场景中,我会.

LE:问题与文件的HTML性质无关,而是与处理多个正则表达式模式时Python的行为有关.

谢谢!

python regex

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

requirejs - 要求的多个调用的性能

我想知道在具有多个模块的项目中使用RequireJS的正确方法是什么,关于具有较少依赖性的多个require调用的性能与具有所有依赖性的单个require的性能.

让我们来看看,对于一个应用程序,我需要加载一些模块:gmaps, jquery, module1, module2, module3.某些模块的使用是相当独立的.因此,问题是建议使用以下哪种替代方法(假设此代码是加载到页面中的主要模块):

require(['gmaps'], function(gmaps){
   gmaps.use();
});

require(['jquery','module1'], function(jquery, module1){
   module1.use();
});

require(['jquery','module2'], function(jquery, module2){
   module2.use();
});

require(['jquery','module3'], function(jquery, module3){
   module3.use();
});
Run Code Online (Sandbox Code Playgroud)

VS

require(['jquery','module1','module1','module1','gmaps'], function(jquery, module1,module2,module3,gmaps){
   module1.use();
   module2.use();
   module3.use();
   gmaps.use();
});
Run Code Online (Sandbox Code Playgroud)

换句话说,什么是性能损失,require哪种是最佳实践.

javascript performance amd requirejs

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

使用 NavGraph 替换目的地(使用 app:popUpTo 时的事务)

我们需要实现一个状态机驱动的导航,其中当前显示的屏幕取决于当前状态。因此,到目前为止,我们的方法是使用全局操作并在状态发生变化时导航到正确的屏幕。乍一看,一切似乎都很好,但是,当app:popUpTo在动作上使用属性时,我们开始注意到一些奇怪的行为。

在我们的具体案例中,我们有 2 个子导航图(让我们称它们为NG1NG2),其中NG2是状态机驱动的。假设我们在 screen AinNG1然后我们导航到NG2,它添加了 screen B。我们现在有两个选择:

  1. 如果我们使用 with (有效地旨在替换with )的操作导航到 screen C(in NG2) ,那么有时,Fragment 会短暂启动 ( ) 几十毫秒,然后在开始之前停止。因此,我们得到。带有 , 的操作似乎不是事务性的。app:popUpTo="@+id/NG2"BCAonStartCB -> CB -> A -> CpopUpTo
  2. 如果我们使用不带 的操作导航到 screen C(in NG2) app:popUpTo="@+id/NG2",则 screenA不会启动,而是B留在后堆栈中。因此,如果 screenB需要再次显示,我们最终会得到一个看起来像 的 backstack A / B / C / …

android android-navigation android-jetpack android-architecture-navigation

5
推荐指数
0
解决办法
100
查看次数