文章將陸續整理並更新至個人部落格。 inline-block 就像是 HTML 中 inline 和 block 兩大角頭聯姻下的產物，來看看他遺傳了哪...
今天我們來做個FailLogin.html的畫面，當我們登入失敗時，我們應該要出現登入失敗的畫面，並且在幾秒之後將網頁導回到登入的畫面!這裡我們可以用HTML的...
文章將陸續整理並更新至個人部落格。 一、什麼是 Collapsing margins？ 先來看一段 W3C 規範 的敘述： In CSS, the a...
文章將陸續整理並更新至個人部落格。 在上一篇文章 基礎 box model (上) 中，認識了 box model 的長相，這篇將來看看 box mod...
文章將陸續整理並更新至個人部落格。 想像每個元素都是一個盒子，<html> 像是個超級大盒子，裡面裝著各式各樣的盒子，盒子又可以裝盒子，一個...
文章將陸續整理並更新至個人部落格 在上一篇 大角頭1號 - inline元素 中，已經向 inline 元素拜過碼頭，接下來就是 block 元素了！二...
自動化設備商徵才 - 捷惠自動機械 有任何問題歡迎來信至 mis2@jhmco.com.tw / 劉小姐 這個職務需要對資訊技術有熱忱的您， 目前工作內容是維護...
昨天介紹了可以在 component 中使用的 state，然而 React 一般建議能夠用越少 state 越好，因為 state 的改變是非同步的，stat...
今天終於要介紹 React hooks 中的第一個hook 了 - useState，Start! 建立自己的 component 在講解 state 概念與...
從大學畢業以來，就一直在平面設計的領域中探索自己，如何將自己所學變成可能回饋社會的力量，雖然不多，但不斷的努力著透過設計可以讓台灣的視覺更好，隨著智慧裝置的興起...
網站系統前端 40% 不要和DOM 奮戰了，擁抱MVVM(簡單來說就是資料的變化會反映到Html View的變化) 由於網站美工常用Booststrap搭配J...
各位邦友大家好，我是 Leo 。 終於完賽了！！！！（舉雙手瘋狂吶喊中） 準備鐵人賽的這陣期間真是渡過一段非常艱辛的時期阿！！工作、家庭、鐵人賽，這蠟燭三頭燒的...
「耶～～～ 我套完了！！」Wayne 套版完之後開心地大聲嚷嚷著。 「喂，冷靜一點，這裡是公眾場合耶。」我笑著推了他一下。 「抱歉抱歉，我太興奮了！！Angul...
昨天的登入頁、購物車頁與結帳成功頁大家都有順利套完版嗎？！ 如果沒有的話沒關係，看完今天的文章再繼續努力吧！！ 結帳頁套版 今天一開始我們先來套結帳頁的版...
好的，我們今天要開始套版了！！ 首先先到 GitHub 上把我已經切好的版型下載下來。 不過為了避免有人不知道怎麼下載，容我先小小地說明一下： 點擊 GitHu...
昨天我們把落單的 UI 元件跟其模組關聯完之後，今天接著要來設定路由的部份！ 開始設定路由前，可以先看看我們準備好的路徑定義檔 － app-path.const...
這次小學堂要跟大家一起練習的是一個簡單的 EC 網站。 素材是來自剛好在鐵人賽前夕時，由六角學院在 The F2E - 前端修練精神時光屋 舉辦的 【網頁排版P...
子路由模組 當我們將頁面或功能包裝成模組的時候，也能在其中加入路由的設定，使其變成含有路由的子路由模組。 跟 AppRoutingModule 不一樣的是，子路...
我覺得路由是 Angular 裡很重要的一部分，也是一個初學者比較不容易理解的部分，所以希望透過這七天的小小練習，會讓大家對路由有個初步的認識。 不過分了七天講...
相信大家都用使用過 Facebook 吧？ 當我們想在 Facebook 發文或留言的時候，如果不小心按到上一頁/下一頁，抑或是沒有取消發文或留言的狀態就想離開...
繼延遲載入之後，今天要分享的也是個非常實用的功能－路由守門員。 大家應該都知道守門員吧？如果不知道的話...警衛總知道了吧？！ 顧名思義，這個功能可以幫我們把關...
Angular 是一個很注重模組化開發的框架 還記得我在 基礎結構說明（一） 有提到過這句話嗎？ 我一直覺得這句話是在使用 Angular 開發時，很重要的...
到目前為止，我們都是只有用 Component 來設定我們的路由。但在實際應用上，通常我們會將相關的功能包裝成一個一個的 NgModule ，而每個 NgMod...
「原來 Angular 的路由是這樣設定的，比我想像中簡單耶！」Wayne 做完練習之後正玩得不亦樂乎。 「是滿簡單的，不過目前只有第一層而已。在實務上應用時一...
昨天我們完成了上圖的路由設定與換頁效果，所以 Angular 的路由機制到底做了什麼呢？ 還記得我們昨天有在 app-routing.module.ts 做了...
「Leo，我一直有個問題想問你。」Wayne 神秘兮兮的說。 「什麼問題？」看他這麼神秘兮兮的我也緊張了起來。 「既然是 SPA ，就代表整個 Web 從頭到尾...
「Yes！終於完成了！！」Wayne 做完 Todo List 之後開心地舉起雙手大聲歡呼。 「如何？寫 Angular 很好玩吧？！」我笑著說。 「好玩好玩！...
上圖是我們目前的進度，已完成了待辦事項的新增、刪除與狀態變更的功能。 CRUD （Create、Read、Update、Delete） 目前只剩下 U 還沒完...
回顧一下我們目前完成的效果： 完成了新增待辦事項的功能之後，接下來當然是要來能夠註記是否已完成該項待辦事項囉！如果你有操作的話其實會發現，目前清單前面的 Ch...
昨天我們已經順利讓 TodoListComponent 可以順利在 AppComponent 裡使用了，接下來為了方便大家練習，我們直接從 TodoMVC 的...
yachen
米茶加豆奶
莫力全 Kyle Mo
Tim Hsu
Leo
iThome鐵人賽
看影片追技術