javascript

java

python

c#

android

c++

node.js

php

html

jquery

ios

reactjs

css

.net

git

ruby-on-rails

sql

c

ruby

string

javascript-在同构React组件中导入CSS文件

我有一个带有ES6编写的组件的React应用程序-通过Babel和Webpack进行了编译。

在某些地方,我想包含特定CSS文件和特定组件,如react webpack手册中所建议

但是,如果在任何组件文件中,我都需要静态CSS资产,例如:

webpack --config webpack.common.js

然后编译失败并显示错误:

SyntaxError: <PROJECT>/assets/css/style.css: Unexpected character '#' (3:0)
    at Parser.pp.raise (<PROJECT>\node_modules\babel-core\lib\acorn\src\location.js:73:13)
    at Parser.pp.getTokenFromCode (<PROJECT>\node_modules\babel-core\lib\acorn\src\tokenize.js:423:8)
    at Parser.pp.readToken (<PROJECT>\node_modules\babel-core\lib\acorn\src\tokenize.js:106:15)
    at Parser.<anonymous> (<PROJECT>\node_modules\babel-core\node_modules\acorn-jsx\inject.js:650:22)
    at Parser.readToken (<PROJECT>\node_modules\babel-core\lib\acorn\plugins\flow.js:694:22)
    at Parser.pp.nextToken (<PROJECT>\node_modules\babel-core\lib\acorn\src\tokenize.js:98:71)
    at Object.parse (<PROJECT>\node_modules\babel-core\lib\acorn\src\index.js:105:5)
    at exports.default (<PROJECT>\node_modules\babel-core\lib\babel\helpers\parse.js:47:19)
    at File.parse (<PROJECT>\node_modules\babel-core\lib\babel\transformation\file\index.js:529:46)
    at File.addCode (<PROJECT>\node_modules\babel-core\lib\babel\transformation\file\index.js:611:24)

看来,如果我尝试在Component文件中要求CSS文件,那么Babel加载程序会将其解释为另一个源,并尝试将CSS转换为Javascript。

这是预期的吗? 有没有一种方法可以实现-允许已转译的文件显式引用不会被转译的静态资产?

我为.js / jsx和CSS资产都指定了加载程序,如下所示:

  module: {
    loaders: [
      { test: /\.css$/, loader: "style-loader!css-loader" },
      { test: /\.(js|jsx)$/, exclude: /node_modules/, loader: 'babel'}
    ]
  }

查看完整的webpack配置文件

详细信息如下:

webpack.common.js-我使用的基本Webpack配置,因此我可以在开发人员和生产人员之间共享属性。

Gruntfile.js-用于开发的Gruntfile。 如您所见,它需要上面的webpack配置并向其中添加一些开发属性。 这可能引起问题吗?

Html.jsx-我的HTML jsx组件,尝试导入/获取CSS。 这是一个同构应用程序(使用Fluxbile),因此需要使用实际的HTML作为呈现的组件。 在我的应用程序的任何部分中,使用此文件中显示的require语句,都会给出所描述的错误。

这似乎与咕unt有关。 如果我仅使用webpack --config webpack.common.js进行编译,则不会出错。

简短的答案:这是节点运行时错误。 在同构应用程序中尝试在服务器上加载CSS并不是一个好主意。

trans by 2020-08-10T23:22:52Z

javascript-Regex exec仅返回第一个匹配项

这个问题已经在这里有了答案:

  • RegEx使用RegExp.exec从字符串中提取所有匹配项 17个答案

我正在尝试实现在golfscript语法页面上找到的以下正则表达式搜索。

var ptrn = /[a-zA-Z_][a-zA-Z0-9_]*|'(?:\\.|[^'])*'?|"(?:\\.|[^"])*"?|-?[0-9]+|#[^\n\r]*|./mg;
input = ptrn.exec(input);

输入仅是正则表达式的第一个匹配项。 例如:"hello" "world"应该返回["hello", "world"],但仅返回["hello"]

trans by 2020-08-10T20:46:37Z

在JavaScript中比较字符串时,为什么一个字符串比另一个字符串大?

我从一本书中看到以下代码:

var a = "one";
var b = "four";
a>b; // will return true

但没有提到为什么“一个”大于“四个”。 我尝试了c = "a",它小于a和b。 我想知道JavaScript如何比较这些字符串。

trans by 2020-08-10T19:54:56Z

Javascript-如何从JS Console中的console.timeEnd()获取输出?

我希望能够在我的Google Chrome Javascript控制台中从3005656860470010012返回字符串。

在下面的示例中,我想要一个包含"t: 0.276ms"的变量

> console.time('t'); console.timeEnd('t');
  t: 0.276ms
< undefined

这可行吗?

trans by 2020-08-10T19:47:03Z

php-如何即时缩小JS或CSS

如何在运行时/运行时最小化JS和CSS,以便在运行时/运行时最小化我的服务器中的原始代码结构。

trans by 2020-08-10T19:40:01Z

javascript-属性“ ...”没有初始化程序,因此未在constru中明确分配

在我的Angular应用中,我有一个组件:

import { MakeService } from './../../services/make.service';
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-vehicle-form',
  templateUrl: './vehicle-form.component.html',
  styleUrls: ['./vehicle-form.component.css']
})
export class VehicleFormComponent implements OnInit {
  makes: any[];
  vehicle = {};

  constructor(private makeService: MakeService) { }

  ngOnInit() {
    this.makeService.getMakes().subscribe(makes => { this.makes = makes
      console.log("MAKES", this.makes);
    });
  }

  onMakeChange(){
    console.log("VEHICLE", this.vehicle);
  }
}

但是在“ makes”属性中,我有一个错误。我不知道该怎么办...

mistake

trans by 2020-08-10T19:23:29Z

RXJS等待数组中的所有可观察值完成(或错误)

我正在将可观察对象推入这样的数组中...

var tasks$ = [];
tasks$.push(Observable.timer(1000));
tasks$.push(Observable.timer(3000));
tasks$.push(Observable.timer(10000));

我想要一个当所有任务都完成时发出的Observable。 请记住,实际上,tasks $没有已知数量的Observable。

我已经尝试了Task.WhenAll(),但是在只有1个任务的情况下,这似乎失败了,这使我相信ZIP需要偶数个元素才能按照我期望的方式工作。

我已经尝试了Task.WhenAll(),但是concat运算符的结果似乎只是一个可观察对象的数组...例如 与输入基本相同。 您甚至无法致电订阅。

在C#中,这类似于30055495213520002000;在ES6中,它类似于Promise.all()

我遇到了许多SO问题,但它们似乎都在等待已知数量的流(例如将它们映射在一起)。

trans by 2020-08-10T18:00:39Z

javascript-从chrome.storage.syn保存和检索

我正在尝试将数据对象保存在chrome同步存储中,然后检索它,但是get()函数始终返回一个空对象。 我使用的代码是

function storeUserPrefs() {
    var key='myKey', testPrefs = {'val': 10};
        chrome.storage.sync.set({key: testPrefs}, function() {console.log('Saved', key, testPrefs);});
}

function getUserPrefs() {
    chrome.storage.sync.get('myKey', function (obj) {
        console.log('myKey', obj);
    });
}

有人可以告诉我我在做什么错吗?

trans by 2020-08-10T17:53:00Z

javascript-是否可以触发智能手机上的共享菜单(通过HTML / JS)?

是否存在通过HTML或JavaScript在智能手机上的本地浏览器中触发共享功能的可能性?

当然,有许多提供共享按钮的服务。 但是当我 要在Facebook上共享网站,我需要使用当前使用的浏览器登录到Facebook。

几乎所有浏览器都内置了共享功能,该功能会触发系统菜单来选择要共享的应用程序:

System share menu in android os

这个问题是关于:如何触发这个菜单?

我知道可以在链接的href属性中触发带有指定前缀的电话,例如tel:callto:。也许此共享菜单的快捷方式也存在吗? 还是一些JavaScript代码? 还是完全不同的方法呢?

提前致谢。

trans by 2020-08-10T17:02:56Z

javascript-使用CasperJ将结果写入文件

如何在文件系统中创建文件,并将this.getPageContent()的内容放入其中?

trans by 2020-08-10T15:51:12Z

javascript-动态地将第一帧用作HTML5视频中的海报?

我想知道是否有任何简单的方法可以实现此效果,而无需后端代码提取框架,将其另存为jpg并将其存储在某个地方。

当视频加载时,视频的第一帧只是显示为海报的效果会非常有用(只有在浏览器可以明显播放视频的情况下才起作用,这可能与传统上的poster有点不同, 但这不是问题。

trans by 2020-08-10T15:31:39Z

javascript-ES6动态类名

我一直在尝试ES6类,并且想知道是否可以动态更改类名? 例如

class [Some dynamic name] {}; 
trans by 2020-08-10T14:26:01Z

JavaScript-跨网域iframe issu

可以说,我有一个名为example.com的站点,在该站点上嵌入了iframe.net域的iframe,现在我想读取iframe的内容并传递一些参数以显示文本消息。 像Hi和用户名一样。

现在的问题是这无法建立两者之间的连接,甚至无法获得我使用以下方法使用的iframe的innerHTML

document.getElementById('myframe').contentWindow.document.body.innerHTML;

它将引发错误“权限被拒绝访问属性”

有谁知道如何在跨域平台中读写

trans by 2020-08-10T14:23:56Z

Javascript-如何在npm脚本中编写多行脚本?

我的package.json如下所示:

{
  "name": "project",
  "version": "1.0.0",
  "description": "",
  "main": "server.js",
  "scripts": {
    "lint": "./node_modules/eslint/bin/eslint.js --format \"./node_modules/eslint-friendly-formatter/index.js\" .",
    "build:server": "./node_modules/babel-cli/bin/babel.js . -d dist/server --ignore node_modules,dist,client,public,webpack*"
  }
}

如您所见,build.sh./build.sh server命令很难阅读,因此我想将它们分成多行。

我尝试使用build.sh,但它会引发如下错误:

npm ERR! Failed to parse json
npm ERR! Unexpected token ' ' at 11:80
npm ERR! :server": "./node_modules/babel-cli/bin/babel.js . -d dist/server \
npm ERR!                                                                   ^

我怎样才能做到这一点?

只写另一个bash文件,如build.sh,并在npm脚本中使用它,如./build.sh server

trans by 2020-08-10T12:15:32Z

javascript-jQuery选择器-查找没有特定属性的对象

我在页面上有几个对象,并且我只想对其中一些对象使用jQuery进行操作-没有指定属性的对象。 所以:

<li style='...'>some text</li>
<li style='...'>some other text</li>
<li>some very diffrent text</li>

并且在javascript中,我将拥有:

$('li[style]').hide();

这将隐藏具有style属性的所有元素。 但是,如果我要隐藏没有它的那些,我的选择器应该是什么样?

trans by 2020-08-10T12:03:39Z

jquery-Javascript框架日历插件

有没有人知道主要JavaScript框架之一的日历(不是datepicker,而是可浏览的大日历)插件。 我更喜欢jQuery。

trans by 2020-08-10T11:51:28Z

在if语句中定义JavaScript变量

在if语句中定义JavaScript变量是否正确?

if(a==1){
    var b = 1;
} else {
    var b = 0;
}

我知道上面的代码可以工作,但是WebMatrix突出显示了变量。

我应该在if语句之外定义变量吗? 还是第一个选项正确? 还是没关系?

var b = '';
if(a==1){
    b = 1;
} else {
    b = 0;
}
trans by 2020-08-10T11:31:38Z

javascript-如何使用Redux刷新JWT令牌?

我们的React Native Redux应用程序使用JWT令牌进行身份验证。 有许多动作需要这样的令牌,并且许多令牌是同时分发的,例如 应用加载时。

例如。

componentDidMount() {
    dispath(loadProfile());
    dispatch(loadAssets());
    ...
}

loadProfileloadAssets都需要JWT。 我们将令牌保存在状态AsyncStorage中。我的问题是如何处理令牌过期。

最初,我将使用中间件来处理令牌到期

// jwt-middleware.js

export function refreshJWTToken({ dispatch, getState }) {

  return (next) => (action) => {
    if (isExpired(getState().auth.token)) {
      return dispatch(refreshToken())
          .then(() => next(action))
          .catch(e => console.log('error refreshing token', e));
    }
    return next(action);
};

}

我遇到的问题是loadProfileloadAssets操作将同时刷新令牌,因为在分发它们时令牌将过期。 理想情况下,我想“暂停”需要身份验证的操作,直到刷新令牌为止。 有没有办法用中间件做到这一点?

trans by 2020-08-10T11:22:21Z

javascript-多个脚本标记与单个脚本标记

在使用单个脚本标签中嵌入代码,还是在HTML上使用具有相同代码的多个脚本标签之间,有什么区别(性能,最佳实践等)?

例如:

<script>
    foo();
</script>
...
<script>
    bar();
</script>

与:

<script>
    foo();
    bar();
</script>

谢谢

trans by 2020-08-10T11:03:10Z

带新行的JavaScript字符串-但不使用\ n

我有一个包含新行的字符串。我想将它们转换为HTML \ns,但是我很难检测到它们。

想象这样一个JavaScript字符串集:

var foo = "Bob
is
cool";

它们是我需要检测的新行。 他们没有使用\n特殊字符-它们只是纯格式。

trans by 2020-08-10T10:17:45Z

上一页 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 下一页 共513页