鐵人檔案
主要分享近來研究的成果, 運用HTML+CSS+Javascript, 搭配NPM套件管理工具及Webpack網頁打包工具, 從淺入深進行前端開發, 並手動實作一個SPA網站.
大家好，延續昨天的主題，我們希望可以對父層元件body使用新增/移除eventListeners來綁定監聽事件，並且需要一個方法，可以在切換頁面後移除曾經註冊監...
在開發階段通常會建立許許多多的函式來開發功能，為了有效管理程式碼，有時會重複地使用部份函式，所以我們今天要來實做在SPA中，如何管理並使用共用的函式，以下正式開...
大家好，我們今天來點特別的，前面我們在實做Router的篇章中，成功運用正規表示式比對網址hash的部份，來找出對應的路徑和元件。不過有使用過框架的大大們就知道...
各位好！大家好！終於進到番外篇了，離完賽又更近一點，是不是很開心呢? 前面手動實做SPA的部份，算是告一段落了，不過還有一個禮拜的時間要生出文章，因應這種情況，...
當我們網站要放入一些造型設計圖示，但沒有設計師幫我們畫這些精緻的icon，就可以考慮使用Font Awesome。相較引入傳統的圖片，使用Font Awesom...
大家好，前幾天實做中有用到Bootstrap UI的Modal(彈出互動視窗)元件，因應這幾年使用者越來越注重UI的精緻程度，所以應用在開發上也會常來取代瀏覽器...
延續昨日的主題，我們用Javascript搭配Bootstrap，完成了Modal模組化實做Alert Modal(警告視窗)，為了延伸更多的互動，今天再來嘗試...
大家好，距離完賽越來越近了，過完最後一天的雙十連假，心情也開始憂鬱了QQ，還好本系列複雜的文章差不多都介紹完了，終於不用再熬夜了。 什麼是fetch? 今天要來...
昨天我們介紹fetch用get方式來請求資料，並將取得的資料轉為JSON格式做運用，今天要來介紹fetch的post方法，用非同步的方式來傳送表單資料。以下開始...
時間過得很快，記得去年這個時候剛報名前端工程師的養成班，內心充滿著不安與前途未知。由於本身不是本科相關，所以很多是靠邊摸邊學，也時常撞牆遭受挫折，但在過程之中慢...
