class Parent extends Component {
constructor() {
super();
this.state = {
text: ''
};
}
// Ссылку на этот метод будем передавать в Button компонент.
buttonClick() {
this.setState({ text: Date.now() });
}
render() {
return (
<div>
// Ну, а тут передаем состояние text (родительского компонента) через props в дочерний (Text)
<Text text={ this.state.text } />
<Button onClick={ () => this.buttonClick() }/>
</div>
);
}
}
function Button(props) {
return <button onClick={ props.onClick }>Click me</button>
}
function Text(props) {
return <span>{ props.text }</span>
}
function getWidthOfText(txt, fontname, fontsize) {
var c=document.createElement('canvas');
var ctx=c.getContext('2d');
ctx.font = fontsize + 'px' + fontname;
var length = ctx.measureText(txt).width;
return length;
}
function getWidthOfText(txt, fontname, fontsize){
var e=document.createElement('span');
jQuery(e).text(txt);
jQuery(e).css({
'font-size': fontsize,
'font-family': fontname
});
jQuery(e).width();
delete e;
return width;
}
function getWidthOfText(txt, fontname, fontsize){
var e = document.createElement('span');
e.style.fontSize = fontsize;
e.style.fontFamily = fontname;
e.innerHTML = txt;
return e.innerWidth;
}
initial-expression // i = START_COUNT просто выражение
condition - выражение, которое вычисляется между операциями, пока true, следующая операция запускается, если false, то цикл закончится -// i--, когда i станет 0, то мы выйдем из цикла
final-expression - выражение, которое выполняется после очередной итерации и всё
for (var i = START_COUNT; i > 0; i--) {
starList.push...
}
var pauseButton = document.querySelector(".pause-button"),
start = Date.now(),
duration = 3000,
timePassed,
paused;
var timer = setInterval(change, duration);
pauseButton.addEventListener("click", function() {
if (!paused) {
clearInterval(timer);
timePassed = Date.now() - start;
paused = true;
} else {
setTimeout(function() {
timer = setInterval(change, duration);
}, duration - timePassed);
paused = false;
}
}, false);
function change() {
// ...
}
var a = [];
var b = [];
var c = [];
a[0] = 1;
b[0] = 1;
for (var i = 0; i < 4; ++i) {
c = a;
for (var j = 0; j < a.length; ++j) {
a[j] = a[j] + b[j]; //a[j] = c[j] = a[j] + b[j];
}
b = c; //b = c = a
console.log(c); // выводит [2], потому что c[0] = a[0] = b[0] + a[0] = 1 + 1 = 2
}
var a = "text", b = a;
b = "Other text";
console.log(a, b); //text, Other text
var arr = [], brr = arr;
arr.push("item");
console.log(a[0], b[0]); //item, item
array.slice()
.