網頁開發知識 | Web-Dev Blog
Intro Next.js by Vercel – The React Framework Next.js 是一個開源的 React 全端框架，後端基於 Node.js。它支援多種渲染方式 (Rendering)，包括伺服器端渲染 (SSR)、靜態站點生成 (SSG) 以及用於客戶端渲染 (CSR) 的 React 原生渲染模式。 安裝 Next.js Node.js 安裝指南 Next.js 需要依賴 Node.js，以下 Next.js 官網安裝指南會說明欲安裝版本對應的 Node.js 最低需求版本。 How to set up a new Next.js project […]
Intro References iT 邦幫忙::淺談渲染方式 CSR/SSR/SSG/ISR Client-side rendering (CSR) – MDN Static site generator (SSG) – MDN Server-side rendering (SSR) – MDN Next.js Rendering: Client-side Rendering (CSR) | Next.js -Rendering: Static Site Generation (SSG) | Next.js Rendering: Server-side Rendering (SSR) | […]
Intro Character Set: 字符集合，定義資料如何儲存與表示。 MySQL 支援多種字符集，例如： latin1, utf8mb4 Collation: 基於字符集，定義了字符集中的字符如何進行排序和比較。 MySQL 的 Collation 一般以以下格式命名，舉 utf8mb4_general_ci 為例： utf8mb4: 字符集名稱 general: 簡化的排序規則 (unicode為精準 Unicode 排序規則) ci(case insensitive): 大小寫不敏感 MySQL 字符集上在 8.4 版本後已經清楚且標準很多 MySQL 8.4 Reference Manual :: 12.2 Character Sets and Collations […]
Intro 目前 PC 比較方便自行檢測替換組件，本篇提供目前 Windows OS 主流軟體工具以利排查硬體問題 Softwares / Apps Hardware Information CPU-Z – CPUID CPU-Z 為一個可查詢 CPU、記憶體、主機板及顯示卡資訊的 Windows 平台免費軟體。 Hardware Status HWMonitor – CPUID 電腦溫度即時監控工具，能夠即時監控顯示卡處理器（ACPI）、CPU、硬碟溫度與電池效能。 CrystalDiskInfo 硬碟資訊檢測工具 (提供健康度與項目)，支援SSD固態硬碟檢測 Download ZIP
Intro 關於 API Timeout 的網路資料略顯不足，Wikipedia 目前也只有廣義 Timeout (computing) 資訊。 本篇將分享個人對 Timeout 的所知，如有錯誤歡迎告知修正 Timeout 定義 Client Connect Timeout Read Timeout TCP Client TCP handshake 中從發出 SYN 後，至等待收到 SYN-ACK 的時間 送出 PSH-ACK packet，至等待收到對應 PSH-ACK packet 的時間 HTTP Client 從 DNS lookup (若有) […]
Intro POSIX (可移植作業系統介面) – Wikipedia POSIX 定義指令列表 (List of POSIX commands) – Wikipedia HD capacity – 硬碟容量相關 df – 列出本機硬碟使用情況 $ df # 指定掛載點 (Mounted on) $ df / # 自動換算顯示合適容量單位 (-h=/1024 | -H=/1000) $ df -h $df -H # […]
Intro Web development tools / devtools – Wikipedia 本篇將以 Chrome 瀏覽器為主，介紹 Developer Tools 的實作技巧 Window.open() 新視窗監測 現行要監測某個 button click 會開啟轉導去哪，在前端框架下從 JS code 很難找出目的，若又是 window.open 效果則無法持續透過 developer tool 監測 Network 歷程 比較簡單暴力的做法是在該 web page 的 console 覆寫 window.open() 看要 console.log() 出來還是改成 […]
Intro 簡易郵件傳輸通訊協定 SMTP 是什麼？ | Cloudflare 簡單郵件傳送協定（Simple Mail Transfer Protocol / SMTP）可用在傳送和接收電子郵件的資訊，但 SMTP 通常用作傳送電子郵件而不是接收。 SMTP 是一個相對簡單的基於文字的協定，可以透過協定指定將訊息傳送至一或多個接收者，通過 telnet 程式可以簡單的測試一個 SMTP伺服器。SMTP 主要 TCP port 以前為 25 現今為 587 (TLS) 。DNS 的 MX record 決定 SMTP 伺服器。 角色 Agent Software for example MUA […]
Intro 可以利用/etc/pam.d/下檔案的 hook 效果去觸發執行外部 Shell script file，而 Shell 中去抓取登入者資訊並寄送 email，以達到 SSH Login 自動發信通知 作法 先撰寫建立好 Shell script file 作為發送信件程式： $ vim /etc/ssh/login-notify.sh #!/bin/sh # Change these two lines: sender="sender-address@example.com" recepient="notify-address@example.org" if [ "$PAM_TYPE" != "close_session" ]; then host="`hostname`" subject="SSH Login: […]
ASCII | UTF-8 | UTF-16 | UTF-32 | Big5 | Intro 字元編碼 (Character encoding) – Wikipedia ASCII (ISO/IEC 646) ASCII (American Standard Code for Information Interchange) – Wikipedia ASCII table – Table of ASCII codes, characters and symbols Item Content […]