我有一个表格样式,我如何text-align:left;
只应用于第一列和text-align:right;
其他列?
这是我的表示例:
http://jsfiddle.net/gianlucaguarini/hAv7P/
目前,所有列都保留了text-align.
以下片段中的增量函数递增第四个元素,第五个元素,然后是最后一个元素(20)
我的目标是从第四个元素开始递增每个数字值,跳过字母.
这是我遇到问题的一行:
const indexAlteredElement = (clicksModulo) => (! clicksModulo % 3) ? 20 : clicksModulo+3;
Run Code Online (Sandbox Code Playgroud)
我怎样才能改变这一点来实现我的目标?
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)我正在使用一些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) 我正在写一个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) 我想在水平列表中显示光盘项目符号.
我知道,一旦我们在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编辑器预览中,它们看起来很好,但如果我尝试浏览它,我得到 这个.
为什么?我怎么能弄明白这个问题呢?否则,在水平列表中显示光盘项目符号的最佳解决方案是什么?
我正在研究现有的codoCircle.放下音量.
它按预期工作.
现在我想在codepen中使用相同的代码,我得到这个错误
TypeError:无法在'AudioBufferSourceNode'上设置'buffer'属性:提供的值不是'AudioBuffer'类型
我做了一些研究,我发现第一个答案很有用.
答案说
在我分配的时候playSound
player.buffer = buffer
,缓冲区仍然是未定义的,因为加载回调没有被触发.
这对我来说很有意义,所以我试着这样做
setTimeout
:
setTimeout(playSound, 9000);
Run Code Online (Sandbox Code Playgroud)
它没有成功.
你知道任何解决方法吗?为什么CodeCircle工作而不是Codepen?
我有一个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)
我编写了一个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"中,我有以下文件
它们实际上是使我的登陆页面工作所必需的,但我不确定这个文件组织是否是最佳解决方案.我对此感到有点困惑,你能帮助我,告诉我,如果我做得好吗?有没有更好的方法来组织文件?
在这里,您可以看到登录页面
我试图在本地设置这个存储库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
,在我的终端,我得到了我附加的错误.
我现在能做些什么来解决这个问题?真正的问题是什么?
我正在使用 Promise 进行多次调用。
我要获取的 API 端点是:
看代码
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 ×6
reactjs ×5
arrays ×3
css ×3
react-hooks ×2
redux ×2
use-effect ×2
algorithm ×1
asynchronous ×1
broccolijs ×1
codepen ×1
css-tables ×1
ember-cli ×1
ember.js ×1
emblem.js ×1
for-loop ×1
html ×1
increment ×1
jquery ×1
less ×1
list ×1
node.js ×1
promise ×1
svg ×1