小编Non*_*Non的帖子

Font-Awesome错误404字体

我不知道发生了什么但是在浏览器控制台中我可以看到3个与font-awesome相关的错误

 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff2?v=4.3.0 
 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff?v=4.3.0
 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.ttf?v=4.3.0 
Run Code Online (Sandbox Code Playgroud)

我知道这是荒谬的,我不能自己弄清楚这一点,但一切似乎都没问题,在我的index.html我有这样的事情

<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css" />
Run Code Online (Sandbox Code Playgroud)

这就是我所有与字体有关的东西,我已经检查了路径,我没有错.

你们中的任何人都会这样吗?

在此输入图像描述

UPDATE

这是NGINX部分,我在标题中加载了一些内容

add_header Content-Security-Policy "style-src 'self' 'unsafe-inline'
https://fonts.googleapis.com
https://fonts.gstatic.com
https://themes.googleusercontent.com
https://assets.zendesk.com;
font-src 'self' https://themes.googleusercontent.com
https://fonts.gstatic.com;";
Run Code Online (Sandbox Code Playgroud)

css fonts font-awesome

67
推荐指数
4
解决办法
8万
查看次数

localStorage vs sessionStorage vs cookies

我在一个应用程序中工作,我需要在用户登录期间保留一些数据,我有这个问题,localStorage,sessionStorage,cookies有什么区别???

我问我可以使用什么来保存DOM中的一些数据,即使用户刷新页面,有些人说:使用sessionStorage或localStorage,然后,有人提出使用ngCookies的想法因为它可以工作每个浏览器,但是,我应该使用哪个?

cookies html5 session-cookies local-storage angularjs

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

Reactjs:警告:React.createElement:type不应为null或未定义

这个完整的错误

警告:React.createElement:type不应为null或undefined.它应该是一个字符串(对于DOM元素)或一个ReactClass(对于复合组件).

这就是我在这个观点中所拥有的一切

import React, { Component } from 'react';
import Router, {Link, RouteHandler} from 'react-router';
import { Grid, Row, Column, List, ListItem } from '../../components/Layout';
import { RaisedButton, Paper } from 'material-ui';

const videosInformation = {
  time      : 25,
  gameId    : 15665,
  date      : '12 10 2015',
  gameName  : "Black Jack"
};

export default class Home extends Component {

  static contextTypes = {
    router  : React.PropTypes.func
  }  

  render () {
    return <Grid>                   
      <Row>
        <Column>
          <Paper>
            <List subheader="Player Info">
              <ListItem …
Run Code Online (Sandbox Code Playgroud)

javascript createelement reactjs

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

浏览器:标识符X已经声明

我在我的项目中使用ES6和Babel,当我宣布我的一个时,我收到一个错误 const

'use strict';

const APP = window.APP = window.APP || {};
const _ = window._;

APP.personalCard = (function () {

   ...

}());
Run Code Online (Sandbox Code Playgroud)

错误

未捕获的TypeError:已声明标识符'APP'

这就是整个文件,我没有在该文件中的任何其他地方声明.但我已经声明var在其他文件的顶部.

你认为它应该是什么?

javascript ecmascript-6

28
推荐指数
2
解决办法
8万
查看次数

Reactjs承诺,我们应该如何使用它?

在过去的3天里,我一直在阅读很多关于React的内容,但是我没有看到有关使用promises的更多信息,所以我有这种担忧.

这有什么图书馆吗?

我应该如何在React中使用promises?

javascript promise reactjs

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

如何在Linux中更新Webstorm?

我在Linux中有Webstorm,我收到一个警告,表明有更新,我正在尝试从网上获取一些信息,但我得到的是如何安装它而没有关于如何更新它.

那么,我应该怎么做才能更新我的Webstorm?

linux ide ubuntu webstorm

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

如何在加载数据之前阻止组件呈现?

我正在等待道具从一个名为的商店出来GetDealersStore,而我获取数据的方式是我正在执行的操作:

  componentWillMount () { GetDealersActions.getDealers(); }
Run Code Online (Sandbox Code Playgroud)

我已经测试了应用程序并componentWillMount()在初始渲染之前运行,我有这个

let dealerInfo;
if (this.state.dealerData) {
  dealerInfo = this.state.dealerData.dealersData.map((dealer) => {
    return (<div>CONTENT</div>);
  })
} else {
  dealerInfo = <p>Loading . . .</p>
}
Run Code Online (Sandbox Code Playgroud)

但对于第一第二,你可以看到<p>Loading . . .</p>在这是在屏幕else的上面的条件,再渲染其余想出了return (<div>CONTENT</div>);这是if在有条件的.所以,我想,这意味着render方法已经触发了两次,因为它一直在等待来自数据库的数据.

数据库中的数据在第一次渲染时不可用,因此,如何在第一次初始渲染发生之前获取该数据?

javascript reactjs

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

ES6导入vs html中的<script src>

我想知道它们之间有什么区别

import XLibraryComponent from 'xlibrarycomponent'来自ES6的1-

与常规方式相比

2- <script src="/X/Libray/Component/path"></script>

我问这个是因为我从React开始,我看到你注入了一些组件import X from 'x'和你注入html的其他组件,这是我在上面发布的第二种方式.

那么,有什么区别?哪种方式最好?

javascript ecmascript-6

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

Graphql 错误:“不支持使用 last 而 before 不支持”

我正在使用 Gatsby + GraphQL + Shopify。我在检索最后 10 个订单时遇到问题。

我的查询如下所示:

query {
   customer(customerAccessToken: "${customerAccessToken}") {
      orders(last: 10) {...}
   }
}
Run Code Online (Sandbox Code Playgroud)

它返回这个:

"message": "不支持使用 last 而 before 不支持"

我注意到这个问题发生在其他一些开发者身上:https : //community.shopify.com/c/Shopify-Discussion/How-to-get-customer-s-orders-and-sort-by-date-in-descending/ mp/629133/highlight/false#M151241

如果您检查文档也没有提到使用beforelasthttps://shopify.dev/docs/admin-api/graphql/reference/object/order?api[version]=2020-07

底部有一个操场,您可以在其中测试查询。

其他人以前见过这个问题吗?

javascript shopify ecmascript-6 graphql

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

通过特殊条件声明获得明确

我将向您展示我的应用程序的一小部分,我想知道哪个是正确处理条件的正确方法.如果我向你展示的两种方式都是正确的,我希望你告诉我后果/逆境

if ((some.thing === '' || 0) || (some.how === '' || 0)) {
      //something is going on here
}
Run Code Online (Sandbox Code Playgroud)

这就是我到目前为止的方式,有什么不好的吗?

或者应该这样更好:

if ((some.thing === '' || some.thing === 0) || (some.how === '' || some.how === 0)) {
       //something is going on here
}
Run Code Online (Sandbox Code Playgroud)

那么你的建议是什么?结尾的结果是一样的吗?

编辑

添加另一种方式:

if (some.thing === '' || some.thing === 0 || some.how === '' || some.how === 0) {
       //something is going on here
}
Run Code Online (Sandbox Code Playgroud)

javascript

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