Jimagu nakajmg

Vertical File Tabs in Atom

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

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 )

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）を定義する事が可能になります。以下はテンプレート文字列が提供する機能です。

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

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

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

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

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

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

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

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

WIP

	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']