鐵人檔案
主要分享近來研究的成果, 運用HTML+CSS+Javascript, 搭配NPM套件管理工具及Webpack網頁打包工具, 從淺入深進行前端開發, 並手動實作一個SPA網站.
大家好，I am Yellow River，這次是第一次報名自我挑戰賽，題目是：「不用前端框架 手把手打造基礎SPA」。先簡單介紹一下自己，小弟任職過3年網頁設...
近年來SPA在前端已是非常火紅的名詞，英文全名是Single Page Application，中文叫做單頁應用程式，即使你不了解它，應該也聽過一些。 與SPA...
既然要自己寫SPA，我們先來談談前端框架，本文分成上下篇，這邊重點不在教會你使用，而是想告訴你框架做了些什麼，以下用React來當例子: 傑森是一名網頁設計師，...
在了解什麼是render後，傑森從React官網看到另一個範例，有段文字這樣寫道: Component 使你可以將 UI 拆分成獨立且可複用的程式碼 什麼是...
我們先前在Day2 3分鐘帶你初步認識SPA 的文章初步介紹過SPA，主要是用前端client side render的方式。另外在前兩天我們也提到了，前端可以...
大家好，在昨天有提到server side與client side運作的原理，今天我們進一步來談談SPA在路由上是如何應用的，並將搭配實例來說明。 當我們要造訪...
各位好，延續昨天的內容，今天要說明如何透過監聽事件，來得知網址產生變化後的行為: 我們知道可以用Javascript讓網址產生了變化，但仔細想想，要怎麼知道在網...
大家好，自從開賽已過了一周了，首先給自己一點掌聲，耶呼，大家一起繼續努力吧! 第一周主要聊些SPA的基本概念，今天我們來點有趣的，直接用簡單的範例來試做SPA...
大家好，昨天我們用history API來實做簡單的SPA，今天我們要來實做第二種方式，使用location.hash做出SPA。 準備畫面 跟昨天模式一樣，先...
我們前面簡單實做了SPA的基本範例，透過建立一個HTML就可以做出多頁的內容，希望藉此讓大家了解SPA的架構和原理，接下來我們會使用Node使用前端開發，搭配N...
