.parent { height: auto; width: 200px; border: 1px solid red; }
.child { padding-top: 100%; border: 1px solid blue; }
| content, | |
| counter-increment, | |
| counter-reset, | |
| position, | |
| top, right, bottom, left, | |
| transform, transform-origin, |
| import * as THREE from 'three'; | |
| import GLTFLoader from 'three/examples/js/loaders/GLTFLoader.js'; | |
| // import { DRACOLoader } from 'three'; | |
| import PhoneModel from './../public/assets/models/phone3d.glb'; | |
| var camera, scene, renderer; | |
| var geometry, material, mesh; | |
| init(); | |
| animate(); |
| murkup | |
| css3, sass/Scss, less, grids, flexbox | |
| html5, pug, , email markup, BEM | |
| canvas, svg | |
| font-end | |
| js, es5-8, jquery, | |
| react, react native | |
| vuejs, vuex, weex | |
| angular2+, ionic, typescript | |
| gulp, webpack |
| bind возвращает новую ф-ю обертку | |
| полифил bind | |
| funtionc bind(cb, context) { | |
| return function() { | |
| return cb.apply(context, arguments) | |
| } | |
| } | |
| как сделать чтобы вывелось с 1 до 10 |
| required - ansi, | |
| http, | |
| fs(readFile, readFileSync, writeFile, writeFileSync, appendFile, appendFileSync, (createWriteStream - write, end), createReadStream(on) ), | |
| os, | |
| events(emitter = new Emitter(), emitter.on, emitter.emit), | |
| until(util.inherits(User, EventEmitter)) | |
| zlip | |
| module - is a file and it have local variables |
| Важное замечание: PureComponent нужно использовать только для так называемых presentational components, т.е. для тех компонент, которые НЕ обёрнуты в вызов redux connect(). | |
| Функция componentWillMount, вместо которой предлагается использовать componentDidMount. | |
| Функция componentWillUpdate, которую заменит componentDidUpdate. | |
| Функция componentWillReceiveProps . В качестве заменителя этой функции предлагается новая статическая функция getDerivedStateFromProps. | |
| В свете вышесказанного не стоит впадать в панику, так как эти функции всё ещё можно использовать. Уведомления о том, что данные функции устарели, появятся в React 16.4, а их удаление запланировано в 17-й версии React. | |
| для пересоздания обьекта (не ререндер) можно поменять ключ, key + 1 и он пересоздастся |
| import React, {Component} from 'react'; | |
| import logo from './logo.svg'; | |
| import './App.css'; | |
| import {EventEmitter} from 'events'; | |
| import {Dispatcher} from 'flux'; | |
| const AppDispatcher = new Dispatcher(); | |
| const CHANGE_EVENT = 'CHANGE'; |
.parent { height: auto; width: 200px; border: 1px solid red; }
.child { padding-top: 100%; border: 1px solid blue; }
Сoding, Challenging