iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

JS 作品實戰應用 - Vue 電商網站 系列

前陣子參加六角學院 JS 作品實戰夏季班 , 透過鐵人賽 , 逼自己將學習過程重新複習 , 並寫出筆記來 , 溫故而知新 , 期望讓自己更加進步!

鐵人鍊成 | 共 30 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文
DAY 11

11. Event Queue

Event Queue 觀念重點 Event Queue 就是事件佇列,一次只能執行一件事,好比是買口罩排隊的概念,誰先排就誰先拿,先進先出的概念。等待條件觸發...

2020-09-26 ‧ 由 古德瑞 分享
DAY 12

12. Promise

Promise 是用來處理非同步行為,最常拿來處理 AJAX 的行為,其他非同步行為也很適合。 未使用 promise 的 ajax 範例 // 使用兩個外部套...

2020-09-27 ‧ 由 古德瑞 分享
DAY 13

13. Promise概念與串接

Promise 基本概念 Promise 主要是來解決非同步問題,非同步行為沒辦法確定時間執行完畢,所以會有 pending 未確認狀態。等待非同步行為執行完後...

2020-09-28 ‧ 由 古德瑞 分享
DAY 14

14. 關注點分離 - forEach

Week1 課程 課程重點 資料處理方法-ForEach 模板字串組合技巧-Template Literal 重點設計模式-關注點分離:資料先拆出來 學習關...

2020-09-29 ‧ 由 古德瑞 分享
DAY 15

15. 關注點分離

關注點分離介紹 為什麼要學關注點分離 mvc 架構 Model 模型,接收 Controller 發過來的請求,跟資料庫要,要完再回傳。 View 視圖,不...

2020-09-30 ‧ 由 古德瑞 分享
DAY 16

16. 關注點分離 - 實例

關注點分離實戰說明 使用關注點分離,完成 Todo List 的拆解觀念。 使用關注點分離的概念,將 HTML 轉為互動式結構。 使用關注點分離,將遠端資料渲...

2020-10-01 ‧ 由 古德瑞 分享
DAY 17

17. ES6 必學語法 - 物件、This

Week2 課程 課程重點 物件、this import、export 非同步 Promise 物件、this 在製作網頁過程,會像圖示一樣,希望每個檔案程...

2020-10-02 ‧ 由 古德瑞 分享
DAY 18

18. ES6 module

ES6 module ES6的模組化,使用 import、export、from,傳統無法使用,必須在 script 後方加上 module 才能使用。 &lt...

2020-10-03 ‧ 由 古德瑞 分享
DAY 19

19. API 串接

API 串接實戰說明 使用物件模組概念,讀取個人的資料 API(必須使用 this 運行)並以列表呈現。 HTML <div class="co...

2020-10-04 ‧ 由 古德瑞 分享
DAY 20

20. Vue.js 起步走

前言 Vue 的方法非常多,但掌握其中 20% 的語法就能夠應對 80% 的情境,就如同學習一門語言一樣,真正常用的詞彙僅佔總詞彙的 10% ~ 20%,只要熟...

2020-10-05 ‧ 由 古德瑞 分享