先週第363（2019年4月29日-5月5日）のフロントエンドの世界からの新鮮な材料のダイジェスト

フロントエンドエリアとその周辺の新しいマテリアルへのリンクを含むセレクションをご紹介します。

Web開発 | CSS | Javascript | ブラウザ | おもしろい

---

メディア

• Web Standards Podcast 、174。Chrome75、Spectre、slot、Svelte、およびParcel、フォントのダウンロード、インディーオープンソース

• ポッドキャストフロントエンドユース（18+） ：＃91ブラックホールフロントエンド

ウェブ開発

• TDD：私の人生を変えた開発方法論

• さまざまなコンテキストのWebコンポーネントを作成する

• SVGおよび設計ツールの実用ガイド

• 10億個のSVG表示方法

• HTMLインクルードを処理するための最も簡単な方法

• HTML5 + JavaScriptを使用して簡単に顔認証を設定する方法

• 性能：
  
  • WordPressのAMP、最適な使用例
  
  • AMPニュースの概要：AMP as a Service、署名済み交換、Bento、CSSツリーシェーキング
  
  • サードパーティのリソースを最適化して電信の生産性を向上させる
  
  

• ツール：
  
  • packtracker.io-コミットごとのwebpackバンドルアナライザー
  
  • Visual Studio CodeでChrome拡張機能のデバッガーを構成する方法
  
  

CSS

• ディスプレイプロパティに飛び込む

• 三角形のリボンのスタイルで「パンくずリスト」を作成する多くの方法

• Mocapの実装：CSSレイアウトを段階的に作成する

• クリップパスを使用してCSSで丸い三角形を作成する

• CSSグリッドを使用して、メディアクエリのないグリッドでレスポンシブレイアウトを作成する

• CSSグリッドとブートストラップグリッドの組み合わせ

• 優先モーション、メディアリクエストを修正してウェブ上のアニメーションを制限する

Javascript

• 一般的なJavaScriptエラーのデバッグと修正

• 新しいリリース： Babylon.js 4.0 、 Electron 5.0.0 、およびIEでフォーカスイベントをトリガーし、iOS 10でルート要素を検索するjQuery 3.4.1

• グラフにデータを入力する多くの方法

• React、GraphQL、Relayで新しいfacebook.comを作成します

• JS開発者向けの暗号化の概要

• Web WorkersでJSアプリケーションのパフォーマンスを最適化する

• NodeJS：
  
  • ノード12の新機能
  
  • npm出版物の簡単な自動化
  
  • dotenv：nodejsプロジェクトの.envから環境変数をロードします
  
  • 複数のNode.jsまたはNPMコマンドを同時に実行するための4つのソリューション
  
  

• 理論：
  
  • JavaScript：7つの便利な雑学
  
  • JavaScriptの非同期と待機の概要
  
  • サンプルを使用したAsync＆Await JavaScriptの深い理解
  
  • 基本に堪能な経験豊富なプログラマ向けのJavascriptの紹介
  
  • Javascript Array.pushはArray.concatよりも945倍高速です
  
  
  
  

• VueJS：
  
  • jQueryからVueへの移行を行う
  
  • JestおよびTravis CIを使用してVueでアプリをテストする
  
  • Vue CLI 3を使用したカスタムビルドモード
  
  • VueアプリケーションでのApollo状態管理
  
  • Vue JSのミックスインを理解する
  
  • Vue.jsでのエラー処理
  
  • Vueでのウォークスルー反応性の実装
  
  

• 反応：
  
  • 2019年のReactのテスト
  
  • Reactで失われたレンダリングの問題を特定して解決する方法
  
  • React DevToolsについて知らなかった5つのこと
  
  • create-react-app v3、新機能
  
  • スケルトンプレースホルダーを使用したReactでのページの読み込み
  
  • React：JSXとレンダリング
  
  

• 角度：
  
  • Reactによる角死？
  
  • Angularのモジュールを理解する
  
  • 角度：フロントエンドコンサルタントとして私が直面する永続的な問題
  
  • Angular Consoleとは何ですか？なぜそれについて知っておくべきか
  
  • Angularでの依存関係のテストとエミュレート
  
  

• ライブラリとプラグイン：
  
  • shimport ：すべてのブラウザで動的インポートを含むJavaScriptモジュールを使用します
  
  • jquery-csv：CSV解析用のjQueryプラグインリリース
  
  • aria-progress-range-slider ：完全にアクセス可能な、軽量のプログレスバー/範囲スライダー
  
  

ブラウザ

• ユーザーと開発者は、Microsoft、Yandex、Mozillaのブラウザーでの意図的な失敗についてGoogleを疑っています。

• YouTubeにはInternet Explorer 6を排除する陰謀がありましたが、サービスの管理者はそれを知りませんでした

• 今日、Firefox用の人気のある多くのアドオンは、証明書の問題により機能しなくなりました。

• Brave Browserは報酬ベースの広告プラットフォームを導入します

• コードの難読化の禁止がFirefoxのアドオンディレクトリに導入されました

• Safari Technology Preview 81のリリースノート

おもしろい

• 要するに、FacebookがF8会議で発表したこと

• Googleは新しいシリーズの動画でSEOの神話の破壊に対処します

• FacebookはハッシュテーブルF14の実装を公開しました

• WPCampus Gutenberg監査は、「実質的かつ深いアクセシビリティ問題」を特定します

• Apache FoundationはGitリポジトリをGitHubに移動しました

• 完全なスタック告白 。 職業、宗教、夢

• 2019年に学習する価値のないプログラミング言語

• コードとしてのドキュメント：誰もが理解できるドキュメントの作成を支援する6つのプログラミング原則。

A.

入力ミスやリンクの破損/重複をおaびします。 あなたが問題に気づいた場合-個人的なメールに書いてください、私たちはすぐにそれらを修正しようとします。

先週のダイジェスト 。

dersmollとalekskorovinが作成した資料。