Web Performance Metrics! TTFB, FCP, LCP, FID, INP, CLS...
Metrics are values designed to measure website experience. This article challenges to explain all Google’s web experience metrics
Metrics are values designed to measure website experience. This article challenges to explain all Google’s web experience metrics
指标就是为了能够客观的测量网站体验而生的统计数值，本篇文章挑战用自己的方式去理解并解释所有Google 提出网页体验相关的指标，我发现没有必要一次性的记忆所有种类的指标，因此制作了一个懒人包与该文章，方便你我查询与学习。
指标就是为了能够客观的测量网站体验而生的统计数值，本篇文章挑战用自己的方式去理解并解释所有Google 提出网页体验相关的指标，我发现没有必要一次性的记忆所有种类的指标，因此制作了一个懒人包与该文章，方便你我查询与学习。
Understanding the box model is essential for learning more web layout techniques. This article breaks down the CSS box model
唯有了解盒模型才能开始学习更多网页切版布局的技巧，本文由内至外拆解盒模型，并且解说相关的特性与属性。如果你对于网页有这么多间距可以被调整所困惑，或是初入门 CSS 我都非常推荐要先理解 CSS 的盒模型概念，网页其实就是一堆箱子组成的概念。
唯有了解盒模型才能開始學習更多網頁切版布局的技巧，本文由內至外拆解盒模型，並且解說相關的特性與屬性。如果你對於網頁有這麼多間距可以被調整所困惑，或是初入門 CSS 我都非常推薦要先理解 CSS 的盒模型概念，網頁其實就是一堆箱子組成的概念。
瀏覽器已經不再是簡單的文件閱讀器，而是一個完整的平台，用戶期望網頁變得像應用程式一樣使用起來絲滑流暢，你可能在近期會很常聽到 Jamstack 這個詞彙，簡單來說它是一種現代建構網頁應用的方式。藉由這篇入門文章你可以了解：為什麼需要它？以及如何實踐這項技術。
Why do I want to manage a website? It's essential to think this through before creating one. Building and managing a website are entirely different skills.
「为什么想经营网站？」在制作之前要好好想清楚这件事，制作网站与经营网站是完全不同的技能。举我自己的部落格「网页东东」为例，直到近期才比较有「写部落格」这件事究竟是什么的体会，透过探讨分析我自己经营网站内外动力，希望能帮助你重新思考自己经营网站的真正的目标与动机。
「為什麼想經營網站？」在製作之前要好好想清楚這件事，製作網站與經營網站是完全不同的技能。舉我自己的部落格「網頁東東」為例，直到近期才比較有「寫部落格」這件事究竟是什麼的體會，透過探討分析我自己經營網站內外動力，希望能幫助你重新思考自己經營網站的真正的目標與動機。
Hoppscotch is an online tool that allows you to quickly test APIs. Familiarizing yourself with tools can help avoid common issues.
React Hook is a feature added in React 16.8 that allows you to use React features without writing a class. Explains the differences between Hooks and methods.
Hoppscotch 是一个线上工具，可以让你在浏览器上迅捷的测试后端提供的 API。很常遇到到后端的文件就直接上手写程式，导致在写程式的时候常常疏漏许多问题，像是请求方式错误、少夹带参数、网址错误、资料不存在……等，因此我都会建议先熟悉怎么用现成的工具来测试 API，使用图形化的介面可以更直观的管理API 们。
React Hook 是 React 16.8 版本新增的功能，可以让你在不写 class 的情况下使用 React 的功能。 「要如何区分 Hook 与方法的差别？什么情况下在 React 里称为 Hook？什么时候才只能称为方法？」于是写这篇文章来解释清楚。
Hoppscotch 是一個線上工具，可以讓你在瀏覽器上迅捷的測試後端提供的 API。很常遇到到後端的文件就直接上手寫程式，導致在寫程式的時候常常疏漏許多問題，像是請求方式錯誤、少夾帶參數、網址錯誤、資料不存在……等，因此我都會建議先熟悉怎麼用現成的工具來測試 API，使用圖形化的介面可以更直觀的管理 API 們。