Optimizing Assets (preload/fetch/dns-prefetch/preconnect)
I was asked about a SPA I created and its poor image loading experience. I shared all my thoughts, but lacked confidence in my answers.
I was asked about a SPA I created and its poor image loading experience. I shared all my thoughts, but lacked confidence in my answers.
先前面試時面試官詢問到我早期製作的一個 SPA 網站在換頁後圖片載入體驗不太好的問題，當時我把腦袋能想的所有答案都提出來了😅，最終有答到一點邊緣知識，但太少用所以回答的不是很確定，因此這次來補齊這方面瀏覽器提供的機制，主要介紹瀏覽器如何處理安排資源的加載。
資料庫就是一個儲存資料的軟體，根據儲存資料性質不同，合適的資料庫種類也會不同。了解 Transaction、ACID、Normalization……等核心概念非常重要。還有更多可以深掘的細節，先單純把學到的知識紀錄一下，未來個別用更多文章詳細描述 :)
依照先前的教学我们已经可以创建基本的CRUD 程式，但基于HTTP 是无状态的协议，如果单纯实作会员系统用户将会需要在每次操作登入会员相关的行为时重复验证，明显是糟糕的使用体验。一种解决方案是在请求时伺服器将会建立 Session。
Due to HTTP being stateless, users need to re-validate on each login action. A solution is for the server to create a session upon request.
依照先前的教學我們已經可以創建基本的 CRUD 程式，但基於 HTTP 是無狀態的協議，如果單純實作會員系統用戶將會需要在每次操作登入會員相關的行為時重複驗證，明顯是糟糕的使用體驗。一種解決方案是在請求時伺服器將會建立 Session。
随着前端演进，我们时常需要依靠现成的框架轮子协助，而其中Vue 又是继React 外第二热门且成熟的选项，但很少有教学提到一个完整的专案该如何建构，以及有哪些模式可以遵循。这次来介绍一下如果从头开始我会怎么建构一个 Vue 专案，在 2025 年！
Few tutorials cover how to build a complete project. This is how I would build a Vue project from scratch in 2025!
隨著前端演進，我們時常需要依靠現成的框架輪子協助，而其中 Vue 又是繼 React 外第二熱門且成熟的選項，但很少有教學提到一個完整的專案該如何建構，以及有哪些模式可以遵循。這次來介紹一下如果從頭開始我會怎麼建構一個 Vue 專案，在 2025 年！
先前系列提到使用 Express.js 简单的创造一个 CRUD App 并用 MVC 分层，这次流程差不多，目标是把后端接上本地的 MySQL 服务器并使用 MySQL2，一个专为 Node.js 应用设计的 MySQL 数据库连接工具。
The previous series discussed creating a simple CRUD App with Express.js using MVC. This time, connect the backend to a local MySQL.
先前系列提到使用 Express.js 簡單的創造一個 CRUD App 並用 MVC 分層，這次流程差不多，目標是把後端接上本地的 MySQL 伺服器並使用 MySQL2，一個專為 Node.js 應用設計的 MySQL 資料庫連接工具。
使用套件时总是会好奇一般管理套件开发的流程是如何？我通过 Matt Pocock 的 Blazing Fast Tips: Publishing to NPM 教学视频顺手实作了一次，并且把自己之前遇过的需求写成一个独立的 TS 套件公开发布：edit-element。
When using packages, one often wonders about the general process of managing package development. So I write the process of publish a TS package
使用套件時總是會好奇一般管理套件開發的流程是如何？我透過 Matt Pocock 的 Blazing Fast Tips: Publishing to NPM 教學影片順手實作了一次，並且把自己之前遇過的需求寫成一個獨立的 TS 套件公開發布：edit-element。