superyngo

superyngo

此人尚未填寫簡介。

註冊於2023年02月18日

發表了 6 篇貼文

新增了 73 則留言

貼文共 3,687 次瀏覽

全部留言

後端 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 環境

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/

熱門搜尋： local 網頁 % github 使用語言開發題分離學習 user c 1 JAVA 前工程師遊戲架構 2 React GIT 工作 4 Ai 網站作為 C 技術套件前端 . 專案 id 分享 go 第一 console Java git api 20 10 JS 系列 AI 50 class 資料庫測試 Line ＣＳＳ html AWS jav ` with app 結構主題研究搜尋後端 java Node 作業 javascript CSS 練習 CD js 非同步 Html 作業分享 ci react REACT cn ui Git 自學 rest 日期 Python nodejs error this 履歷新創 JavaScript module JavaScript 系列 " node.js solid oop .NET for HTML Facebook tla

CodeLove 愛寫扣論壇 © 2024

🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。