前週のフロントエンドの世界からの新鮮な材料のダイジェストNo.361（2019年4月15〜21日）

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

Web開発 | CSS | Javascript

---

ウェブ開発

• GraphQLとは
• MozillaがWebThingsを導入
• Webpackアセンブリサイズの最適化
• PWAをGoogle Playストアに送信する方法
• HTML5および正規表現を使用した入力フィールドの検証
• HTMLに宣言的および非同期的に埋め込まれたSVGファイル

• 性能：
  • AMP Storiesは、Google検索結果に別のセクションを追加しました
  • Rel = preconnectリソースヒントが機能していることを確認する3つの方法
  • リソースヒントを使用したパフォーマンスの最適化
  • CloudflareがAMPのリアルURLを発表
  

• アニメーション：
  • 回転オーバーレイを作成およびアニメーション化する方法
  • WebGLでのスクロールアニメーションを使用したノートルダムの創造的なビジュアルデモ
  

CSS

• 神秘的なインラインフレックスとその機能
• CSSサブグリッドのニュースとデモ
• CSSとアクセシビリティ
• flexboxを使用したCSS組積：nth-​​child（）およびorder
• CSSは隣接する要素の上に移動します
• CSSBattleの公式紹介-最初のCSSゴルフゲーム
• ピクセルの境界線：サイズ、色、レイアウトの設定で、要素のピクセル化された境界線を追加するSASSミックスイン

Javascript

javascript.infoの ロシア語とウクライナ語 への翻訳作業が開始されました（現在のロシア語は、既知のlearn.javascript.ruで入手できます）。 活動家チームは、教科書の記事を翻訳するボランティアを探しています。

• JavaScript Web Workers：初心者向けガイド
• JSアプリケーションの動的レンダリング-JavaScript SEO
• 恐ろしいグローバルユニバーサルJavaScriptのこの愛好家
• 7つの便利なJavaScriptのトリック
• console.log（）を超えてJavaScriptコンソールを使用する方法
• Javascriptの開始-適切なツールとリソース（Christian Heilmannのビデオインタビュー）
• TypeScriptを使用する場合-一般的なスクリプトの詳細ガイド
• マウスシミュレーション

• 理論：
  • 責任あるJavaScript開発パート1
  • Setデータ型を使用したJavaScriptの高速化
  • JavaScriptの匿名関数
  • JavaScriptを活用する12の概念
  • JavaScriptの基本：オブジェクトをマスターする
  • JavaScriptアプリケーションをループで最適化する方法
  • 猫用のJavaScript
  • ES6以降
  • JavaScriptの配列の隠れた可能性を探る
  

• VueJS：
  • FlaskとVue.jsを使用して1ページのアプリケーションを作成する
  • Vue、Vue Router、Keep Aliveを使用してURLでページをキャッシュする方法
  • 非同期コンポーネントを使用してVueアプリケーションのパフォーマンスを最適化する
  • Vue.jsで販売目標到達プロセスを構築する方法
  • Vueの名前付き遷移の力
  

• 反応：
  • ReactRussia＃1 @ OK 、3つのレポートのビデオ
  • Reactのアニメーションでは、1秒あたり60フレームを取得します
  • Reactフック用のReduxのようなシンプルなミドルウェアの作成
  • ReactのuseReducerとuseState
  • React Memoizeフックの詳細：useRef、useCallback、useMemo
  • Reduxからフックへ：事例研究
  • セレクターフックのない新しいReact Reduxライティングスタイル
  • React hook cheat sheet：一般的な問題の解決策
  

• 角度：
  • Angular Ivyの理解：増分DOMと仮想DOM
  • サーバー側のAngularのSEOでの正しい作業
  • Angularですべてがどのように組み合わされるかをすばやく理解する
  • Angularで遅延ライブラリのロードを行う理由と方法
  • 「差分ロード」-Angular CLI v8の新機能
  • AngularのPWA：SwPushおよびSwUpdate
  

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

先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。