小编Tho*_* Vo的帖子

使用React获取数据

我是React的新手,我试图用fetchapi 从服务器调用数据.

如果我想创建一个帮助类来获取像这样的数据

import { Promise } from 'es6-promise';
import fetch from 'isomorphic-fetch';
let responseData = response => {
  return response;
};

let getData = (dataURL, headers) => {
  let result = {
    data: [],
    message: ''
  };
  if (dataURL === null || dataURL === undefined || dataURL === '') {
    result.message = 'URL is not correct';
    responseData(result);
  }
  fetch(dataURL, headers)
    .then(response =>{
      if (response.ok) {
        response.json().then(data => {
          result.data = data;
          result.message = response.statusText;
          responseData(result);
        });
      }else{ …
Run Code Online (Sandbox Code Playgroud)

javascript fetch reactjs

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

在jQuery中使用:even或filter(":even")

我正在阅读jQuery API,关于甚至选择器,jQuery建议我们选择使用纯CSS Selector的元素列表然后使用filter(":even")以获得更好的性能.但我认为jQuery也为他们的:even选择器进行了优化.当我使用任何选择器时,它同时给了我相同的结果.只有当我们有超过100万个元素时它才会有所不同吗?有人可以解释:even选择器如何工作以及为什么使用filter(":even")更好?

谢谢,Tho Vo

performance jquery

3
推荐指数
1
解决办法
105
查看次数

Compass编译错误的Unicode字符

如果我没有@charset "UTF-8";在我的根scss中输入一个,那么Compass编译好了,它的输出如下:

@charset "IBM437";
Run Code Online (Sandbox Code Playgroud)

我的css输出仍然保留正确的Unicode字符,就像这样:

content: "??NG";
content: "TR? L?I";
Run Code Online (Sandbox Code Playgroud)

它的css仍然适用于Chrome和Firefox但在IE中失败,因为它没有呈现Unicode字符,如果我把输出完全错误 @charset "UTF-8";

content: "?É?éNG";
content: "TRß?ó Lß?£I";
Run Code Online (Sandbox Code Playgroud)

在这个时候,只有两个属性使用Unicode字符,我仍然可以修改它,但如果我有更多的Unicode字符,那将是一场噩梦.我需要修改config.rb吗?

css sass compass-sass

3
推荐指数
1
解决办法
2314
查看次数

使用 webpack 包含用于服务器端渲染的 scss 路径

我正在尝试为我的 Angular 5 应用程序部署 Angular Universal(最近从 Angular 4 迁移),并且遇到了服务器端渲染选项的问题:

ng build --aot --app 1
Run Code Online (Sandbox Code Playgroud)

我的 scss 文件中的变量路径在客户端有效,但在服务器端渲染命令无效。我收到这样的错误bootstrap-sass

File to import not found or unreadable: bootstrap/variable.
Run Code Online (Sandbox Code Playgroud)

将路径更改为node_modules工作中包的特定路径:

@import '~bootstrap-sass/assets/stylesheets/bootstrap/variables';
Run Code Online (Sandbox Code Playgroud)

我需要修改大约 50 个包含的文件bootstrap/variable,但它仍然被接受。但我的代码还包含一个特定的 scss 文件,并且它因组件而异,如下所示:

@import 'supergazol/footer';
Run Code Online (Sandbox Code Playgroud)

我可以浏览大约 50 个文件来相应地更改它的路径,但这不是很有效且耗时。有没有办法告诉Webpack找到正确的路径?

我对该路径的 Angular CLI 配置不起作用:

"stylePreprocessorOptions": {
        "includePaths": [
          "../node_modules/bootstrap-sass/assets/stylesheets",
          "../src/style/supergazol",
          "../src/style"
        ]
      },
Run Code Online (Sandbox Code Playgroud)

文件夹结构:

src
    app
    assets
    environments
    style
Run Code Online (Sandbox Code Playgroud)

webpack angular-universal angular

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

用 R 绘制 Hankel 矩阵

我想提请只有R中,使用一个汉克尔矩阵matrix()seq()rep()R的功能到现在为止,我以某种方式作出这样的:

#Do this exercise with other packages, need to rework
install.packages("matrixcalc")
library(matrixcalc)
E1 <- hankel.matrix( 5, seq( 1, 9 ) )
print(E1)
#Use matrix() only, not efficient
E2 <- matrix(c(1,2,3,4,5,2,3,4,5,6,3,4,5,6,7,4,5,6,7,8,5,6,7,8,9), ncol=5)
print(E2)
#Use seq() but not worked
E3 <- matrix(c(seq(1:5),seq(2:6),seq(3:7),seq(4:8),seq(5:9)), ncol=5)
print(E3)
Run Code Online (Sandbox Code Playgroud)

E1 使用了一个库来绘制一个 Hankel 矩阵,在 E2 中,我尝试手动输入数字来绘制一个,但是如果我想要一个新的大矩阵会花费很多时间。我尝试使用seq()但它不起作用。它会画成这样:

      [,1] [,2] [,3] [,4] [,5]
[1,]    1    1    1    1    1
[2,]    2    2    2    2    2
[3,]    3    3    3    3    3
[4,] …
Run Code Online (Sandbox Code Playgroud)

r matrix

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

如何让我的动画顺利过渡?

我试图制作一个附有两根弦的面板的动画,虽然钉子从左到右摆动像钟摆一样.这是动画代码和过渡功能.对于演示,您可以查看以下代码段:

.headline {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  margin-top: 150px;
}

.headline .box {
  position: relative;
  top: 10px;
  left: -70px;
}

.headline .box:after {
  content: "";
  width: 45px;
  height: 45px;
  background: black;
  position: absolute;
  border-radius: 50%;
  top: -85px;
  left: 105px;
  z-index: 10;
}

.headline .panel {
  background: white;
  color: #ff004f;
  font-size: 46px;
  font-family: "Quicksand", sans-serif;
  padding: 10px;
  font-weight: 700;
  max-width: 250px;
  display: block;
  line-height: 46px;
  position: relative;
}

.headline .panel:hover {
  animation-timing-function: cubic-bezier(0.120, 0.485, 0.950, 0.475);
  animation: pendulum 2s …
Run Code Online (Sandbox Code Playgroud)

css jquery animation css3

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