フロントエンドウィークリーダイジェスト#258(2022年5月2〜8日)

May 09 2022
Web開発•ARIA-役割はコードの膨張を無視していますか?•WebAudioAPIを使用した楽器の構築•ZeldaClassicのWebへの移植•Webパフォーマンスの測定、どのくらいの速さですか?•マイクロフロントエンド—なぜ、どのように?•トップ2021CSSフレームワークレポート、パート2:検証•CSSサブグリッドを学ぶ•モバイルレスポンシブに100vhを使用しない•古いCSS問題のための12の最新CSSテクニック•本質的なWebデザインのためのコンテキスト間隔•テキストラッピングとワードブレイクについて深く掘り下げる• CSS JavaScriptを使用したリアルなリフレクションの作成•フロントエンドフレームワークの戦い(2022)•JavaScriptコンテナ•混乱を招く可能性のある8つのJavascriptクイズ•JavaScriptのしくみ:Viteの詳細•スクラッチからのデバウンス•Firefoxのお祝い:100に到達した方法•Microsoft Edgeは、世界で2番目に人気のあるデスクトップブラウザとしてSafariを追い抜いています。

ウェブ開発

ARIA-役割はコードを無視しますか-膨張肥料ですか?
• WebAudioAPIを使用した楽器の構築
• ZeldaClassicのWebへの移植
• Webパフォーマンスの測定、どのくらいの速さですか?
•マイクロフロントエンド—なぜ、どのように?

  • ツール
    • VisualStudioCodeV2用のEdgeDevTools—エミュレーションとソースマップをサポートする新しいブラウザープレビュー
    • Array Builderは、マップ/フィルター/リデュースから行われた配列変換と計算の戻り値を視覚化するためのシンプルで無料のツールです。
  • 効果
    •インスピレーションを与えるウェブサイトのまとめ#37
    •イントロの画像トレイルアニメーション

•トップ2021CSSフレームワークレポート、パート2:検証
• CSSサブグリッドを学ぶ•モバイルレスポンシブに100vhを使用しない
古いCSS問題のための12の最新CSSテクニック•本質的なWebデザインのためのコンテキスト間隔•テキストラッピングとワードブレイクについて深く掘り下げる• CSSを使用してリアルな反射を作成する



JavaScript

フロントエンドフレームワークの戦い(2022)
• JavaScriptコンテナ
•混乱を招く可能性のある8つのJavascriptクイズ
• JavaScriptのしくみ:Viteの詳細
•スクラッチからのデバウンス

  • React
    • useReducerはuseStateよりも優れたオプションです
    • ReactwithSpeechlyの音声対応フォーム
    • Scrollexは、最小限のコードを使用して美しいスクロールエクスペリエンスを構築できるreactライブラリです。
    • AstroとReactアプリのNext.jsの比較
    • ReactでGoogleChartsを使用する方法
    • ReactuseEffectHookの無限ループパターンを解決する方法
    • Reactでのプログレッシブ画像の読み込み:チュートリアル
    • Reactで仮想DOMがどのように実装されているかを調べる
  • Vue
    • Vueライフサイクルフックを理解するためのガイド
    • Vueコンポーネントの単体テスト
  • Angular
    • AngularControlValueAccessorを使用する場合とそれがない場合の違いは何ですか?
    • NgRxアクショングループクリエーター
    • AngularTransitionZone
    • Nxv14がリリースされました—知っておくべきことはこれだけです!

• Firefoxを祝う:100に到達した方法
• MicrosoftEdgeが世界で2番目に人気のあるデスクトップブラウザとしてSafariを追い抜く

© Copyright 2021 - 2023 | hachiwiki.com | All Rights Reserved