網頁開發知識 | Web-Dev Blog
Intro JavaScript library 列表 – Wikipedia Framework / lib (MVC/MVP, MVVM) JavaScript 網頁應用庫 (MVC, MVVM) 列表 – Wikipedia NPM – 套件管理 JavaScript 語言版本 TypeScript (JS嚴格語法超集) – Wikipedia Module Bundler – 打包工具 Webpack Webpack -Wikipedia webpack/webpack – Github
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… […]
Intro 基於域的消息認證，報告和一致性 – Wikipedia 基於域的消息認證，報告和一致性（DMARC，Domain-based Message Authentication, Reporting and Conformance）是一套以SPF及DKIM為基礎的電子郵件認證機制，可以檢測及防止偽冒身份、對付網路釣魚或垃圾電郵。 網域管理員可以在域名系統公佈相關政策，讓外界得知旗下域名的電子郵件提供何種方式（SPF及/或DKIM）認證身份，以及如果寄件者身份未能百分之百確認時，收件者可以如何處理郵件（放進垃圾信箱或直接回絕）及回報。回報機制可以讓網域管理員了解是否有第三者正在偽冒其網域身份寄出電郵。 [SMTP] DNS 設定 SPF 記錄(TXT) 設定範例指南 [SMTP] DKIM 域名金鑰辨識郵件 (DomainKeys Identified Mail) DNS Record DMARC DNS Record – Wikipedia 範例 處理方式 TXT 記錄內容 對於未通過 DMARC 檢查的郵件，不採取任何處置。僅透過電子郵件將每日報告傳送至 dmarc@domain.com。 v=DMARC1; p=none; […]
Intro 反向DNS – Wikipedia DNS PTR Record – Wikipedia HiNet IP反解服務使用說明 PTR nslookup 利用 nslookup 對 IP 反向查詢 DNS: $ nslookup -type=ptr {Target IP} {DNS Server} $ nslookup -type=ptr 139.162.80.137 8.8.8.8 References [Nslookup] 查詢DNS, TXT – nslookup指令集
Intro DomainKeys Identified Mail – Wikipedia DKIM 搭配寄件者原則架構 (SPF) 和基於網域的郵件驗證、報告和一致性 (DMARC)，讓攻擊者更難以透過這種方式冒充網域。未通過 DKIM 和 SPF 的電子郵件被標記為「垃圾郵件」或不會被電子郵件伺服器傳送。 原理 DKIM 主要有兩個層面： DKIM 記錄（儲存在網域的 Domain Name System (DNS) 記錄中） DKIM 標頭（附加至來自網域的所有電子郵件）。 DKIM 使用以公用金鑰加密法為基礎的數位簽章配置來驗證電子郵件的來源。寄件者簽署訊息使用私密金鑰，收件者用公用金鑰驗證簽章。 電子郵件提供者產生公用金鑰和私密金鑰。將公用金鑰提供給網域擁有者以儲存在 DNS 記錄（DKIM 記錄）中。寄件時使用私密金鑰簽署數位簽章於標頭。收件的電子郵件伺服器可以檢查 DKIM DNS 記錄、取得公用金鑰，以及使用公用金鑰驗證數位簽章。 DKIM 標頭範例 # Sender's […]
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 […]