前端三分鐘

Leaflet 地圖實作教學

地理資訊視覺化快速建立疫情地圖

這篇教學將以 leaflet 實作熱區地圖，顯示這次武漢肺炎的確診數，發佈在免費的 GitHub Page，程式碼也開源放在 Github 上，並會帶大家開箱如何把地理資訊視覺化。地理資訊系統架構地圖函式庫 (Openlayer) 地理資訊系統名詞地理投影方式 GeoJSON 前端常見的圖表工具目標本次技術選型如下： leaflet.js: 比起 OpenLayers 簡單非常......

AWS lambda vs ec2 vs Azure Web App

架站服務比較

這篇文章將簡介常見的架站雲端服務 AWS lambda,ec2, Azure。 Lambda對一個大部分時間都在看前端工程師來說 serverless 聽起來是一個蠻夢幻的解決方式，而 AWS lambda 就是這樣的一個解決方案，並不需要過多的伺服器設定馬上就可以讓網站上線了，初步只是想做嘗試的話，網路上已經有人寫了一個小工具 - scandium tool，當然還是需要先使用 aws c......

React 多國語言簡介(使用 react-intl)

使用 Yahoo react-intl

什麼是 React Intl?React Intl 這套函式庫讓 React 實做多國語系更加直觀，透過現成的元件和 API 能處理字串、日期、數字的轉換。 React Intl 主要功能React Intl 主要提供下列的功能: 支援數字和分隔符號格式日期與時間的格式顯示距離現在多久支援 150+ 種語言在瀏覽器以及 Node 環境都可運行依照標準建立的一套函式庫基本配置使......

Component State and Props

SPA 的狀態與資料流 (MVVM vs FLUX)

Component based 的概念與早期伺服器渲染 (server render) 頁面的模式不同，SPA (Single Page Application) 完全由前端元件控制，所以元件狀態 (state)、性質 (props) 就需要規範，目前較主流的方式有 MVVM 以及 FLUX。元件化元件概念蠻推薦這篇介紹 web-components 相關知識的文章，目前 web-comp......

使用 Hexo 架設部落格

嗨!前端三分鐘

這弄弄那弄弄的，第一個 Blog 就打開了。跳過碎碎念 XD 去年年底，覺得好像差不多可以準備換工作了，就加加減減看了一些職缺，也發現有些職缺甚至開在 Github 的 issues裡，於是就開了一個帳號。加上也發現許多工作面試有這個需求，所以就做一個吧。也因為之前公司是 SVN 所以沒用過 Git，這次先練習上傳了一些平常的練習。之前也常常逛 Github，發現有些人會利用這個空......