小编Koa*_*la7的帖子

如何在第一列中应用文本对齐,在其他列中应用文本对齐

我有一个表格样式,我如何text-align:left;只应用于第一列和text-align:right;其他列?

这是我的表示例:

http://jsfiddle.net/gianlucaguarini/hAv7P/

目前,所有列都保留了text-align.

css css-tables

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

增加数组中的函数

以下片段中的增量函数递增第四个元素,第五个元素,然后是最后一个元素(20)

我的目标是从第四个元素开始递增每个数字值,跳过字母.

这是我遇到问题的一行:

const indexAlteredElement = (clicksModulo) => (! clicksModulo % 3) ? 20 : clicksModulo+3;
Run Code Online (Sandbox Code Playgroud)

我怎样才能改变这一点来实现我的目标?

JSBin

let clicks = 0;
class App extends React.Component { 
    state = {
        data:'M 175 0  L 326.55444566227675 87.50000000000001  L 326.55444566227675 262.5  L 175 350  L 23.445554337723223 262.5  L 23.44555433772325 87.49999999999999 L 175 0'
    };

    onClick() {
      clicks ++;
      this.setState({data: this.increment()}); 
    }

    /**
     * clicks  ->   Element index in array
     *    1    ----- ->4, 
     *    2    ---- -> 5.
     *    3    ---- -> …
Run Code Online (Sandbox Code Playgroud)

javascript arrays algorithm increment reactjs

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

增量单击数组中的Redux函数

我正在使用一些svg元素,我已经构建了一个增量按钮.

增量按钮将path d值转换为数组,并5从数组的第三个元素求和.如果元素是'L''M'什么都不做

这里是redux中的click函数,它采用递增动作状态的值

  const a = action.index;
  let string = state[a].d;
Run Code Online (Sandbox Code Playgroud)

它转换为数组

let array = string.split(" ");
Run Code Online (Sandbox Code Playgroud)

然后它完成我在循环中说的所有计算

查看完整的redux函数

  switch(action.type) {
    case 'INCREMENT_COORDINATES' :
      console.log("incrementing coordinaates")
      const a = action.index;
      let string = state[a].d;
      let array = string.split(" ");
      let max = array.length;
      let i = 3;
      let click = () => {
        i++;
        if ( i === max ) i = 3;
        if (array[i] !== 'M' && array[i] !== 'L') …
Run Code Online (Sandbox Code Playgroud)

javascript arrays svg reactjs redux

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

Array用于循环到每个元素的方法

我正在写一个redux函数,任何时候我点击一个按钮我必须n在数组的第四个元素添加一个数字.如果元素是L或M,我不想添加

示例我在下面有这个数组,并且要添加的数字,即n'5'

[M 175 0  L 326 87 L 326]
Run Code Online (Sandbox Code Playgroud)

我单击按钮一次,阵列变为

[M 175 0  L 331 87 L 326]
Run Code Online (Sandbox Code Playgroud)

第四个元素变成了 331

我单击按钮两次,数组变为

[M 175 0  L 331 92 L 326]
Run Code Online (Sandbox Code Playgroud)

第五个元素变成了 92

依此类推,直到阵列结束,我再次从第三个元素开始

这是我的初始函数,我在其中映射所有值

var string = 'M 175 0  L 326.55444566227675 87.50000000000001  L 326.55444566227675 262.5  L 175 350  L 23.445554337723223 262.5  L 23.44555433772325 87.49999999999999 L 175 0',
    array = string.split(/\s+/),
    result = array.map(x => x === 'M' || x === 'L' ? x : +x …
Run Code Online (Sandbox Code Playgroud)

javascript arrays for-loop reactjs redux

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

如何将项目符号转换成水平列表?

我想在水平列表中显示光盘项目符号.

我知道,一旦我们在CSS中定义:display: inline;,类定义:list-style-type: disc不起作用.

所以这是我的解决方案:

                <ul>
                    <li>· EN</li>
                    <li>· ES</li>
                    <li>· ES</li>
                    <li>· DE</li>
                    <li>· FR</li>
                </ul>
Run Code Online (Sandbox Code Playgroud)

我已经将符号光盘子弹点手动放在我的水平列表中,然后我在我的头部中声明了:<meta http-equiv="content-type" content="text/html;charset=utf-8" />.

在我的coda编辑器预览中,它们看起来很好,但如果我尝试浏览它,我得到 这个.

为什么?我怎么能弄明白这个问题呢?否则,在水平列表中显示光盘项目符号的最佳解决方案是什么?

html css list

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

TypeError:无法在'AudioBufferSourceNode'上设置'buffer'属性:提供的值不是'AudioBuffer'类型

我正在研究现有的codoCircle.放下音量.

它按预期工作.

现在我想在codepen中使用相同的代码,我得到这个错误

TypeError:无法在'AudioBufferSourceNode'上设置'buffer'属性:提供的值不是'AudioBuffer'类型

我做了一些研究,我发现第一个答案很有用.

答案说

在我分配的时候playSound player.buffer = buffer,缓冲区仍然是未定义的,因为加载回调没有被触发.

这对我来说很有意义,所以我试着这样做 setTimeout:

setTimeout(playSound, 9000);
Run Code Online (Sandbox Code Playgroud)

它没有成功.

你知道任何解决方法吗?为什么CodeCircle工作而不是Codepen?

javascript jquery asynchronous xmlhttprequest codepen

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

UseEffect - 使用状态创建外部链接

我有一个getUrl()调用 API 端点的方法

  useEffect(() => {
    getUrl()
      .then(x => x.json())
      .then(x => {
        const { result } = x;
      });
  });
Run Code Online (Sandbox Code Playgroud)

我可以在控制台中看到我页面中的调用,正如您在屏幕截图中看到的,这是我的数据

{
   "result":"https://www.google.it",
   "error":null,
   "errorCode":null,
   "isSuccessful":true,
   "operationStatusCode":"OK"
}
Run Code Online (Sandbox Code Playgroud)

如何在我的视图中在外部链接中显示以下result链接示例https://www.gooole.it

我必须使用状态吗?

我需要一个如何编码的例子在这里

<a target="_blank" href={result}>Google Link</a>
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

javascript reactjs react-hooks use-effect

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

Twitter Bootstrap和更少的文件

我编写了一个Landing页面,只是为了尝试使用Less文件的Twitter Bootstrap.我不确定我是否按照应有的方式组织了较少的文件.

在我的index.html的head部分:

<link rel="stylesheet/less" type="text/css" href="bootstrap.less" />
Run Code Online (Sandbox Code Playgroud)

这里是我bootstrap.less的内容

// Core variables and mixins
@import "less/variables.less"; // Modify this for custom colors, font-sizes, etc
@import "less/mixins.less";

// CSS Reset
@import "less/reset.less";

// Grid system and page structure
@import "less/scaffolding.less";
@import "less/grid.less";
@import "less/layouts.less";

// Base CSS
@import "less/type.less";

// Utility classes
@import "less/utilities.less"; // Has to be last to override when necessary
Run Code Online (Sandbox Code Playgroud)

在我的文件夹"less"中,我有以下文件

  • utilities.less
  • utilities.css
  • variables.less
  • variables.css
  • grid.less
  • grid.css
  • type.less
  • layouts.less
  • mixins.less
  • scaffolding.less
  • reset.less

它们实际上是使我的登陆页面工作所必需的,但我不确定这个文件组织是否是最佳解决方案.我对此感到有点困惑,你能帮助我,告诉我,如果我做得好吗?有没有更好的方法来组织文件?

在这里,您可以看到登录页面

css less twitter-bootstrap

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

Ember Cli没有用西兰花徽标编译器编译

我试图在本地设置这个存储库https://github.com/lrdiv/ember-soundcloud,我用broccoli-emblem-compiler遇到了这个问题.见附件中的图片终端错误

根据我的理解,西兰花 - 会徽 - 编译器无法编译我的会徽模板,我不知道我怎么能搞清楚.

这些是我用Ember-Cli安装和设置项目所做的所有步骤

ember new soundcloud

ember install:addon ember-cli-coffeescript

ember install:npm broccoli-emblem-compiler
Run Code Online (Sandbox Code Playgroud)

我删除了app文件夹并替换为我克隆的项目https://github.com/lrdiv/ember-soundcloud

然后我安装了所需的其他节点模块

ember install:npm broccoli-static-compiler

ember install:npm broccoli-merge-trees  

ember install:npm install body-parser
Run Code Online (Sandbox Code Playgroud)

最后我跑了

ember server ,在我的终端,我得到了我附加的错误.

我现在能做些什么来解决这个问题?真正的问题是什么?

node.js ember.js emblem.js ember-cli broccolijs

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

React Promise异步任务顺序不正确

我正在使用 Promise 进行多次调用。

我要获取的 API 端点是:

  1. https://www.api-football.com/demo/v2/statistics/357/5/2019-08-30
  2. https://www.api-football.com/demo/v2/statistics/357/5/2019-09-30
  3. https://www.api-football.com/demo/v2/statistics/357/5/2019-10-30

看代码

export function getTeamsStats(league, team, type) {
  return function(dispatch) {

    const url = "https://www.api-football.com/demo/v2/statistics";
    let dates = ["2019-08-30", "2019-09-30", "2019-10-30"];
    const getAllData = (dates, i) => {
      return Promise.allSettled(dates.map(x => url + '/' + 357 + '/' + 5 + '/' + x).map(fetchData));
    }

    const fetchData = (URL) => {
      return axios
        .get(URL)
        .then(res => {
          const {
            matchsPlayed: { total: teamsTotalMatchsPlayed},
          } = res.data.api.statistics.matchs;

          const matchsPlayed = teamsTotalMatchsPlayed;

          dispatch(receivedTeamsStat(matchsPlayed, type)); …
Run Code Online (Sandbox Code Playgroud)

javascript promise reactjs react-hooks use-effect

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