Jimagu nakajmg

TypeScript 練習問題集(Practice TypeScript and Playground) latest update(2020/9/21)

TypeScript and Playground練習問題集更新情報

WIP

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

旺文社『表現のための実践ロイヤル英文法』別冊付録「英作文のための暗記用例文300」JSON

『表現のための実践ロイヤル英文法』暗記用例文300オーディオブック紹介ページに掲載されているPDFをJSON化したものです。

詳しくは作成者のブログをご覧下さい。

なお、著作者やその代理人からの要請があれば、すぐ削除いたします。[email protected]にご連絡ください。

Japanese translation from the original post in English.

原文: [Getting Literal With ES6 Template Strings by Addy Osmani] (http://updates.html5rocks.com/2015/01/ES6-Template-Strings)

#ES6のテンプレート文字列

従来のJavaScriptの文字列処理はPythonやRubyに比べて非力でしたが、ES6のテンプレート文字列はこの状況を根本的に覆します。（テンプレート文字列はChrome 41からサポートされています。）それによりプログラマはドメイン固有言語（domain-specific language、DSL）を定義する事が可能になります。以下はテンプレート文字列が提供する機能です。

文字列の挿入
式を文字列に埋め込む

Break the Web: Object static methods no longer throw errors for primitives!

Object.keys等のstaticメソッドがES6で挙動が変わったことで面倒なことになってる話

何が変わったか

ES5でプリミティブを受け取ると例外を投げていたObject.keys等のメソッドが、ES6では例外を吐かなくなった。

Object.getPrototypeOf ( O )
Object.getOwnPropertyDescriptor ( O, P )

Vertical File Tabs in Atom

Add the styles to the .atom/styles.less stylesheet in Atom.

iOS 5 MobileSafari

Web Workers が実装されました
XMLHttpRequest Lv2 が実装されました
CSS Position: fixed が実装されました
Appnize(Homeに追加)したページでもJITが有効になりました
<meter>, <detail>, <summary> が実装されました
<input type="..."> が range, date, time, datetime, month, datetime-local をサポートしました
Inline SVG をサポートしました
Token List API を実装しました。 body.classList.add("CSS-CLASS-NAME") が可能になりました

API

source
- http://vuejs.org/api/

Class: Vue

Vueはvue.jsのコアとなるコンストラクタ
インスタンスが作られたときにデータバインディングが開始される
オプションを取ることも出来て、DOMやデータやメソッドについて定義出来る

	Seven different types of CSS attribute selectors

	// This attribute exists on the element
	[value]

	// This attribute has a specific value of cool
	[value='cool']

	// This attribute value contains the word cool somewhere in it
	[value*='cool']

	var $box = $('#box'), $panels, $panel, f, i;

	function exec() {
	for (i=0; i<$panels.length; i++){
	$panel = $($panels[i]);
	if ($panel.data('type') === 'a') {
	$panel.click();
	return true;
	}
	}