クッキーと CORS についての再考
Samesiteポリシーのリリースについて言えば、クッキーとCORSについて改めて考えます。クッキーは本当に滴り落ちるの？いくつかのシナリオを見てみましょう。
我會把一些不成文的筆記或是最近的生活雜感放在短筆記，如果有興趣的話可以來看看唷！
今のカテゴリ：前端
React 17 アップデートフォーカス-useEffect のクリーンアップ関数のタイミング変更
React 17 は大きな更新や新機能なしでリリースされましたが、useEffect のクリーンアップのタイミングは静かに変わりました。この記事では、各更新について1つずつ説明するのではなく、記事で把握しておくべき点をメモします。
フロントエンドはCSを学ぶべきか?
ブラウザでできることが増えるにつれて、フロントエンドの範囲はますます広くなります。フロントエンドという用語だけで、複数のブランチが存在する可能性があります。
テクノロジーは常に人類から生まれる（スヴェルト社会：質問質問メモ）
新しいライブラリに取り組んでいるときは、その人のことも調べます（すべてではないか、npmのインストールには一生かかるでしょう）。テクノロジーの創造者は人間、図書館の作成者は人間、フレームワークの作成者は人間、そして誰もが生身の人間だからです。
JSONパーサーをゼロから作成する (2)
第 1 回では、JSON パーサーの記述方法と文字列解析機能の実装方法について説明しました。次に、他の機能を追加します。（実際、基本を知っていれば、残りの関数実装は以下のようになります）
JSON パーサーを一から作成する (1)
今日は JSON の解析から始めて、JSON パーサーをゼロから構築する方法を説明します。JSON のアーキテクチャは単純なので、この方法をお勧めします。
CSS の 1 行でスムーズなスクロールを行う方法
svelteでスムーズスクロールを実装できて良かった直後、実際には1行のCSSで実現できることに気付きました。
スヴェルト・ノート (2): コンパイラはあなたが散らかすよりも賢い
今日はSvelteのソースコードを見に走って，どんな簡単な問題でも見ながらアーキテクチャに慣れていれば練習に活かせる。
アポロブーストを使用した Svelte でロールアップエラーが発生しました
フィーリングロールアップ自体の仕組みはそれほど完全ではないwebpack
スヴェルトノート (1)-特効薬なし
しかし、Svelteはまたいくつかの問題に遭遇する運命にあります。主なことは、Svelteはランタイムであまりにも多くのことをするのを助けることができないということです。
Svelte — 私がこんな風にあなたに会ったきっかけは
Svelteを初めて見たとき、「まあ... まだ新しいフロントエンドフレームワークなのか？」と思いました。、そんなムードを抱えてもあまり気になりませんでした。ブログ投稿が増え、多くのウェブサイトが後で使用されているのを見て、好奇心をそそり始めました。
Chrome クッキーポリシーの調整と反映
Chrome 80 以降では、クッキー内の同一サイトはデフォルトで lax に設定されています。まず、同じサイトの定義とそれが何に役立つのか、そしてクッキーについての考察、全体について私が考えていることから始めます。
ディープフロントエンド開発
フロントエンドの開発記録にいくつかのことを載せることができると期待していましたが、まだ始められていませんでした。アイアンマンレースを利用して、すべてが一気に整理されました。シリーズはいくつかのパートに分かれており、今後もそれについて書き続ける機会があります。JavaScriptの基本 ECMAScriptを使ったJavaScriptの紹介...
リアクトトランジショングループを移行
react-transition-group v1 から v4 へのアップグレードはより重要です。アップグレード後、CSSTransitionGroup コンポーネントは削除され、Leave は終了になります TransitionName は ClassEnterTimeout...
クラスコンポーネントからフックへ
この記事では、react-hooks用のAPIを紹介する代わりに、設計の観点から設計の背後にある理由を探ろうとしています。次のセクションに分かれています。関数コンポーネントとクラスコンポーネントの違い高次コンポーネントのコンポーネントで同様のロジックを再利用する方法...
オーバーフローアンカーによるボトムコンポーネントへのピンの実装
この記事は、「ピンから下までスクロールする要素を CSS だけで実装する」と説明し、JavaScript の使用方法を説明します。ページが表示される頻度が高くなるほど、新しいコンテンツが追加されるたびにスクロールが一番下に移動するようになりました。ツイッチのように...
より安全なリクエストヘッダー-メタデータの取得リクエストヘッダー
ある日、ページを開発しているときに、ヘッダーフィールドが正しいことを確認するために、開発ツールを開いて、リクエストにさらに疑わしいヘッダーがいくつか表示されます:network。何か怪しいことに気づきましたか？Sec-Fetchに3つある方法を詳しく見てみましょう...
IdleCallbackをリクエスト-空き時間を有効に活用してください
多くのウェブページには、実行すべきさまざまなスクリプトがあります。もちろん、優先順位はあります。たとえば、UI のレンダリング、関連するインタラクティブイベントの登録、データ取得のための API の呼び出しなどは、比較的重要でないタスク（分析スクリプト、遅延読み込み、初期化の比較など）など、優先度の高いタスクです。アイドル状態のカウント方法...
リクエストをキャンセルする新しい方法-AbortController
フロントエンドでは、主に XHR と Fetch の 2 つの方法でリクエストを送信できます。XHRは、ええと...それにはずっと前にAPIがありました。しかし、セットアップが面倒なので、Jquery getJSON、axios、RxJS AjaxObservableなどの高レベルのAPIに包まれていることがよくあります...
CORS でのクッキーの取り扱い
フロントエンドの CORS と Cookie は非常に重要な問題ですが、フロントエンドとバックエンドのドメインは同じことが多く、これらの問題に対処することはほとんどないため、ほとんどの場合は開発段階にあります。または、バックエンドをアクセス制御-許可-オリジンになるように要求してください...
vuex と webpack の動的インポートによりモジュールを動的にロードする
Vue は最近のプロジェクトで開発されたもので、より複雑なストリーミング状態を管理するための Single Truth of Source ストアとして vuex がよく使用されます。vue 内でストアを構築する場合，すべてのモジュールが書き込まれているか，次に vue ルートに統一されているか...
配列.sort の分析
Array.sort 分析この記事では、Javascript のネイティブソートで注意すべき点については説明していません。たとえば、デフォルトのソートメソッドは値を文字列に変換し、文字コードに従ってソートするので、上記の結果が表示されます。今日は、Javascript ソートの背後にある実装について見ていきます。
ユーザーフレンドリーなテーブルの設計方法
テーブルは見事なビジュアルとして使われていないことを認識してください。最近ではバックグラウンドでテーブルを頻繁に使用する必要があり、ユーザーにとって適切なテーブルをデザインする方法が課題です。特にデータペンが多く、フィールドが多い場合、ユーザーは追加の要素に引き付けられやすくなります。実際には、テーブルにデータをレンダリングするために...
リアクト16 ハイライト
react がついにv16をリリースしました。実際、公式ブログの紹介はかなり完成しています（そして目を楽しませてくれます）。この記事は注記と統合の役割を果たし、詳細の一部を簡単にまとめています。ComponentDidPatch（エラー、情報）react16の最も明るい部分に ErrorBoundary 機能を追加して、ライフサイクルを確実に...
フロントエンド面接体験
最後に、最近の面接プロセスを整理しましょう。私たちが目にしたことをいくつかまとめてください。通常、企業インタビューでは、主にアルゴリズムやプロトタイプチェーンの解釈などに関するJavaScriptの知識をテストするだけで、DOMやイベントの操作を調べることはほとんどありません。クラスやIDの優先順位などの基本的な質問があっても、CSSはほとんどありません。面接試験の HTML はありません...
ラムダのいくつかのAPIについてお話します
ramdaはとても便利なライブラリです。ロダッシュやアンダースコアについて聞いたことがあるなら、ramda は関数型プログラミングのロダッシュと考えることができます。彼らのAPIには多くの類似点がありますが、ramdaにはFP関数、任意のAPIがあります...
ゲーム体験の完成を支援するITアイアンマン
今日はアイアンマンレースの最終日で、収穫の終わりの最後の部分があまり良くない気がして、時間の関係で完全には導入されていない部分も多い気がします。
まったく同じタイプセッティングソリューション
フロントエンドページでは、同じ高さを必要とするレイアウトに出くわすことがよくあります。これを行う最も直感的な方法は、コンテナーのすべての要素をfloatまたはinline-blockに設定することです。floatとinline-block floatタイプセッティングを使用する場合、親要素のコンテナ（clearfix）をストレッチするだけでなく、子要素にもマージンを設定します...
CSS 変数と SASS 変数
自分のcss変数の考え方についての記事を書く前に，もともとこの属性にはあまり期待していなかった，SASS変数に慣れている自分もこのCSS変数みたいな感じがするけど気まずいシステムみたいな感じ，でもそう思っている人なら，この記事を参考にしてください
ポストCSS を期待しています
約1年前、SASSからPostCSSまで、PostCSSはフロントエンドのエコシステムに飛び込み始めました。いわゆるプリプロセッサ機能に過ぎず、独自のプラグインを高度にカスタマイズし、cssnext関数を最初に使用しましたが、さまざまな構築ツール（gulp、webpack...