網頁開發知識 | Web-Dev Blog
Intro 適用於Linux的Windows子系統 – Wikipedia Windows Subsystem for Linux (WSL2) 環境設定 – HackMD Windows Subsystem for Linux 為相容層系統，共用 host 檔案管理及網路，目前已相當成熟，適合取代 Cygwin。 WSL 架構 Reference: Ravindu Senal Fernando – Medium 程式軟體搭配 Ubuntu terminal environment – Microsoft Store 可以自行選擇 WSL 發行版，這裡使用 Ubuntu 為例 […]
Image: Build | Tag | Commit | Pull/Push | Docker File | Compose File Container: Run Cheat Sheet | dockerlabs Command-line interfaces (CLIs) from Docker Docs: Docker CLI Docker compose CLI Daemon (dockerd) CLI CLI Auto-completion: MacOS – How to […]
Intro Docker – Wikipedia Docker 官方網站 Docker Documentation Concept – 概念 Difference between VM vs Docker Docker overview | Docker Documentation Quick Start Guides – Get started | Docker Documentation Docker 指令集 | 指令速查表 – YIDAS Code PHP and Nginx […]
Intro Android Developers | 開發人員指南 Quick Start 建立第一個 Android 應用程式 – Android Developers 建構並執行應用程式 – Android Developers 若有建立 Android Emulator 則可以直接在 Android Studio 的 Running Devices 列表找到，實體手機則可以透過 USB 或 Wi-Fi 連結裝置以加入列表。 使用連結的 Device 執行 Run 後該 Device 就會安裝 apk 並開啟執行 […]
Intro JavaScript library 列表 – Wikipedia Framework / lib (MVC/MVP, MVVM) JavaScript 網頁應用庫 (MVC, MVVM) 列表 – Wikipedia SSR (Server-Side Rendering) Framework Next.js – Wikipedia Nuxt.js – Wikipedia NPM – 套件管理 NPM (Node Package Manager) – Wikipedia 目前前端生態系主要使用 Node.js 的 […]
Intro 單頁應用的開源MVVM前端JavaScript框架 Vue.js – Wikipedia Vue.js 官方網站 Vue.js 官網文件 Features Two-way binding (MVVM) Lifecycle
Intro React 在定義上是稱 Javascript library React – Wikipedia React 官方網站 React 官網文件 Create React App 官方網站 Features One-way binding Lifecycle Folder Structure public/index.html: Entry page template src/index.js: JavaScript entry point React App Folder Structure – Document Packages React facebook/react – […]
Intro 在交易的應用場景下，可能需求為透過資料庫符合 ACID 快速產生唯一的交易編號作為 Primary key 或是 Unique key。 MySQL 實作 假設定義一組16碼的交易編號，格式為YYYYMMDD(8) + 流水號(8)。 這前提下代表一天內不建立超過8位數的 record，就可以利用 MySQL auto_increment 搭配 last_insert_id() 來實現： START TRANSACTION; INSERT INTO transactions (transaction_date, amount) VALUES (NOW(), 100); SET @last_id = LAST_INSERT_ID(); SET @fixed_length = 8; SET […]
Intro Shapefile – Wikipedia ESRI Shapefile（shp）是美國環境系統研究所公司（ESRI）開發的空間資料開放格式。目前該檔案格式已經成為了地理訊息軟體界的開放標準，是重要的交換格式，能夠在ESRI與其他公司的產品之間進行資料互操作。 Tools mapshaper 可以將 Shapefile 轉成 GEO JSON，以便倒入如 Elastic Search 或 MongoDB 等 Index Storage。 mbloch/mapshaper: Tools for editing Shapefile, GeoJSON, TopoJSON and CSV files – GitHub mapshaper online
Intro DTO — Data Transfer Object DAO — Data Access Object PO — Persistence Object SO — Service Object BO — Business Object VO — Value Object (來源: Charlie Lee | Medium, 程序之心) References DAO, DTO, PO, SO, BO, VO… […]