JavaScript オブジェクト入門 - ウェブ開発を学ぶ | MDN 読んでいて役に立ちそうな真新しい発見とかはないんだけどECMA2015以前の話とかちょっと面白かった。classのない世界か〜 XMLHttpRequestって直接使われることはどれくらいあるんだろう 自分がプログ…

Angular Change Detection - How Does It Really Work? Dev modeではChange Detectionが2回走る。そうすることで、Change Detectionのループを検出することができる。これはExpressionHasBeenChangedError(名前うろ覚え)のこと。ライフサイクルメソッドの中…

Angular Change Detection - How Does It Really Work? Angularの起動時にはlow-levelのAPIの上書きが行われている。例えば、addEventListenerを上書きすることで「ネイティブのaddEventListenerを実行→Angular独自の変更があるかどうか、あれば再描画する」…

npm run のスクリプトを連続実行・並列実行する (npm-run-all) npm-run-allって<command1> & <command2>や<command1> && <command2>と何が違うんだろうと思ってたけど、WindowsとLinuxで記法が違うからOSに依存したコマンドになってしまうのを防ぐことができるというのと、簡潔にかけるというところが</command2></command1></command2></command1>…

Angular innerHTMLに設定した値はビルトインのサニタイズが走るので、普通に渡すとidとかが抜け落ちる。それを避けたいときはDomSanitizerのbypassSecurityTrustHtml通してから。もちろん中身の安全が保証できる時のみ。: 参考

パフォーマンス修正の事例 リストコンポーネントはランタイムのパフォーマンスのボトルネックになりがち。React16からはパフォーマンス計測には公式モジュールを利用できるらしい。 Performance monitor is useful to detect any setTimeout() or setInterva…

FormGroupの_updateValue()が走ったとき、diabledになっているvalueは無視される -> フォーム全体をdisbleにした後のvalueChangeがあり、valueを保持したい場合はdisable()のemitEventをfalseにする。 OGPタグのnameもpropertyも基本的には同じ。propertyの…

挙動みてもしかして…と思っていたけど、HttpClientから返されるObservableは全てcoldだからsubscribeするまでリクエストが飛ばない。GETばっかり使っててsubscribeするのが当然だったから意識してなかった。参考 altとtitleは全然役割が違う。altはSEOにも影…

Angular observer cdk DOMの変更を検知することができる。例えばattriuteの変更など。 NativeでMutation RecordというAPIがあって、それをベースにしている様子。

overflow-x:hiddenがかかっていると、RouterModuleのAnchorScrollingが効かなくなるらしい。起きる条件が限られすぎてて結構時間を溶かしてしまった。[Issue] (https://github.com/angular/angular/issues/34879#issuecomment-576560321) ちなみにoverflowの…

NetlifyでSPAをホスティングする時、ルーティングにAngularRouterなどネイティブではないものを使っているとアドレスをリロードした時に404になってしまう。ので、アップロードするフォルダ内に_redirectsというファイルを置いて、index.htmlにリダイレクト…