/Learned-Code

Primary LanguageJavaScript

Learned-Code

  • 2021.05.24 複習非同步程式運作流程_Callback/Promise 物件/Async Await

    • Learned-Code/async_await
      • 筆記：Dropbox => Callback / Promise / Async Await

  • 2021.05.25 callback & async_await 比較

    • Learned-Code/async_await/asyncawait2.html
      • 筆記：Dropbox => Asynchronous - 提高 Promise 的易用性

  • 2021.05.26 axios 將非同步操作包裝成 Promise 物件，所以我們可以直接使用 Promise API 像 then()、catch()。

    • Learned-Code/
      • 筆記：Dropbox => Axios
      • 筆記：Dropbox => Promise object

  • 2021.05.26 參考 GVA RWD 寫法

    • Learned-Code/RWD/GVA
      • 筆記：Dropbox => GVA-Element-UI

  • 2021.05.27 Promise.then()中 return function 的接續操作 / async_await 與 try catch 使用

    • Learned-Code/async_await/promise_return
    • Learned-Code/async_await/asyncawait.js
      • 筆記：Dropbox => Promise.then( return fn )
      • 筆記：Dropbox => async_await && try catch 使用

  • 2021.05.28 陣列方法(foeEach / map / filter / findIndex / reduce / sort)

    • Learned-Code/陣列方法/HexArray/forEach.html
    • Learned-Code/陣列方法/HexArray/map.html
      • 筆記：Dropbox => 陣列方法

  • 2021.05.29 Vuex 資料流

    • Learned-Code/Vue/Vue3/07-Vuex/exercise
      • 筆記：Dropbox => Vuex-actions
      • 筆記：Dropbox => Vuex-modules

  • 2021.05.30 Vuex & API

    • Learned-Code/Vue/Vue3/08-Vuex_API/exercise/vuex-api
      • 筆記：Dropbox => Vuex-使用 axios 的 API 管理
      • 筆記：Dropbox => axios interceptor 攔截器

  • 2021.05.30 Vue-Router(dynamic import)

    • 筆記：Dropbox => Vue-Router(dynamic import)

  • 2021.05.31 GVA-Steps

    • Entry-Access/element-step
      • 筆記：Dropbox => GVA-Steps

  • 2021.06.01 Vue-Slot

    • /Learned-Code/Vue/Vue3/props-demo/src/components/SlotsTitle.vue
      • 筆記：Dropbox => Vue-Slot

  • 2021.06.02 Vue-Router-useRoute 方法取得網址參數(補)

    • /Learned-Code/Vue/Vue3/05-VUE-Router-Example/exercise/src/views/Courses/_id.vue
      • 筆記：Dropbox => Vue-Router-useRoute 方法取得網址參數

  • 2021.06.03 Vue-Router-useRouter 方法操作網址用的函式 / API 錯誤處理 / 計時器生命週期

    • /Learned-Code/Vue/Vue3/05-VUE-Router-Example/exercise/src/views/Courses/_id.vue
    • /Learned-Code/Vue/Vue3/05-VUE-Router-Example/exercise/src/views/Courses/index.vue
      • 筆記：Dropbox => Vue-Router-API 錯誤處理
      • 筆記：Dropbox => Vue-Router-函式取代 router-link 轉導
      • 筆記：Dropbox => Vue-生命週期-onMounted && onUnmounted (倒數計時器）

  • 2021.06.04 Vue-Router-router-link-active

    • /Learned-Code/Vue/Vue3/05-VUE-Router-Example/exercise/src/App.vue
      • 筆記：Vue-Router-router-link-active

  • 2021.06.05 CORS & Cookie

    • 筆記：Dropbox => CORS
    • 筆記：Dropbox => Cookie

  • 2021.06.06

    • /Learned-Code/ES6-Module
      • 筆記：Dropbox => ES Module

  • 2021.06.13

    • /git/Zh-Counter/src/views/Counters/index.vue
      • 筆記：Dropbox => axios 傳送 form-data 的方法
      • 筆記：Dropbox => Composition API + Element-UI 表單驗證
      • 筆記：Dropbox => ESLint 自動排版

  • 2021.06.15

    • /git/Zh-Counter/src/views/Counters/index.vue
      • 筆記：Dropbox => Vue3-ctx.$refs 開發環境
      • 筆記：Dropbox => Vue-Router-Different History modes
      • 筆記：Dropbox => Vue 開發環境跨域 api && 環境變數設定
      • 筆記：Dropbox => Vue-directive 自定義模板語法

  • 2021.06.19

    • /git/
      • 筆記：Dropbox => Linux 基本指令( 利用 google gcp 登入 linux 主機）
      • 筆記：Dropbox => 使用 pm2 架設 nuxt 站台(生產環境)
      • 筆記：Dropbox => nuxt 開發
      • 筆記：Dropbox => Lifecycle 生命週期 (onBeforeMount / onMounted / onUpdated )

  • 2021.06.20

    • //Users/yizi/Desktop/git/Learned-Code/Vue/vue-seo
      • 筆記：Dropbox => Vue && Rendertron（補）

  • 2021.06.20

    • //Users/yizi/Desktop/git/Learned-Code/Vue/Vue3/puzzle-game-watch
      • 筆記：Dropbox => 資料監控 watch ( ref && reactive 的差異 / 物件使用 {deep:true} 監控 ）

  • 2021.06.21

    • //Users/yizi/Desktop/git/Learned-Code/Vue/Components/start
      • 筆記：Dropbox => Star 組件-學習筆記 ( props 傳遞 / 利用 v-for idx 做陣列索引 / 動態綁定 style )
      • 筆記：Dropbox => [Nuxt] components props 傳遞 / 開發就從思考 component 開始