網頁開發知識 | 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 PHP – Wikipedia Engine Architecture – 架構 Zend engine Architecture (Reference) Web Ecosystem – 生態系 Installation – 安裝 PHP – Installation and Configuration Ubuntu APT可以參考Debian系列官網說明: PHP – Debian GNU/Linux installation notes LNMP/LEMP (Linux+Nginx+MySQL+PHP) Stack安裝可以參考: [Linux] Web Service環境安裝建置 by LNMP […]
Intro 設計要點 即時搶票模型 若為 User base，則驗證資格後可以先把 status row lock，以免同一 user 搶超過數量限制 實際搶 ticket 則使用高效能的 ACID 資料結構實現即可 (例如 Redis DECR) 排隊消化模型 搶票即產生MQ，consume處理後更新狀態以供使用者後續查詢與繼續往下進行
Intro .NET Framework 安裝 Visual Studio Community Download Visual Studio for Mac – IDE for macOS Quick Start 建議新專案．Template選擇Console Application預設C#，並選擇.NET Framework版本已建立專案。 進入專案IDE應將在Program.cs自動提供Hello World程式碼: using System; namespace HelloWorld { class Program { static void Main(string[] args) { Console.WriteLine(“Hello World!”); } } […]
Intro Golang官方網站 WikePedia – Go語言 安裝 至官方下載頁面依據OS環境下載並安裝Golang: https://golang.org/doc/install 檢查Golang版本： $ go version Quickstart Tutorial: Get started with Go 在任一專案目錄下建立./hello.go: package main import "fmt" func main() { fmt.Println("Hello, World!") } 使用run指令快速直譯執行程式碼： $ go run . Go Modules – Package套件管理 Tutorial: Create […]
安裝 | NPM Intro Node.js Wiki Node.js 採用 Google 開發的 V8 引擎執行 JavaScript 代碼，通過事件驅動、非阻塞/非同步輸入輸出模型提應用效能，適用於併發需求。 與其他語言最大的不同之處: 傳統語言（如 PHP）使用阻塞 I/O 模型: 只有前一條命令執行完畢才會執行後面的命令 Node.js 使用非阻塞 I/O 模型: 任務可以發送後即繼續執行其他操作，多條命令可以同時被執行，通過回調函式如 Promise 得知任務完成狀態 總之，Node.js 承襲了 JavaScript 的 Event loop 的特性，在單一執行緒架構下可以輕易實現非阻塞 I/O 任務併發應用 Promise.all() 在 Event loop […]
安裝 | Quick Start | Package套件管理 | Logging | 開發工具 | Spring Boot Web | 部署 | Template Engine | Concurrency | Appendix Intro Java programming language JVM JVM (Java Virtual Machine – Java虛擬機)，能夠執行Java位元組碼且以堆疊結構機器實做的虛擬機器。它有自己的硬體架構，如處理器、堆疊、暫存器等，還具有相應的指令系統。 JVM 封鎖了與具體作業系統平台相關的資訊，使得Java程式只需生成在 JVM 上執行的目的碼（位元組碼），就可以在多種平台上執行。通過對中央處理器(CPU)所執行的軟體實作，實現能執行編譯過的Java程式碼 (Applet與應用程式)。 (References: […]
Intro 目前PHP Blog套件首選 WordPress繁體中文下載: https://tw.wordpress.org/download/ 官方安裝實用指南: https://wordpress.org/support/article/how-to-install-wordpress/ PHP 相容 PHP 5.6以上 官方建議: https://wordpress.org/about/requirements/ 資料夾權限配置 官方文件: https://wordpress.org/support/article/changing-file-permissions/ 社群建議需要改為可寫入的資料夾: /wp-content /wp-includes 其中wp-includes是為了讓外掛(Plugin)自動更新而不用透過FTP設定，可能需要搭配以下設定。 /wp-config.php 增加下列常數並設定: define(‘FS_METHOD’, ‘direct’); StackOverFlow – Can I install/update WordPress plugins without providing FTP access?
Intro 雖然Nginx已經…如要架設Apache，可以使用Apache mod PHP去介接PHP(目前Apache不使用PHP-FPM)。 安裝 快速LAMP安裝檔 安裝Apache： $ sudo apt-get install apache2 安裝Apache mod PHP $ sudo apt-get install libapache2-mod-php PHP版本切換 Ubuntu Manpage: a2enmod, a2dismod Ubuntu系列使用Aapche指令工具a2dismod與a2enmod切換，省去修改零散設定檔。基本上版本支援已裝的libapache2-mod-php各版本： $ sudo a2dismod php7.0 $ sudo a2enmod php5.6 Apache MOD PHP 設定要至/etc/php/apache2/ Server執行使用者 Apache […]