superyngo

superyngo

此人尚未填寫簡介。
登入次數：22 次
註冊於2023年02月18日
  發表了 6 篇貼文
  新增了 73 則留言
  貼文共 6,230 次瀏覽
全部留言
後端 JS 訓練二：第7課 ── 整合練習各種觀念

[作業](https://github.com/superyngo/express_practice) 蠻好玩的 但是路由一下就變很複雜的感覺 不知道有沒有什麼實用的設計思路?

後端 JS 訓練二：第6課 ── 回應 http post request

[作業](https://github.com/superyngo/express_practice) 嘗試取得req.body時發生錯誤 問了chatGPT說缺少middleware:body-parser 安裝並設定完後才成功

後端 JS 訓練二：第5課 ── 處理 url 參數

[作業](https://github.com/superyngo/express_practice)

後端 JS 訓練二：第4課 ── 提供靜態檔案

[作業](https://github.com/superyngo/express_practice) 套了bootstrap 5

後端 JS 訓練二：第3課 ── 使用 ejs 模板並讀取變數

[作業](https://github.com/superyngo/express_practice)

後端 JS 訓練二：第2課 ── 使用 ejs 模板渲染出 html

[作業](https://github.com/superyngo/express_practice) 原來node的根目錄會跟著執行時目錄走

後端 JS 訓練二：第1課 ── 回應 http get request

[作業](https://github.com/superyngo/express_practice)

後端 JS 訓練一：第7課 ── 學習 node 匯入/匯出模組

``` const fs = require("fs"); const readlineSync = require("readline-sync"); let todos = JSON.parse(fs.readFileSync("todos.json")); todosList = todos.map((todo, index) => `#${index} ${todo.title}`).join("\n"); const toUpdateIndex = readlineSync.question( `您要更新哪個待辦事項？ ${todosList}\n` ); const readline = require("readline").createInterface({ input: process.stdin, output: process.stdout, }); readline.question("您想把內容更新成什麼？\n", function (toUpdateContent) { todos[toUpdateIndex].title = toUpdateContent; console.log("更新事項：" + toUpdateContent); fs.writeFileSync("todos.json", JSON.stringify(todos)); process.exit(0); }); ``` 1.readlineSync無法顯示中文的問題有看前輩的方式解決，不過問題是顯示的出來，輸入的中文又會變成亂碼。 2.同時載入readlineSync和readline時，readlin的載入和呼叫間不能插入readlineSync，不然readline不會停下來等answer直接結束。然後readlineSync會變成輸入時看不到輸入的文字。我是在windows11使用vs code，也許環境的關係導致?

後端 JS 訓練一：第7課 ── 學習 node 匯入/匯出模組

[作業](https://github.com/superyngo/nodePractice) 幾個問題： readlinine-sync還是無法正確輸入中文，只能輸入英文 readline和readlinine-sync同時載入時螢幕不會顯示出輸入的字

後端 JS 訓練一：第6課 ── 替 CLI 應用程式加上顏色

[作業](https://github.com/superyngo/nodePractice)

後端 JS 訓練一：第5課 ── 繼續練習 node 輸入輸出、檔案處理

[作業](https://github.com/superyngo/nodePractice) update只能輸入英文....

後端 JS 訓練一：第4課 ── 把 node 非同步設計改寫為同步設計

搞不定readlineSync輸不進中文的問題(顯示可以)... [github](https://github.com/superyngo/nodePractice/blob/main/create.js)

後端 JS 訓練一：第3課 ── 用 node 寫入檔案內容

[github](https://github.com/superyngo/nodePractice/commit/65f0d3b326658236b81ae6916eed8f40af765b53) 一開始直直寫下去結果弄不出來 才發現所有操作都是async的...

後端 JS 訓練一：第2課 ── 用 node 讀取檔案內容

[git](https://github.com/superyngo/nodePractice/blob/main/read.js) ![](https://i.imgur.com/hQJYBfM.png)

後端 JS 訓練一：第1課 ── 安裝 node 環境

v18.15.0

Git 入門上手教材：第7課 ── 學會處理 git 衝突

交作業 https://github.com/superyngo/firstpracticerepo

Git 入門上手教材：第6課 ── 學會 git pull

交作業 https://github.com/superyngo/firstpracticerepo

Git 入門上手教材：第5課 ── 學會連線 github

交作業 https://github.com/superyngo/firstpracticerepo

Git 入門上手教材：第4課 ── 學會 git 重置指令

PS D:\Users\super\OneDrive\文件\0_Project\20230521_git> git status On branch master Changes to be committed: (use "git restore --staged <file>..." to unstage) modified: background.html PS D:\Users\super\OneDrive\文件\0_Project\20230521_git> git status On branch master Changes not staged for commit: (use "git add <file>..." to update what will be committed) (use "git restore <file>..." to discard changes in working directory) modified: background.html PS D:\Users\super\OneDrive\文件\0_Project\20230521_git> git status On branch master Untracked files:

Git 入門上手教材：第3課 ── 學會 git 版本切換

交作業 ![](https://i.imgur.com/P9depSE.png)

Git 入門上手教材：第2課 ── 學會 git 基本指令

交作業 ![](https://i.imgur.com/YUW1HmN.png)

Git 入門上手教材：第1課 ── 學會 git 初始化

交作業 ![](https://i.imgur.com/lmiBJNa.png)

如何隱藏api key?

恩 我後來也是這麼做 try了其他人的api都失敗 應該也都是鎖網址~

JavaScript 系列九：第7課 ── 學習開發狀態複雜的 vue 元件

[交作業](https://play.vuejs.org/#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)

JavaScript 系列九：第6課 ── 學習用外部狀態管理 vue 元件

[作業](https://play.vuejs.org/#eNrtVktvFEcQ/ivFhshrsi+bWEo2hgBOohwgQiBx2gO9M727HWamx909axtrTwQFsBUOIRA45KEQHkJAFEUBYkj+jGdtn/gLqX7M7KyxwcohyiF7mO2u/rq6q+qrql4uHY3jWj+hpWZpVnqCxepwK2JhzIWCE0vHEqV4BB3BQ2iVavVMone0Sh8UkB8xEvBuEWklObIV0UWD9WmHJIGC5VYE4HFUENFIySYsw/wxFTXzYyswb3VokdM/qOhdPlGkPGk1AAiqEhHhdhJQoZrQIYGkFVQddZgI3RwGeAdw+0OqetzXR1oNZuPU9MGRTicro3DSbMy22u8CUV4Pt9uZNiJR1M8FIU8inGt1WqCPnq3n3sWJomEcEEVxBjA7X20rlOpDAtKmwaFW6ag+vVWyQo8HXKCwHRDvXCZUdFFVs5WFHlPoZrvSlOw8ReFUJhB4Hd8Oj8REoLertI9fxBgr4RDsMwO74fBs3dwou5xvXd+vhtw3l3NYs44In/XdEOA4FzQEFsskBF9fDiRTQNDhOh6SekoHC4jPYiaZx6Iu0ICpGpyiArcIGtMgoJGfyEyj3t/nQRIr9Fc2kqANYKgVKSV4th0dFPlMMSYhpqJD0VQfx4orEprA6B8lQBTwMMKVPg0gSsL5hIRAF6nwGJ7CkJAhkERVICIqkRAy5Dmp2LN0iNDImjO+PrK+GMdRJOeOc5mHZpdYvi6aO8RzLKJ7i6n+dQJO9Lpg3V4uHg82jm20dyXmnM2qf4GaLn+1IW64R3rm6P8J+t8k6G6R/Qckna0XSilOpVoK9PCALeQhEV2GLaVhanhMfB8DaqeDVtTm/pLFLTBfYT2fajTeNsge1ccbgez3jKiN7ugas6wbmvDWND3oHaRWF9Z3d3SpUio2v7HGulMLjAWPTfcz/D1DgoQ24RjnASWRaTdvah8YYPACIqV1rSIsoqJVwoxgHRSN1I5lRL5F9ojPF3BtjCpFxAKLECE1RAZcIdD9ZfhstFs0avm1nMkckwZZ3ATSlpgwSjsRgGH+odNtsDAvUNNSE7qC+TZ8yEiKzsfWGiHMwy8V1vujA5pt2kH2Z68Lh0Ui6TfI3k5+NdKi2y5PvT9dgemp9/Az494EPCaYj3jFRm3GCDoswCs1oW3YG1Epy7hkweer6EW6mJOv5rzqPJJRcwrL025863Q6Zikki1XH2JlGI160eC58KqoCK1eCdHrXifNjp7Ydexi250htxp79KptHjz7N5n3VKmw+WFl/8dfGtXvpo2+H159t3PoivXhhfe33zft3Nr66nz75Ob345OXzW2cSCqc/mYOTGElrjOZFTylkfL0uO57W+bmscdGt6xVNPVSdrv2x8WAlfwhqEFj9L5+vrj+9M7z2eHj1t/WnK+mlG+mV7zcvvCh0I8BpevuHzXsP00e3Ni+sDm8+3vrx6ublX7c3pzHg8PqX6cMbRaCpjztg0ot300fPLEYXvnHI6uWtS9+kt++mv1wtdDgY3vspfe4kEqs5MrQoOuIFzDs3pmlr7bvh11fSP1fRt+tra+nKTahWdY7tqZgU/NGE00ogt1x/0fbP7SA35m6TafOa8FkStqlwIlOft8GMiXnNyvYaK7dL+3MBdpuTMY+TeHxtL5WubejgbHPFKXQkyXqFdSUu7KchU+UJ23s+1q1nomKtnBw9RzTLEZu/+kdZhwVGeynvys6XufvyBZt4p1zenSCqV8PaUi7bwH+IKQqYXJNQhbKLPMqMaBLegYl4cSJXFWAF+9S1nrMeCbzy/mUdgwHmqk3PybM5uIPF7bQJ0Bj0gCkhBVxeWt6o0VqyE7BhkIAVk/n6EeOdK9zDMsL8OeHAvdTsbHnZ5dIAK4tuFjaMr+sXWVAtkYtBifDtU6h3BYGXCKkjFHPmGgOSXZAoK/gSraIw3WiE+Dgj0vXt/Khmj/ez/mSgWDJrrmgWyuHgb/u4VhA=)

JavaScript 系列九：第5課 ── 學習 Vue 的 slots 觀念

[作業](https://play.vuejs.org/#eNqdVd1uG0UUfpWDEeJH3o0TCqkWUylBofiiroQbIaS9Ge+O7VHXM6uZsR0TWSoqkVADBFAFFarUIgpEKj8XVCjQwtNk3fQKHoEzM7trO2mo2ht7zpnv/M45325X1tLUHw5oJajUVSRZqs+FnPVTITVcGK8TzqmEjhR9CCv+UqExFmHljZDTLYuMaYcMEg3bIQeIBJpzyrUKYHvmZFI1lzHR5KWXHRBAUj2QHLYn6ApyRJ/qnoiNrZNHREe9UjLOB5rGpaIvBhxl49MojKf6UlkJCpr204RoihJAPWZDiBKi1JthpS3icVixerwpE5XoMaZxrgd4j0JE+IsaOozHMBYDCYoMaYzZRyylCjABlpgLUKzLgXHfBHbGZXgYeioROiCRZoKXzhHRHmiNmrcuNi81mpsbsNaCNTi/udG6VF/K7wpMq3G+CY1mqS+jLC1UaRRFObYJ/19go+OSJyPQPaagbWFVFGh+xkdANWW8C4pSDu2xsXimMt/faJ0oq3nxhOrfWzduPGWZRsTnxdMCDkWlx4k5vuLmrk9kl/EAanbqUhLHWJgTJyH3zVg44IjFGkdvuVZ7wUJ7lHV72irUsGdVMVMYaBxAV7LYarokRYSkfSuRBEfCiwTOKEdLpYnULk7IXXUuVFvImMoAOG6ONWyT6HLXvlSAE9Wjkhk7swCJQBz6jWg7GThwB/17in1AsQr/bBE7GkhlsKlgGF4eq9Z/rcClQjHzWgFONDaNDY1TzNDlFwSkg9bFbueFhBW7//PGpK1Egrtp1YwrijDX4lkt2Amb/qjHcqBIScQ0NtBBtSS8cJhfYaorChLGKTE1zLUu6IkhNm0+wZk7f8WBkQ3y569UK/MEZijvOc+DkB/d3c3u//nw7m7JVuYesp2rh/d//+fBJ4cHP0yv/zrdu3d4sJt9/HV27dbR1b9C/uj250f7Pz/85iMwIw+oy+7cnl7/O9v5Ptv5KfviWrbzY/bLHyF3yzCPym7uo6/DgyvTz76c3ryS7f2WfXjPmT769tPszleFab6rMN3/LnuwB55nxrukt8fRbypFapk3Nw1gXYiEEm759Wn40Tw2wbbLGUma66C4nwuRH6o5XwT4jtjACRrWTdXnMKT7cwta+ipcuQ4VcOCkTxe0x82ftOl+mXvelFNG3M/5LeeFLW+28mo4esxurZZbY/WjnBHO1Nz4min1SprwV0p0QjXOqKfMeLr1qy2vnn193leH9FmCk/uuaAstquCRNE2op8YKa6zC2pByhqy8jjEuXyBRy+rfRssqtGhXUNhs2C8iwDs0GVLNIoJWkpGkitzOlaeQRDqnLOTzq+3lDjErcwrFlMRhqC1nD3jVlWcamc/4sW4vcIIWyIy5CX77XZNKuWTSTkK3XFfw4I2k4VPze4JdLRP4xYbM0agnScwGuARnUuNpkQQm/wFjNTqv)

JavaScript 系列九：第4課 ── 學習 Vue 的 v-model 觀念

[作業](https://play.vuejs.org/#eNrNVltv3EQU/iuDVdQN2mtuTc0m4iIh8YAEqtQXzIPXnt012B4zHm8SrRa1TSuVhrA8tAmKkKDqRakCSSsQDckGfgzr3eQpf4EzF3udTSraPvXB9pwz5z7nfOO29n4QFFsR1nStGlrUCdiC4TteQChDnyx/7AcRQ3VKPGRoxZJicHlDe9fw8ZKQs3HdjFyG2oaPkEVA2cc+C3XUTk108nzPNpmZm5ByCFHMIuonFEIOl7xquhHWkR+5rlBBqAOO4C0oD7MmsbllSS+azGqmFHcdMWynDI9EPtDcJWdwS9VSmiUQDHuBazIMFEJV22khyzXDcN7QasReNjTBhx2VRhKp7hEbuyJUEB3FbWiJxHtRAMni04I5Hy+K9QSaX0C5kR6aR+nWyIZr1rALanXHdbE94itaUKU3IkISMdfxszGmnEyU1RIUGFbVUqbsQIZs2eXLd2QreCZtOL6OyuLcA9O2Hb8hyY7hF/nBSMFFx2Zw+JVy+W0h2sROo8kEI2w1Bct2QnC0rKO6i5cEhy8KtkOxxRwCXiziRp4vtmqm9VWDQsvYBeASqiPaqOWm5vJo6hJ/JmQE0EEqYC2vZSaCT9BbhQI62l7tH/4zvLsV7/w4WP9ruHkzvrXSP/jz6Mnj4fdP4ueP4lvPT3qbV6GoVz76EH0K8UmvvBhNxoJQL5XCusVtfhkWCW2U+A6vI5iOD/aH26vJXHEZJM2f9L7r7z0e3N0ddP/o763GtzfiOz8frRxKzVZBnDMCRvzwl6Ot3+Kdzfha799r1+Puevz3BqyloDjSU2KDX2/2D9fiH9aGW89Oerfj7m7/4FF/b41nuNJFn0VmaFIUr94b3ts+vvFgsPXgqLt7vL8BAcVPnw2f3o/Xd47v7w4f7sc/bQ02rh/fuBOv/Q5mTnrfSp+yoRFoxr2uZCX9o5ioUFC9kgzvedATUALFSwBFZKKjK4xC/ygskZ509AEhLjZ9xU2cjfNHo8GhjC0H8FXmEscZuFIQJd/YczgAfm5oZ8bM0L54RSyyiM9MCJCOAElMZgqcdjLjowHUE+V2mrT85jPpplXujBR5mqDG8FLWWksBRDaNFEmEa9i8wLPOXTyT8cU8uoBbcCUUGcw2hq4dwxGKv45gJMcxTfZindBRegvttmrRTqdaEquXwpZiWkPVKiR0JABQDNJOCwsISLBnphxwuIBpN3zpbkzLrIUAHExqubguYEfoQAVJkKWo6ada0CWT5bIXIl52kwqBDNZU5qbyqHLpsngpuIHbWNygWcgDG8p6Co+TwHlppyOzep1YUYi+kUWFvpRcOCDHTrjStcgqsZ+JeW4mjyYrk/CameEhIxRapgszUS5eTlwV1YSrH4QX55sFYSkyC9A7O8sftU+ojUHdh3+MDKNQI4wRD+oAZYCjgejP01YNn6rzC0WNR5O0MIUCJLQsjIj4hS4Wm45qAVBiPKwa5XeQj8MwVymKesgCpJP2GiWYhhtoGpKYHitB5VSq5xg6L9t0+NN8U86ZjMddnD3q1MP/CZ5bn8rZG7XzH5rEyeY=)

JavaScript 系列九：第3課 ── 學習 Vue 的 events 觀念

[作業](https://play.vuejs.org/#eNrNV1tvG0UU/iuTVVHsNL7kIUJaArQplwgRhIjEC4vU8e7YXrI3ZmedGMtPIaJtIvJAaWkkbiK0qaqmCCGakhT+C/I6zlP+Amdmdta7rhPaChCWsto555uzc8755ptJR7sYBOVWRDRdmwtNagfsFcOz3cCnDC225yPGfA/Vqe8iQytXlIXPMLSXDM/wyKrAWqSOI4ehjuEhZPoQwCMeC3XUGYbpTnOnhRkuFCUQIUpYRD01QijE7QX7bTtkOvpA2dDQzX8BphD69RY8dMSadlgWk0Rw9XNwjTg6rHnRdw0t5zJ9x6fcRYk14mJklV1S7gYlxBsBhPYnREfV8mzOSv3Is3RUx05I8vCPI1grLJJGWYesw1NltmyH4Xw7HzXN7TU8mkCam2M3mqzm8C6dnmEQ0cAZRagUXxyX4kgiwwxHc3+GFHmdme01xuf4FjaXT0vSwnQZZrfPzNH2RufLDGeeKb9/qYOLtIwuehahoT9KtXwr28Rx/JWzEh3T7P8XW8+flmDNebLHudRWmjYbn9vYJj5XZv9EhqX/KsPn2IYfJm9dEG1ldwlr+hbXaOkTMlrwUm1GCDuEsoKhLdiwSHQeefBnaBMThlYUcYZfSAozdjbY89P//HrnZH/rySBKCsZGeTNxnr0S+VzBzGxCXnLEj6OIEShcYnChjDDmpxA38JrMVdLTDwaMuIGDGYERQnOW3UKmg8PwZWilb4HeCDt41NGm1toq1X0KKAcOMOTXh6eZoSnIBUmqEuGsSqDlDNGGSF0QS0HEIOMU5FJOMcg4OblKOURKtwyKM0z5+XvGJYimfGKAXhW0QwnJsmEE+dJAYnQKuiILWoGKwttcJVNnGIas7fDXKdl8F9OG7YGAiQYH2LKg+7AjKHHB0jW8Mm+GxK7YFoOGz1SrLwh0k3DVFIaw1RQmyw7hW21YkUNWhaWBAyGPMiASjtIK5Vb+FDYM8uuVYHe6sE9ChimT3wa+JKvVprXstYhfpCZKJTS4t9F7/MfR9d1476v+jUdH25/G62u9g18Hd28ffX43fvhjvP7w5HD7fSjS0huX0LuwtIYoNC9Fk7Eg1CuVsG7ymB+FZZ82KtzDqwih44Pfju5tpFcrDkIy/snhZm//dv/6g/7WL739jfjKzfjat4O1x3Kq4ASCYbzz3WD3fry3PVjb7N96cPz91uDqzxIzJE8O2L/xWXz/ZhYoKDkGE6/fifceJZoCvMpDNq8eX/ky3rkT/7SVXAEFvfq7P8SHiSXhUNZ0wXRsczkX6fjgm/4X1+LfN6G2vYODeOMWKpU4rdKdPO5uGlAfSqvkJZHoJUaHN5CMMufsic7nbFKk34ncGqGJKdHoed93CPYULhHorPVppKeWkRclQa4SnWRTydKA4xxxbVaYzIjJ5LRcdVFhdcFawKbyWoOjSRJPl9VIj4ykNmk5UkfNp3BleQ9bdgSVXMSsWca1sFBQOjFbhX1fLaISKqRqMCtMRVDtyWB1Mg3l2B5ZSPbqZRM7ZuFch9e0i6aSnVm8nILrvseWRMFz0CkhCRlcKhV/G1FmMg5YFUgU+o5tIXF+q1ldWUt5BHQ6yS7ogiZwZZMNO0Pcyqp9koLZ8nvwP5MQnWRZ6diM4IJI9cC34diiifipOHrTbxEKwQwWQhpEnynP8HUKiuWEqvsXUnaEYQ==)

JavaScript 系列九：第2課 ── 學習 Vue 的 props 觀念

[作業](https://play.vuejs.org/#eNrtF11vFFX0r1w3MW0JM7MYiWRZQCE+YBSJPLo+zO7c7oydvTPeuftRm000lQCWpESMoCFRowIJKU2MMVWqv6azLE/+Bc/9mrl3dtvSiPHFPmznnu9z7vm6a7U30tQd9HGtUWtmHRql7GyLRL00oQy9s3reD7r4MsWDCA/RMk16qFVzPRvOuVu101WuGfKCrkXwSFAGeNnvxwyttQhCnQTYCSYsa6C1iurjhdDxcU4b+MxfXJJ8CFHM+pToE0JpkjGQoY9cdJzQBtgyDCMGNggZ8o/hEbug0e3Y76xY6Nhv45ijLChN+iTAQQUuTeN/bW7qmyO/l8YYvHn/A4UZg/OarodZmATcV4lL+0xxlI6BeWGUuZY4N+1n4eIacl1XILmzaLwkJEtfSZbE2I2T7uIst6aTNsjfoc86YWmHHbwA47SBGO3jwrvQJ0GMqWkmBCrp+PEVllAfLjrD7CLDvcVWrSevjV4GqRAq9NaVdy+5GaMR6UbLq9JArnGpdECHUf+vBPMFWVagEb93U4V102iuxXZIS+r9nFA3DlnDcFBaV97fGakm9WmGFy2Du/uEcmkJnTtXSlCKZ61DZ7RJh2uohMFQYWGKJObp3PSKpgEHkJPGPsNwQqgZRAPUif0sOwOyk2C1VRPwCiYikPoXEsL8iGBa0ACVKL7iiND00cazT3cmt69N129Ovt5+9v3m9MbPJbopJCG2mmIQK2q+VSvUiPNFTgHAgdNLAhwDmAfP1bReqduzle9vy+Sra/nWnRdnS9GQDrZHyDc6nJIsqJRko8lJM7hoE1zRLHhNPFxlB4dJHGAKNODxdHcnv/qTSIb86gPwvKQ2TK2GanJ3O791f3LvRn7v9vTBFzNB0rarrqrjomMX4s5KOxnNRkrRmzbMhKndZywh6PVOHHVWOGPRZSHR8q27k+u3nm5/tvfnRtOTpDpDPUjRedmayoE0N1/DE2fVvGp68F3AK2O0UZyTVIgUBW1GEJh1sdmSTEuUlLJejZBrlXJ+AfElPHxbXq8chjzcPHR6lBnaD+Yu0vNoEgy9XYoxOYTPbMADZ1nwmT0IJcv2XDDTFqGGVmvSzOY3EJruWMRGGVoM2guLWNW3Rajcq5LOJK1VOmbWFd/6q+kZ7RWOGVuN+ecxOU96Pu1GpIHqoj+nfhDAyJLHcYu4vAFrwpEzjAIGM/9U/WVB3YuIE+KoG8LoP1XPBqGABlEG6lYbaDnGI1PMWaR0coTT9rMIBvOJuhDGieyWLkmrwhRzEFHcYVEChkMU+z0iUB/2MwbT1oFlhsFGCDj4xVTg/DjqEgf2uB4oNeBdH9aBExT3lBHVSv2PzKiU6YFWDCln5r/zRMGoVTdeO66rX2/uLzkOH0n5k9+fPtrQyzJHovzq+t6TX//avbm3c3/y5fZk85e9nY38+p3882+n63+0iMhdBJ/5j99NH27lj7+xpysvBAhAlcgee6K05uBhSuSPf2sRXeuThz/ku5stkm+uTz9Zb4SMpVnD8z7q+5lP3QAPPDAZtOmXgCdqx0OOo1Je7xrzHhAp76fFgqh2/itic1PbmLHsW3C15VuwYsc/n8A67ZNikXuOrUdZoFcf4/513TfEVQKyWFTb8PToCqUiBRNabKHKk8L48pmRUBjN7/lB1Ae/dYzPoYWT9XS0gBpoob6g91CpWPWWtTXpMhpDWh3eYKz1T8Y3hooqOkbdVUkKaQyV4mTRx5hDT2loke4REYxtWEBXBEa6AFmejhA8W6IAiTdYKWuodLxWr/Y191Ut3juGBpiyCJZaR5QlBCtJT6Nj3r51Yzxd/y8fu3zKp7c8j/9B1qswP1/Wm3rlSK2WgEVxWD1YxHOLA/7vVx4W89FrRa96s7Uyr1Je+Xfr5OTR62T8N2L3XWg=) 一開始搞錯方向...

JavaScript 系列九：第1課 ── 學習 Vue 元件基本觀念

作業 https://tinyurl.com/yst8ytys

JavaScript 系列八：第7課 ── 國家資訊與地圖應用程式

交作業 https://replit.com/@superyngo1/vue3-World-Map-with-Country-info

JavaScript 系列八：第6課 ── 天氣查詢應用程式

交作業 https://replit.com/@superyngo1/vue3weathercheck

請益!用JS修改required

參數true放在setAttribute裡面， element.setAttribute('required', true);

JavaScript 系列八：第5課 ── 體重追蹤應用程式

作業 https://replit.com/@superyngo1/Weight-Tracker-Chart

JavaScript 系列八：第4課 ── 行事曆應用程式

交作業 https://replit.com/@superyngo1/vue3calendar

JavaScript 系列八：第3課 ── 分帳應用程式

交作業 https://replit.com/@superyngo1/vue3billsplitter?v=1

JavaScript 系列八：第2課 ── 筆記應用程式

交作業 https://replit.com/@superyngo1/vue3notebook

JavaScript 系列八：第1課 ── 碼表應用程式

交作業 https://replit.com/@superyngo1/vue3timer

JavaScript 系列七：結語

真的是很好的課程 謝謝老師

[ 作業問題 ]JavaScript 系列五：第1課 ---學會 Cookie 相關功能

也可以在script tag內加上defer <script src="./script.js" defer></script> 這樣就會等其他內容都載完後才去載入

JavaScript 系列七：第7課 ── 認識 Template Refs

交作業 https://jsfiddle.net/superyngo/2ft05c8v/20/

JavaScript 系列七：第6課 ── 認識 Lifecycle Hooks 與 Watchers

交作業 https://jsfiddle.net/superyngo/2ft05c8v/18/

JavaScript 系列七：第5課 ── 學習 Vue 事件處理的寫法

交作業 https://jsfiddle.net/superyngo/2ft05c8v/14/ 看來前輩作業才想到要用index 不然又做成操作dom了...

JavaScript 系列七：第4課 ── 學習 Vue 迴圈的寫法

交作業 https://jsfiddle.net/superyngo/2ft05c8v/7/

JavaScript 系列七：第3課 ── 學習 Vue 條件判斷式的寫法

交作業 https://jsfiddle.net/superyngo/2ft05c8v/5/

JavaScript 系列七：第2課 ── 體驗一下 Reactivity 的效果與便利

交作業 https://jsfiddle.net/superyngo/2ft05c8v/2/

JavaScript 系列七：第1課 ── 認識 Vue 基本環境與 render state

交作業 https://jsfiddle.net/superyngo/2ft05c8v/

JavaScript 系列六：第7課 ── 資料序列化

交作業 https://jsfiddle.net/superyngo/f3jzo49d/24/

JavaScript 系列六：第3課 ── 認識匿名函式

用火狐和edge 我看是正常說

JavaScript 系列六：第6課 ── 認識 data model 的優點

交作業 https://jsfiddle.net/superyngo/f3jzo49d/21/ 這次研究了.map的陣列方法

JavaScript 系列六：第5課 ── 熟悉匿名函式

交作業 https://jsfiddle.net/superyngo/f3jzo49d/17/

JavaScript 系列六：第4課 ── 熟悉 render function

交作業 https://jsfiddle.net/superyngo/f3jzo49d/12/ ps.沒有用if判斷而是建了一個物件去查顏色

JavaScript 系列六：第3課 ── 認識匿名函式

交作業 https://jsfiddle.net/superyngo/f3jzo49d/10/

JavaScript 系列六：第2課 ── 認識陣列操作

交作業 https://jsfiddle.net/superyngo/f3jzo49d/7/

JavaScript 系列六：第1課 ── 認識 data model 與 render function

交作業 https://jsfiddle.net/superyngo/f3jzo49d/2/ 好像應該先研究一下bootsratp 不然處理樣式真的花時間

JavaScript 系列五：第7課 ── 學會 AJAX 與 data attribute 的結合

交作業： https://jsfiddle.net/superyngo/6m384gyw/19/ 範例的網站不太穩 換到Platzi Fake Store

JavaScript 系列五：第6課 ── 學會 AJAX 與各種 HTTP 請求方法

交作業 https://jsfiddle.net/superyngo/6m384gyw/6/

JavaScript 系列五：第5課 ── 學會 AJAX 錯誤處理

作業 https://jsfiddle.net/superyngo/6m384gyw/5/

JavaScript 系列五：第4課 ── 學會 AJAX 基本原理

https://jsfiddle.net/superyngo/6m384gyw/1/ 交作業

JavaScript 系列五：第3課 ── 變數作用域、箭頭函式、ES6 語法

交作業 https://jsfiddle.net/superyngo/gm6eohaf/21/

JavaScript 系列五：第2課 ── 學會 Local Storage 相關功能

交作業 https://jsfiddle.net/superyngo/zk6j2vpe/26/ 寫得很髒QQ

JavaScript 系列四：第4課 ── jQuery 套件

沒注意到雙引號~~ https://jsfiddle.net/superyngo/ug7f6hbL/1/

JavaScript 系列五：第1課 ── 學會 Cookie 相關功能

交作業 https://replit.com/@superyngo1/Cookie-Xiang-Guan-Gong-Neng?v=1

JavaScript 系列四：第7課 ── TinyMCE 套件

交作業 https://jsfiddle.net/superyngo/zo32spgr/9/

JavaScript 系列四：第6課 ── kenwheeler/slick 套件

交作業 https://jsfiddle.net/superyngo/dyj94ex6/17/

JavaScript 系列四：第5課 ── xdan/datetimepicker 套件

交作業 https://jsfiddle.net/superyngo/ejyqma34/2/ 文件沒看仔細 看了前輩作業才注意到要引入css表...汗

JavaScript 系列四：第4課 ── jQuery 套件

交作業： vanilla js: https://jsfiddle.net/superyngo/ug7f6hbL/ jquery: https://jsfiddle.net/superyngo/Lj2wrebm/5/

JavaScript 系列四：第3課 ── Chart.js 套件

https://jsfiddle.net/superyngo/4sjg98eu/6/ 交作業

JavaScript 系列四：第2課 ── vanilla-lazyload 套件

https://jsfiddle.net/superyngo/98wh3tqg/4/ 交作業

JavaScript 系列四：第1課 ── autosize 套件

作業 https://jsfiddle.net/superyngo/87g9kj3m/10/

JavaScript 系列三：練習7 ── carousel 輪播元件

交作業 https://jsfiddle.net/superyngo/bsm1nk3v/1/ 也謝謝前輩的作業 參考學了很多~

JavaScript 系列三：練習6 ── dropdown 下拉式選單

作業 https://jsfiddle.net/superyngo/wf45sdph/2/

JavaScript 系列三：練習5 ── collapse 折疊效果

交作業 https://jsfiddle.net/superyngo/Lect8v0g/

熱門搜尋： BASIC ui css JavaScript 開發 javascript Git %' console 搜尋 第一 使用 COM AI JAVA Can 學習 網站 結構 工作 課程 後端 Ml Css Github html 部署 資料庫 專案 Vue REACT 測試 伺服器 onclick 分享 Ai 架構 JS 作為 ar Python console.log( 技術 for javasc ') ＣＳＳ 語言 'javascript 前端 聊天 系列 基礎 lilac restcountries android yarn Javas 遊戲 網頁 git ci 開源 研究 效率 ul COMPO Javascript 練習 清單 Java CD Typescript 編輯 公司 主題 models 部落格 作業 演算法 非同步 工程師 新手 分析 React 查詢 套件 react 框架 with github AWS Js jav json 謝謝 面試 npm fetch typescript
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。