站長阿川

站長阿川

👉 身份：資深全端工程師、指導過無數人半路出家轉職 👉 使命：打造 CodeLove 成為優質新手村，讓非本科也有地方自學＆討論

登入次數：669 次

註冊於2022年11月28日

發表了 382 篇貼文

新增了 1,174 則留言

貼文共 577,271 次瀏覽

全部留言

CodeLove 文章的 GitHub Actions

laravel 正式環境 session driver / cache driver 根本不能用 file 吧

update 2: 真的大成功 ![](https://i.imgur.com/XbTSKqg.png)

laravel 正式環境 session driver / cache driver 根本不能用 file 吧

update: 大成功 ![](https://i.imgur.com/ADxAqvd.png)

看到一個 indie hacker

要找到真正值得學習的對象～

自學網頁の嬰兒教材：JavaScript（九）作業分享

非常好的分享！恭喜完成所有專案！後續找工作問題可以多多在群組跟大家討論！有好消息記得上來分享心得文！

自學網頁の嬰兒教材：JavaScript（八）作業分享

寫得很好樣式簡潔漂亮！

RWD 網頁設計入門：第6課 ── 親手搞定一個完整的 RWD 網頁！

寫得非常好

給用 Laravel 中小企業的架構建議：別用 Service + Repository，改用 Mutation + Query

關於本篇文章的國內外討論串：台灣 - https://www.facebook.com/groups/laravel.tw/posts/9250869011648732/ - https://forum.gamer.com.tw/Co.php?bsn=60292&sn=18656 - https://www.dcard.tw/f/softwareengineer/p/258187379 國外 - https://www.reddit.com/r/laravel/comments/1j4sx4k/ive_been_developing_with_laravel_for_10/ - https://www.reddit.com/r/PHP/comments/1j4syru/laravel_service_repository_is_overrated_heres_a/

自學網頁の嬰兒教材：JavaScript（七）作業分享

very good sharing!

自學網頁の嬰兒教材：JavaScript（六）作業分享

very good sharing!

自學網頁の嬰兒教材：JavaScript（五）作業分享

very good sharing!

自學網頁の嬰兒教材：JavaScript（四）作業分享

really really good!

從事開發工作 12 年的我，用了 AI 半年，變成了只會 copy-paste 的廢物？

東西做出來是一回事 -> coding 與 design 能力要讓很多人來用是一回事 -> 寫文案、找地方發佈、sales 能力要持續讓人來用是一回事 -> 行銷策略、持續曝光方法、seo 能力要成功找到賺錢方法又是一回事 -> 市場定位、認識用戶、設計商業模式的能力缺少任何一個所謂「商業閉環」就串不起來就只能是一個 side project、作品集、練習專案不能成為產品難如登天持續努力加油加油

自學網頁の嬰兒教材：JavaScript（三）作業分享

very good! 非常好的分享！

從事開發工作 12 年的我，用了 AI 半年，變成了只會 copy-paste 的廢物？

嗨東西做出來是一回事要讓很多人來用是一回事要持續讓人來用是一回事要成功找到賺錢方法又是一回事我手上的賺錢產品非常少利潤也很普通總之就是很難有更多經驗時會跟大家分享

自學網頁の嬰兒教材：JavaScript（二）作業分享

很好的分享！

自學網頁の嬰兒教材：JavaScript（一）作業分享

寫得非常好！設計與配色也很好！繼續保持！

這幾個月鑽研自媒體，發現了做IG爆款帳號超簡單！

good job! 順手幫你生一張封面圖

JavaScript 系列三：練習4 ── 表單驗證

寫得很好，順利完成！

不恥下問:API發送的腳本製作

不恥下問:API發送的腳本製作

關於你提到的需求可以往四個方向去研究 1. 參考工作流程自動化工具 UiPath 或者 EMILY.RPA 2. 參考經典瀏覽器自動化工具 Selenium 3. 參考最新瀏覽器自動化與測試工具 Playwright 4. 上述都不行的話就研究無頭瀏覽器操作工具 Puppeteer

不恥下問:API發送的腳本製作

八萬多粉絲經營什麼主題呀？太厲害了吧可分享一下頻道連結？

1T 數據到底有多大？

追求 PB 級的計算能力 ... 未來有一個超級 AGI 統一開放全球人類使用的話，或許會需要 👀

自學網頁の嬰兒教材：第3課 ── 網頁排版

還行排版大致有出來 XD

三行五行的 SQL 隻存在於教科書和培訓班

作者應該是巨型軟體公司的 DBA 背景我自己在中小企業開發 10+ 年寫的 SQL 基本還是短短的不到百行哈哈

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

寫得很好，順利完成！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：JavaScript（七）—— 不想教你 Vue，只想教你怎麼學框架作業分享

非常好的分享程式碼非常漂亮～

自學網頁の嬰兒教材：JavaScript（三）作業分享

很好的分享樣式設計很漂亮～

我的網站在做國際流量時，遇到速度的問題，有人有經驗嗎？

2024-10-20 更新：瘋狂研究三天開始察覺一些 CDN 現象與注意事項先使用 chrome lighthouse 改善效能建議 ![](https://i.imgur.com/RbUvRef.png) ![](https://i.imgur.com/q2TdoSo.png) ![](https://i.imgur.com/QTvV6lZ.png) 目前已有很好的改善預估再放著久一點，ISP 以及 cloudflare 的 CDN 會自動繼續加速

我的網站在做國際流量時，遇到速度的問題，有人有經驗嗎？

感謝回覆這個問題很嚴重因為我提供了大量頁面到 sitemap 原本預期 seo 會帶來很多自然流量結果幾乎沒有我才發現國際流量的速度很慢根據我的經驗網站速度只要過慢就會被 google 排序到很後面所以速度至關重要 --- 因為早已啟用 cloudflare free plan 三週，也升級 pro plan 三天了速度依舊沒改善這個問題沒解決網站完全沒辦法做 seo 已同步在 reddit 與官方論壇尋求協助有消息會再更新過來 https://www.reddit.com/r/CloudFlare/comments/1g6668c/same_machine_different_domains_different_cdn_speed/ https://community.cloudflare.com/t/same-machine-different-domains-different-cdn-speed/726412

自學網頁の嬰兒教材：JavaScript（二）作業分享

good job! good design!

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

自學網頁の嬰兒教材：第3課 ── 網頁排版

自學網頁の嬰兒教材：JavaScript（一）作業分享

Good job! 樣式也弄得不錯！

自學網頁の嬰兒教材：JavaScript（六）—— 從前端設計心態到前端工程心態作業分享

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

關於css的新手問題(已解決)

自學網頁の嬰兒教材：JavaScript（五）—— 打造功能豐富的前端應用程式作業分享

軟體工程接案技巧：「週薪式兼職」報價

# 2024年補充這篇是我 2017 年寫的文章現在因為遠端工作更常見大家不是面對面經常坐在一起工作工時不用報區間了，就報一個數字就可 --- 另外，兼職方式適用於「規格非常不明確」的新創專案如果是自有產品、熟悉的套裝服務，在兩邊都清楚知道成品長相的狀況下傳統固定金額、收取訂金、最後收尾款的報價，其實沒有問題，也比較有利潤

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

又一間台灣公司決定逃離 FB 集團的掌握

從商業與科技的基本面出發我確實可以預言一些事情後續的走向 > No magic, only basic.

又一間台灣公司決定逃離 FB 集團的掌握

這也是我勸你不要太認真開發 threads 外掛的原因這些大公司搞到你的時候是沒在跟你客氣的一切以他們方便為主

[討論分享] 大學生真的要自救！建議看看這個思維！

有人有玩脆嗎?Threads感覺還有很多東西可以開發

這些功能早晚 threads 會自己寫到時候辛苦做的那些小外掛功能就通通沒人用了當作練習寫一寫來玩倒是還可以 --- Meta 集團的機房應該有幾十萬台主機你絕對無法對 Meta 造成任何負擔放心吧

自學網頁の嬰兒教材：JavaScript（四）作業分享

很好的分享樣式設計也很漂亮

github強制兩步驟驗證?(小小抱怨文) 推薦使用Authy

google authenticator 也可以參考另外，我簡單寫一篇 https://codelove.tw/@howtomakeaturn/post/vx87Vq

為什麼會有系列功能？何時適合使用？

1. 本站會持續更新因為我本人也缺一個寫作平台 2. 梗圖倉庫是我 2019 年開發至今的作品的確很受台灣用戶歡迎 3. 教練服務只適合極少數人大部份諮詢者我還是叫他們去找補習班/買其他線上課程謝謝支持，有技術/商業方面問題，歡迎上來多多討論～

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

背景颜色不会流畅的变化

背景颜色不会流畅的变化

不流暢嗎？FPS 不夠而已吧？把最後一行改成 33 如何？ ``` }, 33); //更新顏色 ``` 我剛看滿流暢的，你試試看吧

Imgur API 串接問題

看不太懂你的問題你提到的網址 `https://i.imgur.com/Kd1LmNI.png` 我直接點開來，圖片有正常顯示代表你已用 imgur api 成功上傳圖片才對？

關於無經驗前端投履歷，面試機會少的原因

✨ 6 個您應該造訪的學習寶石網站！

這些看起來很有料 😍

「自學網頁の嬰兒教材：JavaScript（三）作業分享」

很棒的分享！還有附上 gif 動畫！寫得很好，繼續保持！

史莱姆不会正常移动

缺乏上下文，看不太懂問題是什麼不過，你應該已經自己解決了吧，那就好

JavaScript 系列三：練習4 ── 表單驗證

good~ 設計得滿好看的~

歡迎串 Part.17 👋👋👋

我有租一台 Linode Dedicated 16 GB 主機 https://www.linode.com/pricing/#compute-dedicated 月繳 $144 美元但是我放了十幾個網站才租這麼大台主機只放論壇的話租用 Shared CPU Linode 2 GB 主機 https://www.linode.com/pricing/#compute-shared 月繳 $12 美元就夠

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

很好，本系列順利完成！

「自學網頁の嬰兒教材：JavaScript（二）作業分享」

Well done! Very very good!

自由工作者生涯：關於「免費」幫人做網站的幾點看法

祝順利！有問題多多上來跟大家討論！

詢問src相對路徑設定

存取到根目錄很容易呀用 `/` 開頭就是了 ``` src="/img/001.jpg" ``` 實務上，所有跟靜態檔案有關的連結，我都是使用 `/` 作為開頭喔！試試看吧

「自學網頁の嬰兒教材：HTML與CSS作業分享」

good 寫得不錯整體配色＆設計美感也不錯繼續保持

邁向資深之路：非同步 JS 訓練（一）作業分享

前端與後端工作上合作

1. 通常來說前後端會一起先討論出 api 的內容有了規格之後前後端就可以分別各自開發最後再串起來就好 2. 或者是後端直接先設計好 api 把文件交給前端接著前後端就可各自開發 3. 比較需要前後端共同確認設計細節的 api 可以開個 hackmd 或者 google doc 同步編輯都看過之後再各自開發 4. 更多人協作的場景可以考慮用 Swagger 之類的工具先產生文件與 fake api 串接 5. 如果有足夠經驗使用 GraphQL 技術也會很好文件、測試面板都會同步自動生成 6. 其實你的狀況聽起來是團隊彼此是否互相尊重的文化問題：後端成員普遍懶得理前端人員懶得管你工作方不方便。因此你需要讓技術主管知道這個情況並且協助改善工作流程不然的話很沒效率 7. 如果團隊真的有互相卸責的文化那麼在你發現有 api 缺漏之類的狀況時請用 email CC 多人的方式或是在聊天群組 @多人的方式留下紀錄證明時程的延誤不是你的問題。並且出包的當事人之後也許會自動改善合作態度 8. 大家都是專業人士將心比心的話其實通常不會讓人有難合作、溝通沒效率的感覺。不過你也要盡量反應狀況讓人知道你遇到問題或者有某些需求否則說不定大家都很滿意只有你覺得有問題 9. 如果已經回報狀況但是技術主管拒絕協助改善那麼這個團隊的工作效率低落並且主管沒有能力改善可以考慮離職 --- 以上參考看看

想請教一下前端新手工作內容

1. 工作上有混亂很正常 2. 不用離職，繼續在工作上學習即可 3. 對公司來說，一團混亂之後，還是有點進度即可 4. 對你來說，一團混亂之後，還是有學到點東西、薪水正常領即可 5. 你是經過面試流程入職的，如果在職位上無法順利工作，公司負擔50%責任，不用想太多

關於接案這回事

很好的提問簡單寫一篇分享我的觀點 https://codelove.tw/@howtomakeaturn/post/837jVx

站長推一個新的教練服務：1對1聊聊看，學習上遇到什麼問題

Yes 忙的時候就不開了而且很多來找我的人其實毫無準備我交待的小任務也沒完成所以最近懶得開覺得大多數人偏被動好像還是比較適合去補習班 😂

想請教我的履歷還有哪些不足的地方

需要更多意見可以直接到群組跟大家聊聊

想請教我的履歷還有哪些不足的地方

![](https://i.imgur.com/SErwnlo.jpg)

想請教我的履歷還有哪些不足的地方

一些群組意見你參考一下有些要改寫 ![](https://i.imgur.com/N1XZh0x.jpg) ![](https://i.imgur.com/NzlLybh.jpg) ![](https://i.imgur.com/uX3PnyH.jpg) ![](https://i.imgur.com/lT0NFV9.jpg) ![](https://i.imgur.com/oU0LK7S.jpg)

想請教我的履歷還有哪些不足的地方

我覺得沒問題呀對接案公司來說，看起來就是前端即戰力，應該會收到面試邀請呀而且看起來基本功不錯，就算是自有產品的公司，應該也會有願意跟你聊聊的無法理解怎麼會20間都無消無息

想請教我的履歷還有哪些不足的地方

是不是打錯字？應該是要求為「經驗1年以下」？

自學網頁の嬰兒教材：第4課 ── 好用的表格

對，上面很多人都誤以為，是把官網的行政表格，直接模仿一份其實應該是要把原始資料，用表格呈現不過都會練習到 table，所以沒關係，都可以

[問題] Zod 的 .optional() 使用方法

[問題] Zod 的 .optional() 使用方法

話說回來，一定要用 zod 來達成嗎？ ``` const Component = ({ title, description = '' }) => { return ( // ... ); } ``` 直接這樣，給預設值，是不是效果也一樣呢？

[問題] Zod 的 .optional() 使用方法

我很少用 typescript 也不熟 zod 幫你貼到群組問問看，哈哈

React 專案中的⚛️ 資料夾結構

很好的指南，認同

再見 SASS 👋，歡迎回歸原生 CSS

超猛的，原生 css 已經變很強了！

JavaScript系列九:作業分享

非常好！已能夠從無到有、親手雕刻、掌握 Vue 元件的開發方法！祝早日找到 Vue 相關前端職缺！再來跟大家分享好消息！

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

good 多做筆記留下 todo list 之後慢慢補完就對了！

請問這種程度已經可以開始找初階前端工程師的工作了嗎?

OKOK 我看過了我認為你的狀態相當不錯專案的完成度＆技能掌握，勝過大多數新手入行者可以開始投履歷了，入行之後有更多東西可以學參考這篇：「投履歷的公司篩選」段落 https://codelove.tw/@howtomakeaturn/post/k31dYx 不過，不太確定嘉義的職缺狀況，軟體業最多職缺還是台北，你再評估一下開始找幾間公司面試看看吧！

JavaScript 系列九：作業分享

很讚，很完整

請問這種程度已經可以開始找初階前端工程師的工作了嗎?

我剛看了一下，感覺還不錯 Vue 或 React 本身，有熟嗎？

請問這種程度已經可以開始找初階前端工程師的工作了嗎?

嗨嗨以上各個專案分別使用到什麼技術可以一併整理貼出來嗎？你在投履歷的時候，也一併整理貼出比較好，方便面試官知道你用過哪些工具、技術

讲讲前端工程化

的確都是現代前端工程常用技術了不過就我個人觀察，單元測試、CI/CD 工具、容器化技術、部署腳本，這幾個對 junior 前端來說很吃力可以等邁向 senior 的階段再慢慢學 😅 先叫公司的後端 or DevOps or SRE 幫忙就可以了 😅😅 事實上，我認為，前端的單元測試、e2e 測試，就算對 senior 來說也是不容易的，要寫得漂亮，很有挑戰性 😅😅😅 （要是為了寫而寫、為了 100% 覆蓋率而寫，根本沒意義）

如何降低耦合度提高代码质量

我幫補充，關鍵字：`SOLID 原則`

如何评估算法的效率

很棒的分享！資料變多的時候，這就很重要實務上，其實也沒那麼難，很直覺一個很大的陣列，對他 `從頭到尾 for loop` 裡面再 `從頭到尾 for loop` 一次，基本上就是 `O(n^2)` 了如果裡面再 for loop 一次，基本上就是 `O(n^3)` 了就算是完全不懂，也直覺上會知道這段程式很慢，資料變多之後，早晚會出問題！ --- 我個人經驗是，系統的用戶少就算了，一但資料變多寫出 `O(n^2)` 的函數，勉強還能用但是 `O(n^3)` 的函數，幾乎不能用！太慢了

TypeScript中，如何利用数组生成一个联合类型

很讚的技巧，可以確保 type 更明確！

JavaScript 系列二：第5課 ── 認識 onchange 事件

發問請直接到討論區為主喔～

我決定認真做好作品集，2024當前端工程師

來吧坐等你的產品上線～

JavaScript系列八: 作業分享

拜登政府：為了資訊安全，請多用 Rust 程式語言

對，職業生涯，幾乎都在寫這兩個

我決定認真做好作品集，2024當前端工程師

來吧，貼出你的計畫，給大家看一下吧

拜登政府：為了資訊安全，請多用 Rust 程式語言

缺陷＆攻擊範例 https://securityintelligence.com/inside-the-mind-of-a-hacker-attacking-the-memory/ 心得：曾聽說寫 C 跟寫組合語言差不多。如果寫個應用程式要管理記憶體到這地步，確實很為難呀...。

[發問]逆向與資安：這編碼(可能)是什麼？為何連使用者ID都要加密?

uuid 跟 hashids 用途不太一樣適用場景也不太一樣，嘿嘿～

JavaScript 系列七：作業分享

寫得非常好，設計也很好看～！

[資源分享] 逛到了一個C++寫的cheat engine，應該無毒，紀錄一下！

哈哈，很好的練習應用身邊寫 C 系列的朋友倒是比較少只有一些寫韌體的，在硬體產業工作

[資源分享] 超好用github工具！線上輔助你寫README

這個是好東西。難怪很多專案格式都很好，原來是有這工具。

真正去打造一樣幫助他人前進的東西，就不會失去動力

沒錯！我留意到很多國外的大神工程師，生涯初期的軌跡，跟台灣刻板印象截然不同！在做中學、學中做的方式，絕對是個好方法。

[發問]逆向與資安：這編碼(可能)是什麼？為何連使用者ID都要加密?

補充一下，有一款簡潔、又有基本 hash 功能的，常用在網址上的，近年很流行叫做 `hashids` 有興趣可研究

[發問]逆向與資安：這編碼(可能)是什麼？為何連使用者ID都要加密?

網址會出現的 ID 最老派是直接用整數例如 1, 2, 3, .. 依此類推會有幾個問題 - 網站總產品數量、文章數量、會員數量會被外界輕易得知，這在商業上算是有點洩漏營業秘密 - 寫爬蟲的人，會更好寫，就一直遞增去爬資料即可所以，如果不在乎網址的美觀，簡易的 hash 一下，就可避免這兩個問題

請問，exp這個不是可以隨便改的嗎？我以為是expire?

連影片檔案名稱，都要弄成動態的，實在太麻煩、開發時間大幅增加實務上還是以需求為主，根據需求決定技術規格開發者就是不斷在協助判斷「開發成本」與「商業價值」之間做取捨、平衡系統不能太陽春，但也不能太 over-engineering 哈哈

請問，exp這個不是可以隨便改的嗎？我以為是expire?

照你這樣說，大概是這樣 - exp - 過期時限 timestamp - acl - 存取控制串列 - hmac - 金鑰雜湊訊息鑑別碼 - *.mp4 - 動態檔案名稱你隨意更改參數的話，某種 hash 計算之後，會跟 hmac 對不起來然後為了避免影片檔案名稱一直被 try 所以連名稱都是動態的... 看來是很有價值的檔案影片呀，可能是課程影片或是電影版權內容影片吧...

【全網最齊】五子棋自學指南！乾貨滿滿，全部你需要的寶藏，都在這裡！

這些小專案做到一個段落放到網路上之後公司 offer 拿不完哈哈

自學網頁の嬰兒教材作業分享

很好期待把7課都寫完＆分享～！

【全網最齊】五子棋自學指南！乾貨滿滿，全部你需要的寶藏，都在這裡！

最近在寫五子棋應用程式嗎哈哈

關於Vscode remote ssh爆記憶體問題

我筆電用過 ubuntu 也用過 macbook 我都是在本機開發完，上傳到 git 雲端然後 ssh 到 linux 主機，用 git pull 下來喔很少會在 linux 遠端主機上直接開發只有少數緊急情況，會 ssh 進去之後，直接用 vim 或 nano 機上修改～

關於Vscode remote ssh爆記憶體問題

我是用 vscode 但我沒有用 remote ssh 上網查了一下，國外滿多人也有同樣困擾，如果是我，會嘗試兩個方向 ## 1. 使用舊版 vscode https://github.com/microsoft/vscode/issues/151205 這位用戶，就是直接用舊版，問題就緩解了我會隨便挑幾個舊版本，試試看，效能有沒有改善 https://code.visualstudio.com/updates/v1_74 這邊有各種版本，都可以點擊下載不是什麼好方法，但可以試試看 ## 2. 嘗試這邊的一些調整 https://github.com/microsoft/vscode-remote-release/issues/7825 這位用戶，分享他的一些調整，說是有效果，參考看看 - Increased the MEMORY of the VM from 1024 to 2048, i guess it needs more memory on the VM side too. - Removed .vscode-server directory inside home dir of the VM (Remote server), it creates it first time you add a remote ssh connection inside VS Code on your local Machine (Mac) - Reinstalled the ssh extensions on the VS code on the host machine (Mac) - Removed a WSL extension from the VS code on host machine (Mac) (not sure why it was installed, probably automatically) 也就是清空一些設定、重裝一些設定也不是什麼好方法，但可以試試看 --- 那台 gcp compute engine 是比較小台的，CPU 跟 RAM 比較小，對嗎？實在無法的話，可能考慮升級大一點的機器，花錢消災這樣 😅 以上，順手研究，簡單分享

個人專案 - 這樣做夠安全了嗎？

長知識... 上次我 google map api 被盜刷 200 美金，至今我都不知發生啥事...

請問一下 GITHUB 有沒有舊版 TMPG(4.x) 的SOURSE ?

TMPG 是什麼軟體？有相關連結嗎？本身是開源軟體嗎？

歡迎串 Part.15 👋👋👋

慢慢進步即可～

歡迎串 Part.15 👋👋👋

考試加油～

個人專案 - 這樣做夠安全了嗎？

關於 key 這種東西，通常都是放在 `.env` 檔內沒錯至少沒放進 git repo，可以確保只有「擁有主機權限」的開發者可以拿到。這樣就夠安全了：因為如果駭客連主機權限都拿到了，那代表系統被嚴重入侵了 --- 工作上常用的 api key 又分兩種，前端用的＆後端用的前端用的 key 本來就容易在瀏覽器被洩露後端用的 key 就不會這兩種 key 要做兩種額外防護前端的 key：請在 api 提供商那邊，設定「限制可存取的網域」，也就是只有用戶在逛特定網站才能使用 -> 一定要做，不然 key 會被別人拿去用後端的 key：請在 api 提供商那邊，設定「限制可存取的 IP」，也就是只有在特定主機上才能使用 -> 其實不做也沒關係，後端的 key 不太會洩漏，就是多一層保障而已所以，請查看一下你所使用的 api 管理面板，應該有可以設定的地方～ --- 以上，簡單回饋，希望有回答到～

請問我應該如何調整自己的學習心態或是思維

我們 LINE 群組裡面，很多人也是類似狀況歡迎在裡面多跟大家聊聊

請問我應該如何調整自己的學習心態或是思維

關於熱情、迷惘、融會貫通：跟主流觀點不同，我認為這些可以都先不管，這些都不重要你只要先在乎一件事情：我今天有沒有比昨天強？我這週有沒有新得到上週沒有的知識？先留意這點就可以，其他不用管

請問我應該如何調整自己的學習心態或是思維

關於英文問題：英文在軟體產業很重要，不過業界很多人英文也是普通課程、技術文章會用到的英文其實偏初階，就先一直查字典即可英文能力會自然逐漸變強

請問我應該如何調整自己的學習心態或是思維

關於作業卡關：每個人習慣的步調不同，各種課程、教材的適合對象也不同遇到太有挑戰性的，可能是教材不合的問題，甚至是教材太精簡的問題可以先上網找找相關教材，東補西補，再接著試試看寫作業，不用太著急，也不用太早決定放棄

請問我應該如何調整自己的學習心態或是思維

你這狀況很正常，很多人都會這樣，算正常學習過程我有一個學習理論，稱之為「圖片解析度理論」，你參考一下 ## 圖片解析度理論你有沒有那種老舊的 3C 裝置，或是在網速很慢的地方打開圖片的經驗？圖片是不是會先一片模糊的出現，然後一塊一塊解析度越來越清楚，最後才呈現完整的樣貌？學習新知識的過程就跟這個一樣，一開始整片模糊的，似懂非懂沒關係實務上通常不允許在一小塊地方不斷糾結所以你理解不能的地方，我建議就做個筆記，知道有一塊地方「有待研究」即可不需要糾結在那裡，先繼續往後之後再找時間慢慢研究、或者找時間發問求助即可

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，本系列順利完成！

React網頁背景無法顯示完全

因為元素的高度，就到表單按鈕那邊而已。兩個方式，第一個，把元素高度設到更高、滿版。第二個，直接改變 body 的樣式，就會是全背景顏色了。試試看吧？

ios chrome開啟deepLink閃退問題

再不行的話，新分頁裡面就只放一個按鈕「點我打開ＡＰＰ」這樣呢？雖然ＵＸ有點醜醜的就是～

ios chrome開啟deepLink閃退問題

我沒寫過 ios 但我在想，可以用 javascript 打開 deep link 嗎？開新分頁時，就開一個普通的網頁，然後在那邊用 javascript 去改變 location 之類的，變成 deep link，這方向有機會嗎？

Ts中never类型的妙用

原來如此！非常巧妙！用 functional programming 的術語來說，就是在程式出現 `impossible state` 的時候，立刻讓程式中斷！對於 debug 跟 developer experience 來說，會有大幅改善！因為不小心讓 `impossible state` 混入程式中，會很痛苦！輕則 business logic 亂跑到不知哪邊，重則讓奇怪的 state 存進資料庫之類的地方，除錯起來，更累！

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

很好，本系列順利完成！

Ts中never类型的妙用

很棒的分享用以往的術語來說，叫做 `Fail Fast Principle`，也就是早早報錯、早早開始除錯！使用其他程式語言的話，我會在 `else` 直接 `throw new exception`，效果一樣，及早發現問題就對了！

在vue中定义一个防抖ref

很棒的分享，同時也示範了自訂 hook 的寫法！

從俄羅斯方塊看人類與code的戰爭

太神猛練這個肌肉記憶...

如何建立自己的SAAS業務

很優質的文章可以打廣告的那個清單，裡面的網站都很值得看一下，很多靈感

[好片分享]2024怎麼安排人生?

很好的分享～

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，本系列順利完成！

关于 JS 的一些高级用法

很棒的文章👍

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

所有作業我都看了，寫得很好，本系列順利完成！

嘗試 storj 幣挖礦的筆記

現在很難挖礦了，應該不太適合！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，本系列順利完成！

math.js 無法運行

看得出來，但是光那個 function 的用法就錯了，當然會有 bug 一個一個問題處理，先試試看解決那個 function 的寫法問題？

math.js 無法運行

稍微看了一下 math.js 的文件 https://mathjs.org/docs/expressions/parsing.html `evaluate()` 裡面要傳的參數是 scope 而不是 equation 吧感覺這邊用法就錯了，從這邊除錯試試看

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

沒錯！學會這個方法，基本功大增！寫得很好，順利完成！

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

寫得很好，本系列順利完成！

自學網頁の嬰兒教材：第3課 ── 網頁排版

寫得非常好！完整度很高！順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

嘗試 storj 幣挖礦的筆記

# 關於 sia 幣的更新 https://www.reddit.com/r/siacoin/comments/se8exn/is_it_worth_becoming_a_siahost/ https://medium.com/sia-central-blog/profitability-of-a-sia-host-d6846050c636 一樣是極低報酬，而且需要四核心以上 https://docs.sia.tech/hosting/setup-guides/windows

分享從十開始的轉職之路

太棒囉！真的是很好的分享！有機會可以定期上來分享工作心得＆技術筆記之類的！（可以用 API 功能架自己的網誌）工作上有問題再多多上來討論吧！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

主機硬碟被 mysql 的 binlog 吃光的狀況處理

2023-11-15 更新硬碟又快滿了這次是因為 Puppeteer 的 `dev profile` 檔案存在 /tmp 內部使用以下指令 ``` sudo find /tmp -type f -atime +0 -delete ``` 可暫時清空

上班族關懷串 Part. 3

撐一下，會學到很多東西，也會慢慢建立信心真的卡關就上來求救，我們會幫你 --- 如果工時過長 or 公司太凹的話，就另當別論那就撐幾週就可以考慮離職了，健康第一

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

都可以，主觀習慣即可～

歡迎串 Part.12 👋👋👋

慢慢探索，會越來越認識自己！

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

寫得很好，順利完成！

JavaScript 系列三：練習4 ── 表單驗證

寫得很好，順利完成！

JavaScript 系列三：練習3 ── modal 互動視窗元件

寫得很好，順利完成！

JavaScript 系列三：練習2 ── toast 吐司元件

寫得很好，順利完成！

JavaScript 系列三：練習1 ── alert 示警元件

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

JavaScript 系列一：第7課 ── 認識巢狀結構

寫得很好，本系列順利完成！

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

寫得很好，順利完成！

JavaScript 系列三：練習2 ── toast 吐司元件

寫得很好，順利完成！

JavaScript 系列三：練習1 ── alert 示警元件

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

JS教學-文章縮圖預覽，夢幻連動的腳本教學！

挑戰串接CodeLove的API

架一個，個人部落格吧！這是當初設計 API 的原意！把 codelove 當資料庫，每個開發者都可以輕鬆自架網誌，只要負責 UI 即可！

PowerToy 介紹，原來這麼多實用軟體！

（MacBook 用戶默默路過按讚）

自學網頁の嬰兒教材：第5課 ── 訊息框框：有話對你說

寫得很好，順利完成！

自學網頁の嬰兒教材：第4課 ── 卡片元件：又美又好用的元件

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

肏！原來JS寫腳本這麼簡單？手把手教你玩油猴！

很棒的小腳本～

關於fetch的條件？該怎麼得到response

哈哈還是卡關的話可以再發一篇最好附帶 jsffidle 程式碼大家來討論背後原理

關於fetch的條件？該怎麼得到response

稍微試了一下，copy 出來的內容，request headers 並沒有跟瀏覽器發出的完全一樣比如說 `User-Agent:` 就沒有，你可以打開觀察比較看看，很多欄位都沒有複製到

不知道有沒有人碰到這個問題 jsfiddle.net 將您重新導向的次數過多。

ERR_TOO_MANY_REDIRECTS 通常是網站主機設定有問題才會這樣最常見就是 https 跟 http 的自動跳轉沒寫好、沒設定好重複跳來跳去幾次之後，瀏覽器就會報 ERR_TOO_MANY_REDIRECTS 錯誤了

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

寫得很好，順利完成！

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

別擔心，因為配色、色彩學，屬於設計領域專業，再找時間學就好寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

所有作業我都看了，寫得很好，本系列順利完成！

JavaScript 系列一：第7課 ── 認識巢狀結構

寫得很好，本系列順利完成！

不知道有沒有人碰到這個問題 jsfiddle.net 將您重新導向的次數過多。

從來沒遇到過換用別的瀏覽器試試看呢？

自學網頁の嬰兒教材：第3課 ── 網格系統：頁面分區塊排個版

寫得很好，順利完成！

自學網頁の嬰兒教材：第2課 ── 導覽列：替訪客指點方向

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

大家好~

簡單幾點建議：首先，以「全端」為職業生涯的路線，其實很不錯我認識的最頂尖前端 or 後端工程師，其實本身都具有很好的全端能力，只是配合職缺而只做一件事再來，公司既然對你有興趣，表示可以接受你一開始有段「語言轉換期」，願意等你上手一下最後，不論是 nodejs 或者 php 都是非常受歡迎、有很大生態系、有很多職缺的語言所以就算轉去寫 php 也沒問題，都是職業生涯很好的開始 --- 以上，簡單分享，期待你的好消息！工作上手之後來分享心得文章！

自學網頁の嬰兒教材：第1課 ── 安裝：網頁突然好美美

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

JavaScript 系列三：練習4 ── 表單驗證

有點問題，訊息閃一下之後就會不見喔

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

很好，本系列順利完成！

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

很好，順利完成！

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

很好，順利完成！

歡迎串 Part.12 👋👋👋

加油，慢慢來，你會感受到寫網頁的樂趣！

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

寫得很好，順利完成！

JavaScript 系列三：練習3 ── modal 互動視窗元件

寫得很好，順利完成！

JavaScript 系列三：練習2 ── toast 吐司元件

寫得很好，順利完成！

JavaScript 系列三：練習1 ── alert 示警元件

寫得很好，順利完成！

自學網頁の嬰兒教材：第4課 ── 好用的表格

寫得很好，順利完成！

自學網頁の嬰兒教材：第3課 ── 網頁排版

寫得很好，順利完成！

挑戰串接CodeLove的API

非常好的練習！很好的分享！希望有更多人拿 CodeLove 來寫文章，然後自己架個人部落格，把 CodeLove 當文章資料庫來用！

回答網友提問：40歲外商高薪工程師，有點想降薪去新創公司試試看，怎麼辦？

我找時間寫一篇

JavaScript 系列二：第7課 ── 用 Selector API 選取元素

寫得很好，本系列順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

非同步 JS 訓練二：第6課 ── 認識 async/await 語法與收尾處理

寫得很好，順利完成！

非同步 JS 訓練二：第5課 ── 認識 promise chain 鏈接與收尾處理

寫得很好，順利完成！

非同步 JS 訓練二：第4課 ── 認識 callback hell 與收尾處理

寫得很好，順利完成！

非同步 JS 訓練二：第3課 ── 認識 async/await 語法與錯誤處理

寫得很好，順利完成！

非同步 JS 訓練二：第2課 ── 認識 promise chain 鏈接與錯誤處理

寫得很好，順利完成！

JavaScript 系列二：第7課 ── 用 Selector API 選取元素

有 bug，選擇類型的背景沒有變色

JavaScript 系列一：第7課 ── 認識巢狀結構

寫得很好，本系列順利完成！

非同步 JS 訓練二：第2課 ── 認識 promise chain 鏈接與錯誤處理

寫得很好，順利完成！

非同步 JS 訓練二：第1課 ── 認識 callback hell 與錯誤處理

寫得很好，順利完成！

非同步 JS 訓練二：第1課 ── 認識 callback hell 與錯誤處理

寫得很好，順利完成！感謝提醒，我網址寫錯，弄成我本機的，已修正！

非同步 JS 訓練一：第3課 ── 認識 async/await 語法

寫得很好，順利完成！感謝補充資訊！

非同步 JS 訓練一：第2課 ── 認識 promise chain 鏈接

寫得很好，順利完成！

非同步 JS 訓練一：第1課 ── 認識 callback hell

寫得很好，順利完成！

RWD 網頁設計入門：第2課 ── 適應各種裝置的螢幕：流動的網格系統

寫得很好，順利完成！

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

寫得很好，順利完成！ --- 下面的警告，只是提醒你還沒有任何 commit 而已～

RWD 網頁設計入門：第1課 ── 什麼是 RWD 呢？

寫得很好，順利完成！

後端 JS 訓練二：第7課 ── 整合練習各種觀念

寫得很好，本系列順利完成！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第7課 ── 視窗與更多元件：自己手作一個 Facebook 發文按鈕！

寫得很好，順利完成！

非同步 JS 訓練一：第3課 ── 認識 async/await 語法

寫得很好，順利完成！感謝補充資訊！

非同步 JS 訓練一：第2課 ── 認識 promise chain 鏈接

寫得很好，順利完成！感謝補充資訊！

非同步 JS 訓練一：第1課 ── 認識 callback hell

寫得很好，順利完成！感謝補充資訊！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第6課 ── 表格、表單與按鈕：基本元素也漂亮

寫得很好，順利完成！

自學網頁の嬰兒教材：第5課 ── 訊息框框：有話對你說

寫得很好，順利完成！

自學網頁の嬰兒教材：第4課 ── 卡片元件：又美又好用的元件

寫得很好，順利完成！

JavaScript 系列一：第7課 ── 認識巢狀結構

寫得很好，本系列順利完成！

歡迎串 Part.11 👋👋👋

全端很好！未來工作機會更多，經驗更全面，還可以獨立完成 side project！

歡迎串 Part.12 👋👋👋

每天學一點，持續進步，會慢慢熟悉寫程式！可以加入我們 LINE 社群，很多跟你類似狀況的人，可以給你建議＆交流！

歡迎串 Part.12 👋👋👋

除非有去外面實習 or 有做過專案，不然學生的實作能力通常比較缺乏！你現在先找一些練功包來做 or 找專案來寫，是正確的！寫程式要實際動手解決問題，才有踏實的感覺！加油，遇到問題可以多在討論區發問！

歡迎串 Part.12 👋👋👋

bootstrap 5 非常好用！不難學，很快就會上手！

歡迎串 Part.11 👋👋👋

逐漸變強、持續進步，最重要！

非同步 JS 訓練一：第3課 ── 認識 async/await 語法

寫得很好，順利完成！ --- 回答你的問題：不需要因為 `userData` 已經是一個單純的 json 物件，一般使用即可會需要 `await` 的東西，只要用 `console.log` 去看，都會發現是 `Promise` 型別 --- 用本課教的心法，再思考一次： > 你每次只要看到 await，就要去想「現在是去剝開 promise 的 then 裡面，拿出最後回傳的內容！」 `$.get` 那邊，是 ajax，是非同步處理，所以需要去「剝開 promise 的 then 裡面，拿出最後回傳的內容」 `userData` 那邊，就只是普通的物件取值，不需要「特別剝開」

非同步 JS 訓練一：第2課 ── 認識 promise chain 鏈接

寫得很好，順利完成！

非同步 JS 訓練一：第1課 ── 認識 callback hell

寫得很好，順利完成！

🔥免費新教材上線🔥邁向資深之路：非同步 JS 訓練（一）—— 從 Callback Hell 到 Promise 介面

@superyngo 你開始上班了嗎？如果還在持續面試，透過 LINE 私訊我，我幫你看一下履歷表 https://line.me/R/ti/p/@434zlxnf

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第3課 ── 網格系統：頁面分區塊排個版

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

> 有一個「新增活動」按鈕，點擊可以輸入「活動名稱」、選擇「活動日期」與「活動時間」功能沒做完：缺少活動時間～！

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

數學公式有錯誤，我剛建立三個人，一個人付款，分帳結果不對

回答網友提問：32歲非本科考慮轉職工程師，壓力很大，怎麼辦？

有空的話，也歡迎參與寫作計畫，寫點東西造福後人！ https://codelove.tw/@howtomakeaturn/post/Aq5yVq

回答網友提問：32歲非本科考慮轉職工程師，壓力很大，怎麼辦？

歡迎串 Part.11 👋👋👋

歡迎！有問題就多多發佈貼文、或者在 LINE 群組發問吧！

歡迎串 Part.11 👋👋👋

歡迎！也歡迎多多發佈貼文、發問，大家都會幫忙你～！

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

寫得很好，順利完成！

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

> 用戶可以在多則筆記之間切換有做這功能嗎？

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

寫得很好，順利完成！

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

寫得很好，順利完成！

關於 e2e 測試的一些筆記

哈哈 vue 真的是全套包到好！

Conditional Rendering 常見錯誤

當然！不然 typescript 也不會流行起來！繞了一圈走回原路，哈哈！

Conditional Rendering 常見錯誤

如果強制一定要寫清楚是 true 或者 false，就不會有這種 0 到底是 truthy 或者 falsy 的問題！

寫程式不需要天份，也不需要熱情

哈哈！隨著經驗增加，祈禱的頻率會下降，放心吧！

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

有 bug！商品視窗打開之後，沒有辦法關掉！

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

有 bug 喔！點擊 delete，無法刪除喔！

JavaScript 系列三：練習4 ── 表單驗證

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第3課 ── 網頁排版

寫得很好，順利完成！

自學網頁の嬰兒教材：第2課 ── 導覽列：替訪客指點方向

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── 安裝：網頁突然好美美

寫得很好，順利完成！

Conditional Rendering 常見錯誤

弱型別的缺點！有時會碰到這種地雷！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

自學網頁の嬰兒教材：第6課 ── 在自己電腦上寫網頁

寫得很好，順利完成！

老舊 ubuntu 筆電安裝 stable diffusion webui 筆記

一些補充 # 一些研究人員的技術文章 https://stability.ai/ https://runwayml.com/ # 正在評估的可能雲端主機 https://www.vultr.com/pricing/#cloud-gpu https://vast.ai/ https://lambdalabs.com/service/gpu-cloud # 一些教學文章 https://rundiffusion.com/ # Learning Resources - https://civitai.com/ - https://www.zhihu.com/question/589056030/answer/2979794738 - https://www.techbang.com/posts/105633-stable-diffusion-manual?page=2 - https://gooptions.cc/stable-diffusion-prompt%E6%95%99%E5%AD%B8/ - https://gooptions.cc/stable-diffusion%E9%97%9C%E9%8D%B5%E5%AD%97%E5%92%92%E8%AA%9E/

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！關於程式碼品質：先求有，再求好，日後再研究即可～！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！關於圖片問題：我有看到封面圖片，如果有其他圖片沒顯示，可以到討論區直接發問，單獨一篇討論！

Github Desktop 新手入門教學：第7課 ── 能夠從 Github 抓專案下來

寫得很好，順利完成！

Github Desktop 新手入門教學：第6課 ── 能夠發佈專案到 Github

寫得很好，順利完成！

Github Desktop 新手入門教學：第5課 ── 學會連線 Github 帳號

寫得很好，順利完成！

Github Desktop 新手入門教學：第4課 ── 學會重置指令

寫得很好，順利完成！

Github Desktop 新手入門教學：第3課 ── 學會簡易的檔案變化操作

寫得很好，順利完成！

Github Desktop 新手入門教學：第2課 ── 學會基本指令

寫得很好，幫我撐十秒！

Github Desktop 新手入門教學：第1課 ── 學會專案初始化

寫得很好，非常星爆！

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

感謝！很棒的分享！也許可以單獨寫成一篇文章，讓更多人看到這些套件介紹！

useContext 常犯錯誤與如何在 TS 使用

很棒的分享！善用 context 跟 custom hook 的話，可以大幅改善 code quality！很多 state 可以拆分出來，放到更適合的地方！期待你分享更多好文章！

自學網頁の嬰兒教材：第5課 ── 用力送出表單

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

JavaScript 系列三：練習2 ── toast 吐司元件

寫得很好，順利完成！

JavaScript 系列三：練習1 ── alert 示警元件

寫得很好，順利完成！

JavaScript 系列三：練習3 ── modal 互動視窗元件

寫得很好，順利完成！

Github Desktop 新手入門教學：結語

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

寫得很好，順利完成！

JavaScript 系列二：第7課 ── 用 Selector API 選取元素

寫得很好，順利完成！

自學網頁の嬰兒教材：第4課 ── 好用的表格

寫得很好，順利完成！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

JavaScript 系列三：練習4 ── 表單驗證

寫得很好，順利完成！

自學網頁の嬰兒教材：第3課 ── 網頁排版

卡關很正常，要習慣一下，慢慢解決就好！寫得很好，順利完成！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

樣式的部份，下一課就有答案！寫得很好，順利完成！

JavaScript 系列三：練習1 ── alert 示警元件

寫得很好，順利完成！

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

歡迎簡單發一篇作業分享＆心得喔～

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

寫得很好，順利完成！

JavaScript 系列二：第6課 ── 讀取與修改 DOM 元素的 style

寫得很好，順利完成！

JavaScript 系列三：練習3 ── modal 互動視窗元件

寫得很好，順利完成！

JavaScript 系列三：練習2 ── toast 吐司元件

寫得很好，順利完成！

JavaScript 系列三：練習1 ── alert 示警元件

少做一個功能 ``` 訊息的旁邊，有一個關閉按鈕，點擊按鈕，要能關閉整個 alert 元件 ```

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

JavaScript 系列二：第7課 ── 用 Selector API 選取元素

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第5課 ── 用力送出表單

寫得很好，順利完成！

JavaScript 系列三：練習4 ── 表單驗證

寫得很好，順利完成！

求助我要做一個計時器小程序

我用 nodejs 跑了，依然沒問題呀

求助我要做一個計時器小程序

![](https://i.imgur.com/xoaZtN2.png)

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

寫得很好，順利完成！

JavaScript 系列二：第5課 ── 認識 onchange 事件

寫得很好，順利完成！

JavaScript 系列二：第4課 ── 讀取與修改 DOM 元素的 class

寫得很好，順利完成！

JavaScript 系列二：第3課 ── 認識 for 迴圈

寫得很好，順利完成！

[技術文章] 一篇文章馬上帶你學會JQuery！

同意，可以稍微學一下，不一定要導入使用～！

【前端動手玩創意】動態生成的藝術｜小心，亂改DOM你可能會被打臉。

學習，的確要「有趣」才能持久、有效吸收！

【前端動手玩創意】動態生成的藝術｜小心，亂改DOM你可能會被打臉。

非常好的分享！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

JavaScript 系列一：第7課 ── 認識巢狀結構

寫得很好，順利完成！

什麼是 Docker：用最簡化的方式，簡單說明

求助我要做一個計時器小程序

程式碼沒問題呀我剛貼到 jsfiddle 跑很正常呀 https://jsfiddle.net/poopoo888888/aq25x3t6/

[自修資源] 還在六角學院？誰跟你說學程式，一定要花錢買課？

之後會開發「收藏」功能目前還沒有 😅

[自修資源] 還在六角學院？誰跟你說學程式，一定要花錢買課？

我試了一下，連續多個換行，在 markdown 只會被視為一個 pragraph，這在 hackmd 也是這樣，應該是 markdown 標準協定喔所以這應該不會 fix，可以考慮變通的做法 . . . . . 像這樣 . . . 謝謝

[心態分享] 也許你沒有迷惘，你要的可能是「專注focus」

謝謝回報！我找時間處理～！

[心態分享] 也許你沒有迷惘，你要的可能是「專注focus」

很好的分享～！確實，少滑社群媒體，比較好！

自學網頁の嬰兒教材：第4課 ── 好用的表格

寫得很好，順利完成！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

寫得很好，順利完成！

後端 JS 訓練二：第7課 ── 整合練習各種觀念

寫得很好，順利完成！ --- 很好的提問，要不要單獨發一篇文章，大家一起研討一下！

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

感謝提醒！我內容漏掉那段了！剛剛補上內容了！寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

後端 JS 訓練二：第7課 ── 整合練習各種觀念

寫得很好！頁面設計非常簡潔、可愛！順利完成！

回答網友提問：32歲非本科考慮轉職工程師，壓力很大，怎麼辦？

哈哈！職場站穩腳步之後，期待你定期分享心得！

什麼是 Docker：用最簡化的方式，簡單說明

感謝留言...感謝參與討論！這篇是我看到國外的入門介紹文章，順手翻譯你說的那些東西，都是很好的方向，但我自己也還不熟有機會的話，也歡迎您針對那些方向寫點文章，可以造福很多人！（本站支援 markdown 格式寫作，您可以試試看！）

JavaScript 系列三：練習3 ── modal 互動視窗元件

寫得很好，順利完成！

自學網頁の嬰兒教材：第3課 ── 網頁排版

不會醜，別擔心！順利完成！

被廣告洗版了？

what is this ~?

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

除此之外，規格有錯誤：本次作業規格沒有「選擇參與人」這個欄位

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

有 bug，事件刪掉之後，成員那邊的帳沒有更新

JavaScript 系列三：練習2 ── toast 吐司元件

寫得很好，順利完成！

JavaScript 系列三：練習1 ── alert 示警元件

寫得很好，順利完成！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

寫得很好，順利完成！

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

有 bug，頁面重新整理之後，內容沒有復原喔！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

JavaScript 系列二：第7課 ── 用 Selector API 選取元素

順利完成！

歡迎串 Part.6 👋👋👋

很棒的分享！歡迎加入！也歡迎多多貼文，至少有我會參與一起討論！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

去補習班進教室學全端開發，有90%的機率你會吸收不良

去補習班進教室學全端開發，有90%的機率你會吸收不良

我之前的文章，大家可一起參考 https://codelove.tw/@howtomakeaturn/post/GqP1px

請大佬幫幫我

謝謝介紹我找時間來看看哈哈

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

very good~ 明顯是長期投資人～

JavaScript 系列二：第7課 ── 用 Selector API 選取元素

剩一個小 bug，匯出按鈕不能用～

上班族關懷串 Part. 2

其實業界大多數專案 `組件切分的概念與設計` `耦合性和提高組件的複用性` 都做得很爛所以你也不用太遺憾覺得學習落後還怎樣因為大家都在趕進度普遍來說都寫得很爛哈哈（多找一些國外 open source 的專案來看看人家怎麼切的當作範例會好一點）

上班族關懷串 Part. 2

我找時間寫 `Promises和Async/Await` 教材給大家嘿嘿

用Github Page整理作品集

還有這邊也可以參考看看 https://github.com/f2etw/jobs/issues

用Github Page整理作品集

中年轉行應該不成問題，滿多公司就是缺人，應該沒那麼在乎年齡按照我之前提的方式，履歷表列出那些作業，應該會引起不少公司的興趣才對 https://codelove.tw/@howtomakeaturn/post/k31dYx 104、yourator、甚至臉書的 Front-end 社團，再留意一下，找找看？ https://www.facebook.com/groups/521085554595481

JavaScript 系列二：第7課 ── 用 Selector API 選取元素

有 bug，沒辦法新增事項～

JavaScript 系列二：第6課 ── 讀取與修改 DOM 元素的 style

寫得很好，順利完成！

請大佬幫幫我

所以不存在的屬性，值卻是 null，真奇怪，不過成功就好恭喜，哈哈

回答網友提問：我不知道自己想做前或後端，怎麼辦？

職缺數量、學習曲線，綜合考量之下，我都是推薦 php 我本人也是寫 php 居多，沒問題的，很穩！反正後端的觀念，共用的很多，未來想再更換語言，也沒有太大問題！

請大佬幫幫我

看起來是 javascript 沒錯呀，好像是 node.js 為基礎的你的 `undefined_test` 跑起來，永遠都是回傳 0 嗎？

JavaScript 系列二：第5課 ── 認識 onchange 事件

寫得很好，順利完成！

JavaScript 系列二：第7課 ── 用 Selector API 選取元素

寫得很好，順利完成！

JavaScript 系列二：第4課 ── 讀取與修改 DOM 元素的 class

寫得很好，順利完成！

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

寫得很好，順利完成！

請大佬幫幫我

我上面的 jsfiddle 跑起來，這樣寫法沒有問題小米的 javascript 引擎，我沒用過不知道跟一般瀏覽器的引擎是否一樣

歡迎串 Part.7 👋👋👋

歡迎加入！可以多多發問&參與討論喔！

請大佬幫幫我

我剛測試，正常呀有回傳1呀看這邊 https://jsfiddle.net/poopoo888888/4qstLuye/1/

JavaScript 系列一：第7課 ── 認識巢狀結構

寫得很好，順利完成！

歡迎串 Part.6 👋👋👋

歡迎！考試加油！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

JavaScript 系列二：第1課 ── 認識 DOM 樹、新增元素

寫得很好，順利完成！

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

令人印象深刻！寫得很好，順利完成！

自學網頁の嬰兒教材：JavaScript（一）作業分享

非常好的分享！繼續保持！

JavaScript 系列一：第7課 ── 認識巢狀結構

寫得很好，順利完成！

JavaScript 系列一：第6課 ── 認識資料型態與轉換

寫得很好，順利通過！

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

原來如此，謝謝分享！

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

寫得很好，順利完成！

JavaScript 系列一：第3課 ── 修改 html 的內容

寫得很好，順利通過！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

寫得很好，順利通過！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

寫得很好，順利完成！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

寫得很好，順利完成！

自學網頁の嬰兒教材：第6課 ── 在自己電腦上寫網頁

可能的原因： ``` HTML5已不再支持<body> background屬性。請使用CSS替代。 <body> 的background 屬性在HTML 4.01 中已廢棄。 ``` 沒關係，多換幾種寫法試試看即可～

自學網頁の嬰兒教材：第6課 ── 在自己電腦上寫網頁

寫得很好，順利完成！

JavaScript 系列一：第6課 ── 認識資料型態與轉換

兩種寫法都可以，沒差！可能有細微的差別，現階段不用關心！

JavaScript 系列一：第6課 ── 認識資料型態與轉換

寫得很好，順利完成！

自學網頁の嬰兒教材：第5課 ── 用力送出表單

寫得很好，順利通過！

JavaScript 系列一：第3課 ── 修改 html 的內容

寫得很好，順利完成！

歡迎串 Part.6 👋👋👋

歡迎！去免費教材專區，先試試看完成一些 html 作業吧！會是很好的開始！

自學網頁の嬰兒教材：第4課 ── 好用的表格

OK，順利過關！

請教站長我最近想自學php但遇到瓶頸小小問題

別擔心，php7 弄懂就夠了程式語言日新月異，不需要一直去學最新的花俏語法我 php 也只用一些基本語法在寫而已，基本功比較重要東西能做出來就夠了 --- 先專注在後端沒關係，寫個部落格系統之類的玩玩看吧！

自學網頁の嬰兒教材：第3課 ── 網頁排版

這課的確特別難！寫得很好，順利完成！繼續保持！

歡迎串 Part.6 👋👋👋

我留意到你已經順利完成2份我設計的 JS 作業，試試看能不能完成20份。成功的話，接著挑戰60份。

歡迎串 Part.6 👋👋👋

歡迎！很多人都是這樣，碰到 JS 就直接卡住、放棄！我認為，這跟大多數教材設計「太無聊」也有關係。

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

寫得很好，順利通過！

回答網友提問：26歲無經驗、高職畢，先去讀個二技 vs 直接補習轉職？

加油，學習時遇到任何問題，都可多多上來發問，這裡是「新手友善論壇」，祝早日轉職成功

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

關於紅底白字，我看不出原因，不知是 jsfiddle 什麼功能，不重要，先不管它

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

Github 範本專案推薦：學習 React 技術的幾個 Repo

這些都是實際上線的專案，能直接看到原始碼，可以學習很多

關於垃圾文章

謝謝回報我通通刪除了還有發現再跟我說

side project分享

side project分享

非常好的分享！上班之後，也可以利用業餘時間多寫 side project，是很好的練習！

side project分享

很推薦大家前後端都學一學，再挑一個專精喔～

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

1. 實務上，現在應該只有開發者會使用 CLI 程式。開發時，基本上以使用英文為主，所以微軟上的視窗中文問題，可以先不研究了，我也不知答案，反正不太會碰到 2. 這個問題，學術上有研究價值，但是實務上不會碰到。sync vs async 挑一種寫法，不會有同時這樣寫的情況，可以先不研究了，我也不知答案，反正不太會碰到真的在學術上好奇：大概是背後跟終端機取得參數時，有某些衝突，要深入研究終端機與程式互動以上，簡單分享看法

歡迎串 Part.4 👋👋👋

Welcome～！就先動手學學看吧～！

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

沒問題，順利通過！下方的提示訊息，應該只是請你按 Enter 離開畫面而已，很正常，你試試看～

初來乍到

做出 CRUD 網站就去投履歷吧！你先應徵後端相關職缺就好，所以技術也先以後端為主 ajax,ejs,react 這些算前端技術，可以先不學

歡迎串 Part.5 👋👋👋

Welcome~ 期待看到你的成長～

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

寫得很好，順利完成！

分享職場小菜雞所遇到的狀況

有點奇怪，實務上很少看過有人這樣做但我想了一下，理論上，這樣做，應該也是可以網站還是能跑，應該是 OK 的

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

readline和readlinine-sync同時載入的問題，看不太懂可以單獨發一篇發問？最好附上一小段範例程式碼，大家會更清楚

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

中文顯示問題，之前有人分享 https://codelove.tw/@hung/post/jaljmx 試試看

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

寫得很好，順利完成！

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

之前有人分享 https://codelove.tw/@hung/post/jaljmx 試試看

紀錄入職第2週心得

加油，哈哈 php 的問題也可以多多上來發問，我很熟

分享職場小菜雞所遇到的狀況

回答問題四：你搞錯 `PWA(Progressive Web Apps)` 的意思了，你再去多查一下 PWA 的定義你說的只是專案在不同頁面對於 Vue 導入程度的問題你當然可以某些頁面用 Vue 寫，某些頁面只用 jQuery，這沒有問題，也算常見但請先跟合作的同事溝通一下，大家稍微討論一下，就可以去做了

分享職場小菜雞所遇到的狀況

回答問題二：HTTP GET 發出的請求，會出現在網址上使用 HTTP POST，就不會出現在網址上，試試看吧如果還是覺得不順，單獨發一篇文章，把使用情境完整描述，大家幫你看看怎麼改良

分享職場小菜雞所遇到的狀況

回答問題一：你提到的各個工具，應該通通都可以解決裝置差異的問題關於導入方式，各種套件，通常還是會針對「純瀏覽器」環境提供導入方式，多翻閱文件找找看吧比方說，看看這個 PostCSS，一樣可以一行導入 https://www.jsdelivr.com/package/npm/postcss

分享職場小菜雞所遇到的狀況

回答問題三：關於 `navigator.geolocation` 這應該是很單純的功能，目前我看不出哪邊出錯了這手機上有打開「GPS」功能嗎？該不會沒打開吧？手機上那個「GPS」位置相關的圖示，有亮起來？

分享職場小菜雞所遇到的狀況

先回答最後一個問題：公司不使用現代流行工具，而是只用 jQuery 我必須說，貴公司工作方式「非常過時」，我猜團隊中的工程師年紀都比較大，風格老派如果只是其中幾個專案這麼老派，那就算了，如果所有專案都這樣寫對你的職業生涯「有不利影響」，長此以往，會很沒競爭力你提到的工具 Vue.js、Tailwind、SCSS、webpack 都是現在流行且必學的工具應該盡可能多去使用並且累積經驗不過，第一份工作，怎樣都能學到東西，所以目前沒關係但是大概 6-9 個月之後，當你覺得該學的都學完時，可以考慮換工作，因為確實需要跟著趨勢走

Git 分支問題

換個方法吧，把第二個分支的檔案名稱改掉 `index.html` 改成 `page2.html` 之類的然後把兩個分支合併之後在 github page 後面加上網址 `/page2` 應該就行了吧！試試看？

Git 分支問題

你要的功能應該做不到喔可以設定要用哪個分支，但不能同時顯示 https://docs.github.com/en/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site

歡迎串 Part.5 👋👋👋

沒問題，多多發問吧！等你開始上班再來回饋社群！ 👌

Git 分支問題

兩個分支都在上面了分支名稱按下去就會看到了 https://github.com/pchun2330/Project/tree/Project-2 試試看吧！

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

寫得很好，順利完成！

關於CSS的BFC創建條件有些不明白之處

如果想看不使用 float 的寫法可以使用 jsffidle 寫一段 float 的效果貼上來論壇發問，我們用 flexbox & position 改寫給你看

關於CSS的BFC創建條件有些不明白之處

我真的從來沒聽過 BFC、IFC、GFC、FFC 這些名詞欸你說的那些問題效果現在都用 flexbox 跟 position 就能輕鬆解決如果還是希望搞懂這段，建議你先跳過先往後學習之後有時間再回頭慢慢研究

關於CSS的BFC創建條件有些不明白之處

深入研究這個不如直接開始寫一些小頁面試試看？這邊有免費課程 https://codelove.tw/@howtomakeaturn/course/Ja6JaO

關於CSS的BFC創建條件有些不明白之處

我實務上沒聽過有人討論 BFC 也沒聽過這個術語，好像用不太到這個觀念

關於CSS的BFC創建條件有些不明白之處

我晚點來研究一下先說一點 feedback：現在幾乎都不會用到 `overflow: auto;` 了欸以前排版可能偶爾會用到，現在幾乎都不會用到這屬性通常用 flexbox 或是 position 就可以做到同樣效果

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

寫得很好，順利完成！

初來乍到

你好很好的提問看了你目前的技能包我認為你的準備方向大致沒錯很好但是缺了一項：資料庫操作你需要補上 MySql / MariaDB 或者 NoSql 的技能 --- 請試著做一個包含 CRUD 動作的網站也就是 create/read/update/delete 行為比方說部落格然後有完整 CRUD 功能或者是樓上說的 TODO 工具不要小看 CRUD 實務上以接案公司來說大多數後端需求就只是一堆 CRUD 任務而已很單純 --- 最後迷惘的話打開徵才網站試著找找看哪些是你的目標看看人家徵才條件有缺的話補一補還有問題可以再多多上來發問這樣就對了！

紀錄入職第一週心得

可以，直接發佈新貼文，方便大家一起回答

紀錄入職第一週心得

第一份工作最重要的事情：能讓自己有進步的感覺學習、成長最重要，其他次要因為工作都可以再換，軟體工程師流動率本來就很高

工作上遇到CSS權重的問題

很好的提問，我單獨寫一篇 https://codelove.tw/@howtomakeaturn/post/L3Q9d3

給OOP初學者的建議：先搞懂「資料跟行為在一起」就好，其它的慢慢來

因為多數工程師，對於各種業界觀念，其實都是一知半解的這就會導致你遇到的狀況，就是實在看不懂那些人在講什麼這狀況很正常，能真正把各種觀念，深入淺出說明的人，其實不多

歡迎串 Part.4 👋👋👋

歡迎加入！有任何問題也歡迎多多提問、讓大家一起討論、教學相長！

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

寫得很好，順利完成！

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

Very good！很棒的 UI！順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

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

很棒！就是這樣！順利完成！

紀錄入職第一週心得

別擔心，剛開始都是這樣，很正常～環境設定，就是多查詢、多研究，即可～有不懂的觀念＆工具都可以多多上來發問～

紀錄入職第一週心得

環境設定的東西，可以多做一點筆記~ 未來遇到類似狀況，就不會花那麼久~

紀錄入職第一週心得

剛轉職都是這樣，很正常~ 把不懂的東西紀錄一下，找時間一個一個研究，幾週內就會顯著改善~

西元 2023 年了，還值得花時間學 Dreamweaver 嗎？簡單分享幾個觀點

歡迎他也來多多發問、參與討論本站需要更多人氣～

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

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

很棒！就是這樣！順利完成！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

寫得很好，順利通過！

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

寫得很好，順利完成！

使用 readline-sync 套件 VSCode 亂碼 (windows)

很棒的分享繼續保持造福後人！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

寫得很好，順利完成！

🎉🎉🎉 恭喜 birdie 順利轉職＆給新入行者的簡單建議 🎉🎉🎉

還 ok 我指導過大多數半路出家轉職第一份工作都是3xk ~ 40k左右工作前三～五年大家都進步很快薪資成長空間也很快一開始能學得到東西最重要

🎉🎉🎉 恭喜 birdie 順利轉職＆給新入行者的簡單建議 🎉🎉🎉

社會上什麼類型的公司都有有些太傳統，那麼也許不適合去那兒學新技術

🎉🎉🎉 恭喜 birdie 順利轉職＆給新入行者的簡單建議 🎉🎉🎉

Dreamweaver 簡單觀點，已發布，請參考

🎉🎉🎉 恭喜 birdie 順利轉職＆給新入行者的簡單建議 🎉🎉🎉

問吧，都會變成大家討論、集思廣益的素材～

JavaScript 系列三：練習3 ── modal 互動視窗元件

寫得很好，順利完成！

JavaScript 系列三：練習2 ── toast 吐司元件

寫得很好，順利完成！

JavaScript 系列三：練習1 ── alert 示警元件

寫得很好，順利完成！

分享最近面試心得

最新 js 教材上線：玩玩看 Node，做做看老派 CLI 應用程式

@birdie2019 @hung @superyngo 來寫寫看可打下 node 基礎，對未來大量 js 工具的使用都有幫助～

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

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

不太對，checkout 可以在不同歷史版本間切來切去，不太像「下一步」

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

謝謝分享！滿奇怪的，我猜，可能是作業系統的關係！可能微軟的作業系統會這樣！

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

很棒！就是這樣！順利完成！

如何隱藏api key?

就我所知，這好像沒辦法欸 google map 的 javascript library api key 難免會出現在瀏覽器端，應該沒辦法隱藏只能從 google 管理面板那邊，設定「限定 HTTP 網域」然後這組 key 就只能在特定網站上有用 https://cloud.google.com/docs/authentication/api-keys?_ga=2.73517846.-502794744.1675381196&hl=zh-cn#securing_an_api_key

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

歡迎串 Part.3 👋👋👋

另外，關於網頁設計的 html / css / js，參考自學專區即可～

歡迎串 Part.3 👋👋👋

你好，很好的分享我寫了一篇文章，簡單分享幾個觀點回應 https://codelove.tw/@howtomakeaturn/post/AqJ473

寫程式工作10年之後，對於2023的一些看法＆建議分享

你好很好的提問我認為那些媒體＆網紅通通都在唬爛簡單寫了一篇觀點：https://codelove.tw/@howtomakeaturn/post/Zq4Vd3 給你參考

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

寫得很好，順利完成！樂趣、進步、成就感，才是最重要的！剛開始開發實務專案，程式碼亂很正常，經驗多了，自然就會改善！

JavaScript 系列二：第6課 ── 讀取與修改 DOM 元素的 style

寫得很好，順利完成！

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

很棒！就是這樣！順利完成！

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

很棒！就是這樣！順利完成！

寫程式工作10年之後，對於2023的一些看法＆建議分享

你是不是有一個留言發問，然後刪掉了？我寫一篇文章回答囉： https://codelove.tw/@howtomakeaturn/post/gqve0a

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

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

很棒！就是這樣！順利完成！

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

很棒！就是這樣！順利完成！

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

很棒！就是這樣！順利完成！

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

很棒！就是這樣！順利完成！ --- 寫程式也是寫作的一種，工作行為跟作家非常相似！

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

很棒！就是這樣！順利完成！

甚麼是API?

很好的提問我單獨寫一篇說明請參考 https://codelove.tw/@howtomakeaturn/post/NxNBwx

甚麼是API?

很好的問題！這是程式設計中，幾乎每天都會用到的一個詞 API 全名是 Application Programming Interface，中文叫「應用程式介面」簡單來說，就是程式跟程式彼此溝通的時候，對外開放使用的介面打個比方，在硬體的領域來說，筆電的介面是鍵盤、滑鼠，要跟筆電互動，就是敲鍵盤、操作滑鼠手機的介面是觸控式螢幕，電視的介面是遙控器而在軟體工程領域、純軟體的領域，每個系統的介面是什麼？就由系統開發者自行決定 --- 以業界實務來說，我舉幾個每天都會用到的情境 ## 開發線上刷信用卡功能，金流功能由第三方廠商提供後端工程師會說：金流廠商的 API 文件在哪呀？有提供哪些 API？他們有超商付款的 API 嗎？ ## 公司內部，前後端溝通前端工程師會說：我這邊需要撈會員資料、訂單資料、產品資料，這幾組 API，你再開給我 ## 炒作加密貨幣的工程師，在跟交易所的客服聯絡工程師：你們交易所有 API 嗎？驗證方式是什麼？我串你們 API 就可以自動交易了吧？ --- 實務上，大家常說的 API，有時候是指「功能規格」，有時候是指「實際可以呼叫、互動使用的網址」要看前後文才能精準定義，但大家其實都看得懂「使用 API」這個行為，我們通常會說「串 API」，也就是串接的意思 --- 以上，簡單說明，有沒有不清楚的地方？

JavaScript 系列二：第4課 ── 讀取與修改 DOM 元素的 class

寫得很好，順利完成！

JavaScript 系列二：第3課 ── 認識 for 迴圈

寫得很好，順利完成！

我要繼續寫一些新教材囉！

新教材已發佈～來寫寫看～

想請教javascript除了做網頁還能做什麼?

研發老人相關醫療產品的話，我直覺有幾個方向 ## 手機或者平板應用程式開發有個簡單易用的程式，直接在常用的裝置上，會很棒這樣的話，蘋果體系就是用 objective c 或者 swift 來寫安卓體系就是用 java 或者 kotlin 來寫 ## 嵌入式裝置的程式開發跟一些硬體搭配，通常好像會用 Java 來寫這類裝置的應用程式（這塊我比較不熟） --- 我認為，你可以先寫一些給老人用的簡單工具網頁，或者健康資訊追蹤手機 app 開始！

想請教javascript除了做網頁還能做什麼?

關於程式語言的資料型別對於資料型別的理解，是程式設計師長遠來說需要培養的基本功為了學習方便，可以先學弱型別，再學強型別，這沒問題，逐步加深對於「程式設計」的理解

想請教javascript除了做網頁還能做什麼?

很好的提問，簡單分享幾個方向 ## 網頁前端 javascript 是王者，這不用講 ## 網頁後端 `Node.js` `Express` 自己去找看看職缺其實很多公司是用 js 在寫後端喔 ## 桌面應用程式別懷疑，可以寫桌面應用程式，請查詢 `Electron` 框架 --- 除此之外，其餘領域，確實比較少用 javascript 語言喔！很多領域，還是 Python 或者 C 之類的，比較常使用

JavaScript 系列二：第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件

寫得很好，順利完成！

JavaScript 系列二：第1課 ── 認識 DOM 樹、新增元素

寫得很好，順利完成！

MVC是一個巨大誤會

這是我2015年寫的文章，當時（2013-2014）面試時，常常被問到 MVC，我覺得很困擾因為我發現幾乎所有人都不知道自己在講什麼，所以寫了篇文章闡述我對 MVC 的看法 2023年不知道還有沒有公司面試會問這個。順手轉貼分享一下

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

JavaScript 系列一：第7課 ── 認識巢狀結構

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

[好文分享] 太屌了吧！？用Class(類)製作Jquery的效果！

看起來，你有在寫系列文章的習慣！或許，我找時間開發功能，讓多篇文章可以串成一份系列文章，方便你寫作！

[好文分享] 太屌了吧！？用Class(類)製作Jquery的效果！

像這樣把現有的套件功能臨摹一次，是很好的學習方法！大家可以多多向這種態度看齊！

[好文分享] 太屌了吧！？用Class(類)製作Jquery的效果！

小網站、快速開發的話，jQuery 還是很好用的，我自己也經常使用！

我有個疑問

沒註冊的話，按下 save 之後，要記得複製網址。註冊登入的話，比較好用。儲存之後可以在個人頁面找到。

HTML新標籤dialog簡化modal實作

looks good! 查了一下，各大瀏覽器也都已有支援！ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog

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

寫得很好，順利完成！

JavaScript 系列二：第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件

寫得很好，順利完成！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

兩個按鈕的訊息，弄相反囉～

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

寫得很好，順利完成！

還好有站長阿川

寫程式這個技能，不可能只依靠上課、讀書、聽課，就吸收進去一定要大量的親自去寫、去完成，才有可能吸收一開始找各種有趣的作業來寫之後就可以自己發想、自己研發一些有趣的小專案 --- 祝：早日研發出「超猛醫療 IT 工具」

[心態分享] 新手學前端應該具備的心態：絕對不是謙虛，假謙虛的心態：做作又噁心！

別擔心，放輕鬆。身為開發者，專注在 1. 提升自己的研發能力 2. 提升自己的溝通能力就對了每個社群各自有一些習慣與優缺點，不用太在乎～

RWD 網頁設計入門：第5課 ── 能屈能伸，讓圖片適應各種螢幕

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

JavaScript 系列一：第5課 ── 基本的 if/else 條件流程控制

寫得很好，順利通過！

分享最近面試心得

非常好的分享～簡單分享一些回饋～ --- 首先，你分享的六個 JS 面試小測驗，有五個我答不出來，只有第一題我看得出正確答案～再來，我前幾年有次去面試 senior 職缺的時候，白紙測驗，我連 for 迴圈都寫錯，我搞錯 `++` 是第二或第三個參數。最後我沒有被錄取，我一點都不在乎，因為我覺得這些都不重要～開發專案時，刷新畫面一下，或者 IDE 根本就會檢查的東西，我不會花費記憶力去想～我想說的是，不同公司對於面試方法的觀點天差地遠，認為哪些程式觀念重要的看法也差很多～四處看看，覺得有缺觀念就自學補充一下～但是，很多面試內容也未必有道理～不需要太受打擊，持續學習就是了～ --- 關於 class 與 this，以前端開發來說，大概 2015 年以前，工程師迫切渴望 JS 也可以寫 class 跟 this 2015 - 2020 終於可以了，大家用 JS 大量寫 OOP，不過呢，2021 之後，大家又迫切渴望擺脫 OOP 你從 vue 2 開始學 vue 3，就會發現 `this` 不見了，開發過程根本不寫 this 了 React 18 之後更是如此，大家開始鄙視 OOP 了～我想說的是，OOP 是一個重要觀念，需要知道一下，但也不用花太多時間專精～我幾年前有寫一篇 OOP 觀念文，給你參考：https://codelove.tw/@howtomakeaturn/post/GqPYzx --- 最後，以我研發的教材來說，我覺得應該不少「接案公司」會覺得畢業生是即戰力～不過「研發自家產品」的公司，應該不少會覺得基礎不夠扎實，覺得這套教材的畢業生不夠用～我可以理解，也可以預期大概會是這樣～ --- 以上，有遇到投緣的公司、把你當即戰力的公司，就儘早上班、賺錢、累積經驗～真的到處碰壁，就補充一下相關知識，這條路學無止盡～祝早日上班，有問題＆心得多多上來寫作分享～

歡迎串 Part.1 👋👋👋

Very good~! 慢慢來，熟悉程式語言的運作方式，需要一點時間作業盡量自己寫，卡關再參考別人的，學習效果比較好有非常多作業可以練習，你會慢慢抓到感覺的～有觀念實在想不通，就到討論區多多發問，因為「提問」也是「學習」很重要的技巧之一加油囉～！

04/28 本週閒聊串 😁😁😁

很好的分享哈哈你可以單獨發一篇文章嗎？比較多人可以看到~ 我在那邊留言給你一些建議~👍👍

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

我又看了幾篇文章 https://csplite.com/csp215/ 我目前感覺是：CSP 應該是支援度相當高，可以的話，也應該要設定的東西 Nuxt SSR 有支援，但 SPA 無解至於類似框架的情況呢？以 React 體系的 Next 來說 https://csplite.com/csp251/ SSR 跟 SPA 都有支援相關討論有很多：https://github.com/vercel/next.js/issues/256 --- 然後，這個可能可以看一下 https://github.com/victor-perez/nuxt-helmet

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

哇，我又研究了一下，Nuxt 的 CSP 好像只有 SSR 會支援，SPA 的話沒辦法支援 https://github.com/nuxt/nuxt/issues/6592

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

https://nuxtjs.org/docs/configuration-glossary/configuration-render/#csp 這個設定值，調整為 `true` 可以搞定嗎？

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

嗨 Jordan，先別管 Apple 了，我研究了一下，現在絕大多數前端技術，應該都會支援 CSP 的！看一下這篇：https://stackoverflow.com/questions/58397934/are-we-forced-to-use-unsafe-inline-in-our-csp-when-using-vue-js > According to the Vue.js docs, the runtime build is fully CSP-compliant. > Nuxt is supporting a csp config to create hashes via webpack sent as header on dynamic SSR mode and meta elements otherwise (see https://github.com/nuxt/nuxt.js/pull/5354) 有試過這個方向嗎？

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

寫得很好，順利完成！

04/28 本週閒聊串 😁😁😁

我這邊分享手邊幾個情報 ### 第一個是台灣獵人頭公司跟我分享的郵件 > 最近一切都還好嗎? 這次分享2023 Q2 Job Market Report，尤其是科技產業世界性的裁員潮，光是 2023 年 1 月，美國科技業裁員總數就突破 10 萬人。同樣受到全球經濟走緩影響，台灣人力市場也有類似波動。以科技產業為例，今年第一季所開出的職缺人數，與 2022 年第四季相比，少了約 50%。軟體業盤點人力、調整過剩人力。2023 年的整體人力市場將有別於 2022 年年初大量徵才的氛圍，進入穩紮穩打、檢視人力資源與配置的階段。 ### 第二個是我合作的美國接案公司寄給我的郵件 > All, > Given the current macroeconomic situation, we are reaching out with information that we hope will be helpful. Like many companies, Toptal clients are increasingly budget constrained. In addition, we have a larger number of talent indicating they are available for engagements, resulting in a more competitive market than ever before. ## 個人看法我認為近期軟體工程師的機會＆收入明顯是受影響了但是呢應該是以 senior 職缺的影響比較大我認為 junior 的職缺應該還是很多綜合起來建議大家：轉職的時候穩紮穩打目前工作不一定要先辭掉確定有錄取再離職＆轉職個人小觀點 😎

JavaScript 系列九:發表作業＆心得分享

Very good sharing! 感謝付費支持！ 😄😄😄

自學網頁の嬰兒教材：第7課 ── 視窗與更多元件：自己手作一個 Facebook 發文按鈕！

寫得很好，順利完成！

自學網頁の嬰兒教材：第3課 ── 網格系統：頁面分區塊排個版

寫得很好，順利完成！

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

寫得非常好！成果非常優質！順利完成！歡迎到討論專區，發表作業＆心得分享！

[好文轉載]哇操！你敢信？花式寫todo-list，body裡面一行都沒有也能搞？

nice sharing! 前端框架的底層，就是類似這樣的東西～！

JavaScript 系列九：結語

# 通通完成的同學，請看這邊～ --- ## [給寫完 JavaScript 系列九的同學們：求職前的準備＆簡易指南](https://codelove.tw/@howtomakeaturn/post/k31dYx) ---

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

寫得很好，順利完成！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── 安裝：網頁突然好美美

寫得很好，順利完成！

自學網頁の嬰兒教材：第5課 ── 用力送出表單

寫得很好，順利完成！

自學網頁の嬰兒教材：第4課 ── 好用的表格

順利完成！

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

寫得很好，順利完成！

JavaScript 系列三：練習4 ── 表單驗證

寫得很好，順利完成！

JavaScript 系列三：練習3 ── modal 互動視窗元件

寫得很好，順利完成！

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

@jordan 你之前是用什麼軟體掃描？有錯誤訊息可以參考嗎？大家一起研究一下，相關資安漏洞在哪邊！

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

很好的問題！感謝 jordan 提出！這問題我也從沒想過，我想了一下，有點不懂為什麼用 js 改 css 算是資安漏洞？我研究了一下，會不會跟 css 可以執行 javascript 有關？ https://codepen.io/3n3a/pen/RwGKwrX

被廣告洗版了？

阻擋機器人在技術上有各種方法各有優缺不過就經營上考量一開始什麼都不用手動刪一刪就是

被廣告洗版了？

對我手動進資料庫刪掉而已被洗是經營網站一定會遇到的事情早晚而已哈哈

# JS油猴系列-遮蔽廣告(D卡未登入)腳本、自定義新增名單

很好的文章，我已拿來作為宣傳內容，分享到眾多公開社團！ https://www.facebook.com/groups/javascript.tw/permalink/5541848932583066/ https://www.facebook.com/groups/javascript.html.css.node/permalink/1816342628760240/ https://www.facebook.com/groups/f2e.tw/permalink/6002559003114748/

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

很好的文章，我已拿來作為宣傳內容，分享到眾多公開社團！ https://www.facebook.com/groups/javascript.tw/permalink/5541848932583066/ https://www.facebook.com/groups/javascript.html.css.node/permalink/1816342628760240/ https://www.facebook.com/groups/f2e.tw/permalink/6002559003114748/

發文點子

很好的方向我也很常寫這種 todo / 筆記類型的貼文

[資源分享] 裝爆的VScode擴充套件，人生沒有擴充套件就是黑白的！

很棒的分享，我在 VScode 主要也是裝一些 code syntax highlighting / fixer / prettier 輔助！另外有幾個不錯的，順便講一下 # Tabnine https://www.tabnine.com/ 這是 AI 輔助寫程式，有免費版，效果很好，我用半年之後，就升級付費版了！ # Auto Close Tag 寫 html 很方便 # Auto Rename Tag 寫 html 很方便 --- 簡單拋磚引玉！

JavaScript（九）—— 不想教你 Vue，只想讓你做酷炫元件 - 統整

很棒的分享！有發現好文章或者有心得/筆記分享，記得也多多上來寫文章交流！可順便練習寫作能力！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

自學網頁の嬰兒教材：第3課 ── 網頁排版

很正常，慢慢來即可！寫得很好，順利完成！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

JavaScript 系列三：練習2 ── toast 吐司元件

寫得很好，順利完成！

JavaScript 系列三：練習1 ── alert 示警元件

寫得很好，順利完成！

JavaScript 系列二：第7課 ── 用 Selector API 選取元素

寫得很好，順利完成！

自學網頁の嬰兒教材：JavaScript（八）作業分享

寫得很好！很棒的分享！👍

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

寫得很好，順利完成！

JS學習文章-IT邦優良系列文

給新手參考：前端專案的檔案架構範例

補充一些個人經驗：這些架構參考就好，有些資料夾一開始用不到的話，不用勉強加進去覺得有必要時，再拆細就好了

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

JavaScript 系列二：第1課 ── 認識 DOM 樹、新增元素

寫得很好，順利完成！

JavaScript 系列一：第7課 ── 認識巢狀結構

寫得很好，順利完成！討論區已有人回覆，再試試看有沒有解決了！

自學網頁の嬰兒教材：第3課 ── 網頁排版

寫得很好，順利通過！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

自學網頁の嬰兒教材：JavaScript（九）作業分享

Very good sharing! 成果品質很高！

給寫完 JavaScript 系列九的同學們：求職前的準備＆簡易指南

論壇使用人數還是偏少我再想想看有什麼方法，四處去招募一些新用戶長期來說，希望論壇有更多互動、教學相長、也讓論壇內容更多，哈

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

寫得很好，順利完成！

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

Very good! 寫得很好，順利完成！

JavaScript 系列一：第3課 ── 修改 html 的內容

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

這兩個連結打不開欸

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

JavaScript 系列二：第7課 ── 用 Selector API 選取元素

寫得很好，順利完成！

JavaScript 系列一：第7課 ── 認識巢狀結構

寫得很好，順利完成！

[資源分享] 網頁設計丙級術科，相關教學影片

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第7課 ── 視窗與更多元件：自己手作一個 Facebook 發文按鈕！

寫得很好，順利完成！

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

畫面上，沒看到儲存按鈕欸

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

設計＆美感，再慢慢學即可寫得很好，順利完成！

自學網頁の嬰兒教材：第6課 ── 表格、表單與按鈕：基本元素也漂亮

寫得很好，順利完成！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

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

寫得非常好！成果非常優質！順利完成！歡迎到討論專區，發表作業＆心得分享！如果準備轉職的話，可參考我新寫的文章 https://codelove.tw/@howtomakeaturn/post/k31dYx

JavaScript 系列三：練習1 ── alert 示警元件

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

JavaScript 系列三：練習4 ── 表單驗證

寫得很好，順利完成！

RWD 網頁設計入門：第5課 ── 能屈能伸，讓圖片適應各種螢幕

寫得很好，順利完成！

JavaScript 系列三：練習3 ── modal 互動視窗元件

寫得很好，順利完成！

JavaScript 系列三：練習2 ── toast 吐司元件

寫得很好，順利完成！

自學網頁の嬰兒教材：第2課 ── 導覽列：替訪客指點方向

寫得很好，順利完成！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

寫得很好，順利完成！

JavaScript 系列二：第1課 ── 認識 DOM 樹、新增元素

寫得很好，順利完成！

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

寫得非常好！成果非常優質！順利完成！

自學網頁の嬰兒教材：第5課 ── 訊息框框：有話對你說

寫得很好，順利完成！

自學網頁の嬰兒教材：第4課 ── 卡片元件：又美又好用的元件

寫得很好，順利完成！

自學網頁の嬰兒教材：第3課 ── 網格系統：頁面分區塊排個版

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

JavaScript 系列七：結語

有機會多多到討論區參與討論、分享找到的文章、寫技術筆記、心得，會讓學習效果更好，可以持續進步哦！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

RWD 網頁設計入門：第5課 ── 能屈能伸，讓圖片適應各種螢幕

打不開欸好像沒公開

RWD 網頁設計入門：第4課 ── 頭條新聞在電腦上順序是中間，在手機上順序是最前面

順利完成！

RWD 網頁設計入門：第3課 ── 有些東西只在電腦顯示，有些東西只在手機顯示

順利完成！

RWD 網頁設計入門：第2課 ── 適應各種裝置的螢幕：流動的網格系統

順利完成！

發問-教學經驗的累積？或是說教學風格的培養？

參與 open source 是工程師重要的學習方式我過去發佈過的專案在 https://github.com/howtomakeaturn 但是近幾年我比較少開源專案 --- 另外，我確實發表、上線過很多小網站有些是我個人興趣，有些是與新創團隊合作有些可以在這邊看到 https://www.pttweb.cc/user/poopoo888888?t=article --- 以上，供您參考祝 Happy Coding!

發問-教學經驗的累積？或是說教學風格的培養？

你好就跟學校老師有各種風格一樣各種場景也有各種適合的教學方式不需要費心去找到一個完美的教學方式不存在的就先專心在「替一些人提供價值」上面先做先上線就對了就先設法幫到一些人就對了

自學網頁の嬰兒教材：第1課 ── 安裝：網頁突然好美美

寫得很好，順利完成！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第3課 ── 網格系統：頁面分區塊排個版

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好！網頁很漂亮！順利通過！

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

寫得很好，順利完成！

JavaScript 系列一：第7課 ── 認識巢狀結構

寫得很好，順利完成！

JavaScript 系列一：第6課 ── 認識資料型態與轉換

寫得很好，順利完成！

自學網頁の嬰兒教材：第2課 ── 導覽列：替訪客指點方向

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── 安裝：網頁突然好美美

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

我打開文字怎都是白色的你是用什麼瀏覽器？

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

視窗裡面文字用白色，乍看之下找不到

JavaScript 系列二：第7課 ── 用 Selector API 選取元素

寫得很好，順利完成！

JavaScript 系列二：第6課 ── 讀取與修改 DOM 元素的 style

寫得很好，順利完成！

JavaScript 系列二：第5課 ── 認識 onchange 事件

寫得很好，順利完成！

JavaScript 系列二：第4課 ── 讀取與修改 DOM 元素的 class

寫得很好，順利完成！

[資源分享] 超好用的擴充套件你還不裝？裝了人生直接逆襲，日子過得好舒服！！

很好的分享，我也分享幾個我安裝的 - Wappalyzer - 分析網站背後技術 - ColorZilla - 抓畫面色碼 - GoFullPage - 滾動網頁截圖 - UnDistracted - 社群媒體專心工具 - Chrome Notepad - 臨時打筆記

Svelte 程式範例：動手寫一個「蕃茄鐘工作法」小專案

元件檔案 `.svelte` 的格式，看起來跟 Vue 的 `.vue` 格式很像！轉換成本應該不高目前乍看之下，除了拿掉 `Virtual DOM` 之外，不知道用起來差異比較大的地方有哪些

最新前端框架 Svelte：參考資源整理大全

稍微看了一下，最近在國外確實很紅，但我有點不懂有使用過的朋友，能分享一下經驗嗎？

Javascript(二) 作業三問題

在程式設計領域，`等號`的意義，跟在數學上不一樣 `=` 我們叫 `指派` `==` 才叫 `等於` 所以這段程式碼 ``` var text = ""; text = text + x; ``` 先把空字串指派到變數 `text` 接著把變數 `text` 的內容，加上變數 `x` 的內容（因為都是字串，所以是把兩個字串黏在一起）然後把最新的內容，指派到變數 `text` 裡面

JavaScript 系列二：第3課 ── 認識 for 迴圈

寫得很好，順利完成！ --- 發問的話，請到討論區，統一在那邊討論喔！

自學網頁の嬰兒教材：第6課 ── 在自己電腦上寫網頁

寫得很好，順利完成！

JavaScript 系列二：第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件

寫得很好，順利完成！

JavaScript 系列二：第1課 ── 認識 DOM 樹、新增元素

寫得很好，順利完成！

JavaScript 系列三：練習4 ── 表單驗證

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

沒有錯誤處理喔～

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

求職疑問

網站上的自學課程讀完、作業寫完再補充一點 git 知識、NPM 知識～就有足夠作品，能夠直接面試囉～初階前端工程師的工作，大多都可以處理了～

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

順利完成！

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

寫得很好！順利通過！

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

寫得很好！順利通過！繼續保持！

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

寫得很好！順利通過！

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

寫得很好！順利通過！

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

寫得很好，順利完成！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

寫得很好，順利通過！

JavaScript 系列一：第7課 ── 認識巢狀結構

寫得很好，順利完成！繼續保持！

JavaScript 系列三：練習3 ── modal 互動視窗元件

寫得很好，配色很可愛，順利完成！

JavaScript 系列一：第6課 ── 認識資料型態與轉換

順利過關！

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

vanilla js 顏色沒有改變喔～

JavaScript 系列一：第5課 ── 基本的 if/else 條件流程控制

寫得很好，順利通過！

JavaScript 系列一：第4課 ── 基本的陣列操作

寫得很好，順利通過！

JavaScript 系列一：第3課 ── 修改 html 的內容

寫得很好，順利通過！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

寫得很好，順利通過！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利通過！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利通過！

自學網頁の嬰兒教材：第5課 ── 用力送出表單

寫得很好，順利通過！

請益-這樣子的coding遊戲是否能夠一人開發？會太具挑戰嗎？

稍微看了一下原始碼，沒幾行呀～ https://github.com/thomaspark/flexboxfroggy/blob/gh-pages/js/game.js 550 行而已，程式碼也不難讀需要研究一下，這類遊戲的核心原理，你的問題應該就有答案我也找時間研究一下～

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

寫得很好！順利通過！

自學網頁の嬰兒教材：第6課 ── 在自己電腦上寫網頁

寫得很好，順利完成！這一課就是要練習自製 landing page，不用套件

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第4課 ── 好用的表格

OK，順利過關！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第3課 ── 網格系統：頁面分區塊排個版

寫得很好，順利完成！

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

寫得很好，順利完成！繼續保持！

自學網頁の嬰兒教材：第5課 ── 用力送出表單

寫得很好，順利通過！

自學網頁の嬰兒教材：第5課 ── 用力送出表單

寫得很好，順利通過！

自學網頁の嬰兒教材：第3課 ── 網頁排版

寫得很好，順利通過！

自學網頁の嬰兒教材：第4課 ── 好用的表格

OK，有看到囉！順利完成！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第4課 ── 好用的表格

網址我打不開欸

自學網頁の嬰兒教材：第4課 ── 好用的表格

OK，順利過關！

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

寫得很好！順利完成！

bootstrap問題

很好的問題自己寫 css 掌握度最高，可以設計每個細節但是實務上，通通自己寫，很沒效率所以通常都會挑一款 css framework 來使用畢竟開發專案通常是有商業目的，能快速、低成本做完，總是很划算的不過，各種開發方式，終究都只是主觀意見你當然可以選自己喜歡的方式，比方說，永遠堅持自己手寫 css 但是這樣一來，在需要團隊合作的時候，會遇到不少困難以上，供參考

自學網頁の嬰兒教材：第2課 ── 導覽列：替訪客指點方向

沒問題，順利完成作業！你的提問非常好，請到「討論專區」發問，一起在那邊進行深入的討論＆回答！

自學網頁の嬰兒教材：第1課 ── 安裝：網頁突然好美美

沒問題，順利完成了！

自學網頁の嬰兒教材：第3課 ── 網頁排版

別擔心，順利通過本課要求了！排版方式有無限多種，找時間慢慢研究即可！

自學網頁の嬰兒教材：第3課 ── 網頁排版

別擔心，順利通過本課要求了！排版方式有無限多種，找時間慢慢研究即可！

[作業問題]HTML&CSS 第6課 Loading Page

往 Flexbox 這方向研究看看現在實務上，很多排版，都通通使用 Flexbox 來完成

自學網頁の嬰兒教材：JavaScript（八）作業分享

作業完成度很好，設計也很好看！

切版示範－教你怎麼完成一個切板，完全新手導向，帶你從零到一！！

很棒的分享！

使用 inline-block 版面配置

路過補充一下：現在因為各瀏覽器支援成熟了，版面配置大多都用 Flexbox 來排版了

[作業問題]HTML&CSS 第6課 Loading Page

在研究排版的時候，應該要一小塊一小塊研究舉例來說，把這塊整個刪掉 ``` <div class="user"> <ul> <li><a href = "">Log in 登入</a></li> <li>|</li> <li><a href = "">Sign up 註冊</a></li> </ul> </div> ``` 就會發現，其實版面算整齊，並沒有太大問題所以要從這一塊的寫法，開始研究、改寫

[作業問題]HTML&CSS 第6課 Loading Page

為了讓「登入、註冊」往右邊靠，你這樣寫 css ``` .user{ position: relative; top: -50px; left: 800px; line-height: 45px; } ``` 這種寫法，在螢幕寬度少於 800px 時，一定會破版，光是這邊的寫法就要先改

自學網頁の嬰兒教材：第6課 ── 在自己電腦上寫網頁

導覽列那些，的確比較難做實務上，常常會直接用現成套件！所以沒問題，寫得很好，順利通過！

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

Very good！很棒的 UI！順利完成！

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

JavaScript 系列課程九，正在開發中，敬請期待！

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

連寫七個專案，相信你對前端開發的興趣＆信心大增不少！也對 vue 基本用法充分瞭解了！歡迎到討論專區，發表作業＆心得分享！

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

寫得很好，順利完成！

JavaScript 系列二：第7課 ── 用 Selector API 選取元素

很好！順利通過！

JavaScript 系列一：第5課 ── 基本的 if/else 條件流程控制

很好！順利完成！

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

OK，順利通過！

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

寫得很好！網頁很漂亮！順利通過！

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

寫得很好！順利完成！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

畫面整齊、漂亮，寫得很好！順利通過！

JavaScript 系列一：第4課 ── 基本的陣列操作

寫得很好，順利通過！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

寫得很好，順利通過！繼續保持！

自學網頁の嬰兒教材：第5課 ── 用力送出表單

OK，順利過關！

自學網頁の嬰兒教材：第5課 ── 用力送出表單

OK，順利過關！

JavaScript 系列三：練習2 ── toast 吐司元件

寫得很好，順利完成！

JavaScript 系列三：練習1 ── alert 示警元件

寫得很好，順利完成！

JavaScript 系列二：第7課 ── 用 Selector API 選取元素

有 bug，看我前面留言～

JavaScript 系列二：第6課 ── 讀取與修改 DOM 元素的 style

有 bug，多個待辦的時候，後面的已完成按鈕，點擊後，文字不對喔！

[作業問題] JavaScript系列八：第5課

OK 花了不少時間，我終於研究完了主要問題出在這裡 ``` data() { return { weightChart: null, // ...others } }, ``` 放在 data 這邊的，會被引進 vue 的 reactivity 機制但是，我們並不希望 weightChart 被 vue 監聽、自動更新我們希望透過 `this.weightChart.update()` 手動更新，也就是我們自己管理相關 state，然後手動去觸發更新這種情況，把 weightChart 移到 data 外面即可，就變成普通的物件屬性，不會具有 reactivity ``` weightChart: null, data() { return { // ...others } }, ``` 執行之後會發現，「新增」沒問題了，但是「刪除」依然有問題繼續觀察程式碼，可能有關的是這裡 ``` this.weightChart = new Chart(this.$refs.weightChartDOM, { type: 'line', data: { labels: this.dates, datasets: [{ label: '體重', data: this.weights, borderWidth: 1 }] }, }); ``` labels 與 datasets 期待的是陣列資料使用 `console.log(this.dates)` 觀察變數型別，會發現我們傳進去的是帶有 vue reactivity 功能的 data（vue 使用 proxy 實作） Chart.js 內部可能也有在監聽 `變數` 變化的機制，所以衝突來試著把這邊的 reactivity 也拿掉。方法有很多種，我這邊用最土炮的一種：轉成 JSON 字串再轉回來 ``` this.weightChart = new Chart(this.$refs.weightChartDOM, { type: 'line', data: { labels: JSON.parse(JSON.stringify(this.dates)), datasets: [{ label: '體重', data: JSON.parse(JSON.stringify(this.weights)), borderWidth: 1 }] }, }); ``` 除此之外，在新增、刪除的最後 ``` this.weightChart.data.labels = this.dates this.weightChart.data.datasets[0].data = this.weights this.weightChart.update() ``` 也一併改掉，讓事情單純一點：我們都按照 Chart.js 期待的資料型態去傳 ``` this.weightChart.data.labels = JSON.parse(JSON.stringify(this.dates)) this.weightChart.data.datasets[0].data = JSON.parse(JSON.stringify(this.weights)) this.weightChart.update() ``` 大功告成！解決問題！ --- ### 備註一就跟其他眾多解法一樣：以上這做法，也只算是 workaround 因為我們沒有興趣深入研究 Chart.js 監聽 labels 跟 datasets 的變化機制（通常只有 senior developers 會在這時候想深入進去搞懂）既然都是 workaround，就隨便找個方法搞定就是了，解法不一定很有道理（我們根本沒有100%搞懂） ### 備註二 proxy 型別，一般來說，會跟普通的資料型別相容也就是說，通常把 vue reactivity 狀態，直接傳給第三方套件，根本沒問題！不需要這樣 JSON 轉來轉去的！這是一個剛好 vue 跟第三方套件衝突的特例！ ### 備註三實務上，這種高互動的 UI library，都會自己出一套框架版本的，先處理掉地雷實務上以使用框架版本為主，所以不會太常碰到這種需要 workaround 的情況（但偶爾還是會遇到）本課的原意是故意不用框架版本，練習看看手動整合，沒想到真的踩到地雷（但是也好，也是一種練習） ### 備註四在前端框架領域，整合框架 `狀態` 與 `html 元件`、`第三方外部元件` 時，有兩種哲學第一種哲學就是通通由框架處理好，這種元件稱之為 `controlled components`。開發元件時比較吃力，但使用元件時比較輕鬆第二種哲學就是，自己手動管理外部元件的狀態，這種元件稱之為 `uncontrolled components`。開發元件時比較輕鬆，但使用元件時比較吃力可以 google 搜尋 `controlled components vs uncontrolled components`，看不懂沒關係，有更多使用套件的經驗之後，會開始看懂我在講什麼

[作業問題] JavaScript系列八：第5課

看了幾篇 stackoverflow 大家的分享，都是使用 `workaround` 來描述解決方法也就是這個 vuejs 跟 chartjs 的衝突，有點尷尬、難以漂亮解決並不能根本解決，但能避開問題，有替代的解決方法

[作業問題] JavaScript系列八：第5課

看到這貼文，我研究了快一小時，我也卡關了，我也看不出為甚麼，哈哈我 google 搜尋 `chartjs vue RangeError: Maximum call stack size exceeded` 發現這問題很多人遇到，算是一種地雷會說是「地雷」是因為，光看你寫的程式碼，很合理，感覺根本沒什麼問題但遇到的人都會耗上大量時間，才知道是 chartjs 底層或者 vuejs 底層有什麼「奇怪」的注意事項程式開發就是這樣，有時候問題很不直觀。踩雷之後，就學個經驗，多踩就不怕了我再找時間研究一下，有心得再跟大家說（實務上，這種高互動的 UI library，都會自己出一套框架版本的，先處理掉地雷，實務上以使用框架版本為主）

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

寫得很好，順利完成！

JavaScript 系列二：第5課 ── 認識 onchange 事件

寫得很好，順利完成！

JavaScript 系列二：第4課 ── 讀取與修改 DOM 元素的 class

寫得很好，順利完成！

JavaScript 系列二：第3課 ── 認識 for 迴圈

寫得很好，順利完成！

自學網頁の嬰兒教材：第4課 ── 好用的表格

OK，順利過關！

自學網頁の嬰兒教材：第4課 ── 好用的表格

OK，順利過關！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

畫面整齊、漂亮，寫得很好！順利通過！

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

寫得很好！UI/UX 也很棒！順利完成！

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

寫得很好，順利完成！

JavaScript 系列二：第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

這是 jsfiddle 首頁，沒東西顯示喔～

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

寫得很好！UI/UX 非常漂亮！順利完成！

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

我打開是空白頁面，環境設定好像有問題

JavaScript 系列二：第1課 ── 認識 DOM 樹、新增元素

很好，順利完成！

JavaScript 系列一：第7課 ── 認識巢狀結構

寫得很好，順利完成！

自學網頁の嬰兒教材：第3課 ── 網頁排版

OK，順利通過！不需要一次通通搞懂，有機會再鑽研、練習更多即可！

18個超好用的css屬性，還不知道點進來就會知道！！

的確都是很好用的特別屬性！

擴充分享-垂直tab

chrome extension 值得玩一玩！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！繼續保持！

自學網頁の嬰兒教材：第3課 ── 網頁排版

可以了，順利通過！不需要一次通通搞懂，有機會再鑽研、練習更多即可！

🔥🔥新功能測試上線：文章 API🔥🔥

關鍵字 `setup a personal blog with github pages` `github pages 教學`

資源分享-學習CSS最快速清晰的視覺筆記在這，馬上搞懂flex怎麼用！

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

寫得很好，順利完成！

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

寫得很好！遠超過本課所期待的標準！非常出色！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

別擔心，寫得很好！順利通過！發問的話，請在「討論專區」為主，我統一在那邊回答！

發問-自學課程標題命名問題

我把標題的前面，改成系列數字囉～

JavaScript 系列一：第6課 ── 認識資料型態與轉換

順利過關！

JavaScript 系列一：第5課 ── 基本的 if/else 條件流程控制

順利過關！

JavaScript 系列一：第4課 ── 基本的陣列操作

順利過關！

JavaScript 系列一：第3課 ── 修改 html 的內容

順利過關！

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

寫得很好，順利完成！

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

順利完成！

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

順利完成！

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

順利完成！

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

順利完成！

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

順利完成！

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

順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利通過！

發問-自學課程標題命名問題

很好的建議我來設計一下新的命名！

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

Hung 來加這個 line 社群這是進度領先的同學群組 https://line.me/ti/g2/nipkjq2WoZPKX5dTn9tE9266aEOt6EOICFGa1g 我要在群組內了解一下大家狀況，才能設計後續課程教材

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

寫得很好，順利通過！繼續保持！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

寫得很好！順利通過！繼續保持！

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

寫得很好！順利通過！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好！順利通過！

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

寫得很好！順利通過！

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

寫得很好！順利通過！

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

寫得很好！順利通過！

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

寫得很好！順利通過！

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

寫得很好！順利通過！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！繼續保持！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！繼續保持！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！繼續保持！

RE: 請教切板問題－－切版觀念教學！實例code review！

很好的討論串！網頁排版的話，做法有很多種關鍵字是 `多欄式排版 css` `css flexbox` `css grid`

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！繼續保持！

自學網頁の嬰兒教材：第3課 ── 網頁排版

差一點喔，至少要做一點旁邊的「熱門文章」區塊（有點混亂很正常，未來慢慢搞懂即可）

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

寫得很好！樣式很漂亮，介面也很好用，順利完成！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！繼續保持！

自學網頁の嬰兒教材：第3課 ── 網格系統：頁面分區塊排個版

寫得很好，順利完成！

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

寫得很好，順利完成！

請益-關於架站

非常好的問題！簡單回答如下： 1) 純靜態的案子需求比較少，除此之外，客戶通常會想順便買一個好看的網域名稱架在 github pages，網域無法設定，所以這方向我認為不太行 2) wordpress 是一個極度強大的 CMS 系統，可以用低成本完成非常多種的客戶需求學習 wordpress 的唯一問題在於：專精之後，就變成 wordpress 工程師了以開發者職業生涯來說，專精 php 或者 laravel 之類，比較全面。專精 wordpress，很多知識帶不走 3) 長期接案最好要有團隊，內含：開發者、設計師、專案管理（負責與客戶確認規格、避免做白工），三種專業此外，這三人之一，至少要有一人願意跑業務、做銷售。組團隊、跑業務，都不是容易的事 4) 堅持要以開發者個人接案，則要經營好個人品牌、累積作品集、設法在網路上曝光，要願意推銷自己（寫文章、錄 podcast、拍影片，您需要選一個）如果只想在台灣的外包網、臉書社團上面，看到案主發文，去爭取，就會陷入「紅海價格戰」，將只能拿到「極低的報酬」，並且會經常碰上「超無聊的案子」，做起來絕對不會滿意的 --- 以上，簡單分享

JavaScript 系列二：第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件

寫得很好，順利完成！

JavaScript 系列二：第1課 ── 認識 DOM 樹、新增元素

很好，順利完成！

自學網頁の嬰兒教材：第2課 ── 導覽列：替訪客指點方向

寫得非常好！看起來已有業界水準！順利完成！

自學網頁の嬰兒教材：第1課 ── 安裝：網頁突然好美美

寫得很好！畫面非常漂亮～！順利完成！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！繼續保持！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！繼續保持！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

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

成果品質極佳、UX 完整度極高、令人印象深刻。寫得很好，順利完成！

JavaScript 系列一：第3課 ── 修改 html 的內容

順利過關！

JavaScript 系列二：第4課 ── 讀取與修改 DOM 元素的 class

很好！順利完成！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

寫得很好，順利通過！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

自學網頁の嬰兒教材：第5課 ── 用力送出表單

樣式很漂亮！順利完成！

自學網頁の嬰兒教材：第4課 ── 好用的表格

寫得很好，樣式很漂亮！

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

寫得很好，順利完成！

[ JavaScript ] Class 是 Object 的工廠(1) - Property 和 Method

很好的分享！歡迎繼續多多分享！ OOP 用最簡化的定義來說，就是「狀態」跟「行為」放在一起各種程式語言實作方法不同，但核心精神不變此外，JavaScript 的實作稱為「prototype-based」，比較特別一點最後就是，JavaScript 社群近年比較不注重 OOP 相關的 design pattern，轉向 FP 相關 concept 與 design pattern 為主，但各種 programming paradigm 都廣泛地學習，是很好的～ 👍👍👍

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

寫得很好，順利通過！繼續保持！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

寫得很好，順利通過！繼續保持！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

寫得很好，順利通過！繼續保持！

自學網頁の嬰兒教材：第3課 ── 網頁排版

別擔心，RWD 設計，超過本課規劃程度，可以之後再研究！寫得很好，順利完成！繼續保持！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！繼續保持！

自學網頁の嬰兒教材：JavaScript（七）作業分享

表單動畫特效

可以試試看，是不是讓 UX 更符合欄位特性了？哈哈

表單動畫特效

wow! really great! 我的話，會再加上這個 ``` #username ~ label:hover { cursor: text; } ``` 這樣就讓 ux 更好、更順手了！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，配色也很好看，順利完成，繼續保持！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

灰色背景等等技術問題，請到討論專區發問喔！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

內容沒有樣式，這連結跟前一份作業一樣，是不是沒有按到儲存？

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！繼續保持！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！繼續保持！

JavaScript 系列二：第4課 ── 讀取與修改 DOM 元素的 class

差一點，匯出訊息的格式不對～

JavaScript 系列二：第3課 ── 認識 for 迴圈

`今日待辦：1. 洗衣服 2. 買文具 3. 去健身房` 要像這樣

JavaScript 系列二：第3課 ── 認識 for 迴圈

差一點，匯出訊息的格式不對喔！

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

寫得很好，順利完成！繼續保持！

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

寫得很好，順利完成！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

作業沒問題，順利通過！發問的話，請到討論專區，我在那邊回答為主，也可以讓別人一起參與討論！

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

JavaScript 系列課程八，正在開發中，敬請期待！

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

有感受到使用 Vue 框架來開發的魅力了嗎？歡迎到討論專區，發表作業＆心得分享！

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

寫得很好，順利完成！

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

順利完成！

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

順利完成！

JavaScript 系列二：第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件

寫得很好，順利完成，繼續保持！

資源分享-練手項目以及結構教學（新手適合！）

的確是日式簡約優雅的質感，很讚！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

ok 順利通過

資源分享-練手項目以及結構教學（新手適合！）

wow! very good!

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

很好，順利完成！

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

很好，順利完成！

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

寫得很好！順利完成！

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

寫得很好！順利完成！

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

順利通過！

JavaScript 系列三：練習4 ── 表單驗證

很好的分享有找到有趣技巧或者特效都可以到討論區貼文之後我會做「個人文章搜尋功能」個人頁面就會變成個人知識資源庫~ 未來要查就很方便~

神奇的聊天機器人

很好的分享大家可以多多分享一些對於學習有幫助的小資源彼此幫助、找到高價值資訊

神奇的聊天機器人

ChatGPT 的出現，即便是軟體工程師，也感到震驚大家可以多多利用，多請教問題，很有幫助

JavaScript 系列三：練習4 ── 表單驗證

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！繼續保持！

關於編輯器　　抓取裡面文字該怎麼做？

簡單講，你需要往存取背後 data model 的方向去研究直接存取 html，會在每次 data model 被 render 成 UI 的時候，就覆蓋掉了

關於編輯器　　抓取裡面文字該怎麼做？

補充幾個關鍵字：所見即所得（WYSIWYG）編輯器在 github 找幾款開源的，會發現文章實際的 data model，會由套件在背後管理要取得實際內容，要透過套件提供的 API 函式如果it幫是用自家開發的套件，根本沒有對外公開函式那就無法做到可以觀察一下原始碼，如果有找到it幫的 WYSIWYG 編輯器用法倒也是有可能可以做到

關於編輯器　　抓取裡面文字該怎麼做？

像那樣複雜的編輯器背後應該是運用了 data model + render function 的概念也就是真正的文章資料結構，存在 js 環境中 html 只是 render 出來的外觀而已然後無法從外部去存取那些公司設計的 data model 所以你提到的功能，應該是做不到的

練習設計版面

寫得很好，順利通過，繼續保持！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

寫得很好，順利通過！繼續保持！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

點擊「認識工廠」按鈕，沒有反應喔！

JavaScript 系列三：練習3 ── modal 互動視窗元件

很好，順利完成，繼續保持！

JavaScript 系列三：練習2 ── toast 吐司元件

很好，順利通過！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，樣式很漂亮！繼續保持！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

JavaScript 系列三：練習2 ── toast 吐司元件

有點小問題，看起來兩個吐司顏色一樣喔～ > 成功吐司請做成綠色 > 錯誤吐司請做成紅色

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

寫得很好，順利通過！繼續保持！

分享：<fieldset> 超厲害的html，不需要CSS寫很酷登入畫面

wow，看起來很酷！值得筆記（我這幾年的實務經驗，還沒看過有人用這個，或許是被低估的元素！）

自學網頁の嬰兒教材：JavaScript（六）作業分享

very good 思維方式，更接近工程師一步了～後續會有更多課程＆練習，可以訓練思維，敬請期待～

HTML程式基礎練習(一)

JavaScript 系列三：練習1 ── alert 示警元件

寫得很好，順利完成！繼續保持！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

寫得很好，順利完成！繼續保持！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！繼續保持！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！繼續保持！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！繼續保持！

發問-能不能做解讀代碼系列！？（內有題材之一：破解右鍵

我自己習慣的破解右鍵方式：在 dev tool 裡面有選項可以直接 disable javascript，哈哈

發問-能不能做解讀代碼系列！？（內有題材之一：破解右鍵

關於許願：暫時沒有這種安排，因為到處去讀別人程式碼，對我來說有點吃力不過，如果你有發現感興趣的代碼片段，歡迎貼上來跟大家分享心得，我會參與討論 👍👍👍

發問-能不能做解讀代碼系列！？（內有題材之一：破解右鍵

> 不知道有沒有什麼名詞可以形容這個概念就是把重複邏輯封裝成函式而已，我會說是 `DRY 原則` `避免 duplicate code` 這邊的 `抽象化（abstraction）` 很簡易，大概沒有特別名詞稱呼更複雜的話，才會特別去命名為一個 design pattern 來稱呼

發問-能不能做解讀代碼系列！？（內有題材之一：破解右鍵

這段程式碼，看起來就是把所有相關 event 都移除掉了雖然可以破解右鍵，但感覺很多網站，根本也就會功能故障了

發問-能不能做解讀代碼系列！？（內有題材之一：破解右鍵

很棒的分享！

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

JavaScript 系列課程七，正在開發中，敬請期待！

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

有感受到 data model + render function 開發方法的魅力了嗎？歡迎到討論專區，發表作業＆心得分享！

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

寫得很好，順利完成！

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

很好，順利完成！

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

很好，順利完成！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

寫得很好，順利完成！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

謝謝提醒！我的確打錯字了，已更新～！

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

寫得很好，順利完成！

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

寫得很好！順利完成！

[ 作業問題 ] JavaScript（六）第3課

有興趣的話，可以研究一下 hoisting 這個現象還是很困擾的話，我找時間寫文章說明

[ 作業問題 ] JavaScript（六）第3課

這是這個程式語言，設計失敗的地方這是一個稱為 hoisting 的現象，我認為根本是 bug

[ 作業問題 ] JavaScript（六）第3課

把 var 改成 const 試試看 ``` for (const index in todos) { ```

各位新朋友，來這串留言，簡單說一下最近在學的東西＆遇到的挑戰吧！

很好的分享，我個人認為 css 難不倒你！遇到問題就多多到討論區發問吧！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！繼續保持！

[ 作業問題 ] JavaScript（六）第3課

課程內容有一段 > 這邊多介紹一個 for in 的寫法，需要索引時可以用就是在教這個～

[ 作業問題 ] JavaScript（六）第3課

非常好的問題～！把外面那個 for loop 改寫 before ``` for (var todo of todos) { ``` after ``` for (var index in todos) { var todo = todos[index]; ``` 像這樣，把 for of 改成 for in 就可以了～！ onclick 裡面不需要寫 for loop，可以直接使用 index 試試看吧！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

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

沒錯！寫得很好，順利完成！

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

這一課要改成：去更新 `var todos = []` 這個陣列的內容，更新完之後，再執行 `render()`

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

但在 add() 函式內，之前都是直接找到元素 `.append()` 新元素進去，這樣是直接更新 DOM

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

不是，id 跟 class 那些可以自由加

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

寫得很好，順利完成！

JS前端爬蟲-XMLHttpRequest後得到的資料，該怎麼拿

滿好的練習另外，把做好的小東西，公開上線，找地方宣傳一下，會更好玩

JS前端爬蟲-XMLHttpRequest後得到的資料，該怎麼拿

載入更多文章，通常觀察一下 ajax 的參數，就可以做到，再試試看吧

JavaScript 系列二：第1課 ── 認識 DOM 樹、新增元素

很好，順利完成！

JavaScript 系列二：第7課 ── 用 Selector API 選取元素

寫得很好！順利通過！繼續保持！

JS前端爬蟲-XMLHttpRequest後得到的資料，該怎麼拿

你貼的那段 code 我直接在 console 跑會出現 ``` Uncaught ReferenceError: last is not defined at req.onload (<anonymous>:17:83) ```

JS前端爬蟲-XMLHttpRequest後得到的資料，該怎麼拿

針對不同網站的架構，爬蟲有的易寫，有的難寫有沒有試過直接爬「列表」頁面呢？ https://meteor.today/board/sellphoto --- 此外，實務上寫爬蟲，幾乎都是由後端負責，比較少在前端負責

JavaScript 系列一：第7課 ── 認識巢狀結構

很好！順利完成！歡迎加入完成第一份系列課程的同學群組 https://line.me/ti/g2/nipkjq2WoZPKX5dTn9tE9266aEOt6EOICFGa1g

JavaScript 系列一：第6課 ── 認識資料型態與轉換

很好！順利完成！

JavaScript 系列一：第5課 ── 基本的 if/else 條件流程控制

很好！順利完成！

JavaScript 系列一：第4課 ── 基本的陣列操作

很好！順利完成！

JavaScript 系列一：第7課 ── 認識巢狀結構

很好！順利完成！歡迎加入完成第一份系列課程的同學群組 https://line.me/ti/g2/nipkjq2WoZPKX5dTn9tE9266aEOt6EOICFGa1g

JavaScript 系列一：第6課 ── 認識資料型態與轉換

很好！順利完成！

JavaScript 系列一：第5課 ── 基本的 if/else 條件流程控制

很好！順利完成！

JavaScript 系列一：第4課 ── 基本的陣列操作

很好！順利完成！

自學網頁の嬰兒教材：第5課 ── 用力送出表單

關於樣式與排版，有時間可以再多試試持續遇到問題，可以把相關 jsfiddle，貼到討論區，讓大家幫你看一下或直接在討論區發問，跟大家一起討論～

自學網頁の嬰兒教材：第5課 ── 用力送出表單

OK，順利過關！

討論－淺談html/js之關係以及，延伸至XSS

很好的分享！之後有人在網路上搜尋相關專有名詞，都有機會看到這串心得＆討論，造福無數後人！

討論－淺談html/js之關係以及，延伸至XSS

實務上來說，html 跟 js 程式碼，通通混在一起，當然會很難讀、很亂不過，在 React 社群，大家所寫的 jsx，很多時候看起來又很像是把 html 跟 js 混在一起了所以這個部份有點 tricky，在 React 社群，大家在乎的 separation of concerns 其實是「state 與 side-effects」而不是「行為與結構」這相關的概念很進階，我這邊先不詳談，或許有機會再專文介紹

討論－淺談html/js之關係以及，延伸至XSS

UJS 這個名詞，我在前端社群其實沒有看過查了一下，好像只有 Rails 社群會使用這個名詞一般來說，軟體產業，比較常講 separation of concerns（關注點分離）用來說明：將不同概念的程式部份，分開來，會讓程式比較好維護

JavaScript 系列二：第6課 ── 讀取與修改 DOM 元素的 style

很好，順利完成！

JavaScript 系列二：第5課 ── 認識 onchange 事件

很好，順利完成！

JavaScript 系列二：第4課 ── 讀取與修改 DOM 元素的 class

很好，順利完成！寫程式每天都會遇到 bug，這很正常，習慣就好！

製作wiki表單

無法喔我沒用過 mediawiki 你到維基相關社團找工程師比較適合

製作wiki表單

有答案了，簡單分析如下 mediawiki 引擎，原生就有支援多份百科功能 https://superuser.com/questions/1034998/setting-up-mediawiki-to-host-more-than-one-wiki 新增多份百科的指令也有教學 https://www.mediawiki.org/wiki/Manual:Wiki_family 但都需要工程師手動一份一份安裝，沒有懶人包腳本 https://editthis.info/ 網站是自己寫 extension 來自動化上述過程結論：這需要熟悉 mediawiki 的工程師才懂安裝因為沒有現成的懶人包需要跳下去鑽研 mediawiki 的架構才有辦法做到 --- 幾個方向可以研究首先試著手動安裝出多份百科熟悉這個過程接著學習 extension 開發熟悉擴充功能的方法最後把 extension 串進安裝多份百科的流程讓其自動化就完成目標了

製作wiki表單

臉書有吧我私人 Line 不想加喔你可以加入網站上方的 telegram 跟 discord 社群

製作wiki表單

Ok 我臉書 approve 了

製作wiki表單

不用，我先研究一下，晚點跟你講 editthis.info 是怎麼做的

製作wiki表單

ok 我看到了有 `Create a single wiki page` 跟 `Create a wiki site` 所以應該做得到我找時間研究一下他們背後的原理好了！

製作wiki表單

我看了一下，一份 Mediawiki 應該就是一份百科你想達成的效果，使用 Mediawiki 應該做不到喔

製作wiki表單

Mediawiki 的話，建出來的百科，可以讓大家「自由新增不同條目」但是，應該不能讓大家「自由新增不同百科」 Mediawiki 設計出來的用途，應該就是一份百科 --- 你有在哪個地方、網站，看過你想達成的效果嗎？有現成範例，會比較好討論

JavaScript 系列二：第3課 ── 認識 for 迴圈

寫得很好，順利完成！

製作wiki表單

你好，你的網站，有連接資料庫了嗎？聽起來，你可以往 MySQL 這方向研究一下用戶送出資料，將資料存進資料庫，接著再使用 PHP 把 wiki 呈現出來你研究一下，有不懂的地方，歡迎繼續發問！

JavaScript 系列二：第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件

寫得很好，順利完成！

自學網頁の嬰兒教材：JavaScript（五）作業分享

很好的分享！繼續保持！系列課程六，近期上線！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

很好的問題結構與行為是否需要分離，取決於應用程式的複雜程度小型應用程式，寫完即可，不用管這麼多最佳實踐大型應用程式，實務上，因為正式開發會用 React 或 Vue html 跟 js 是不會混雜在一起的 --- 以上簡單回答。更完整、進階的討論，可在討論區丟一篇獨立貼文發問，讓大家一起參與討論我也可以在那邊，給出更深入的回答

# 想請益-改yt字幕樣式

我測試了一下了，因為是 setInterval，所以確實會跳動試試看這段，效果更好一點 ``` $('style').append($('<div>').innerHTML=`<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap" rel="stylesheet"> <style>span.ytp-caption-segment { font-family: Ma Shan Zheng !important; }</style>`) ``` 應該可以繼續優化你再往這方向試試看？

自學網頁の嬰兒教材：第3課 ── 網頁排版

沒問題，順利通過！ --- 沒錯，這一課的確特別難切版的方式五花八門，各種進階技巧很多大致感覺有知道即可！

JavaScript 系列二：第1課 ── 認識 DOM 樹、新增元素

很好，順利完成！

自學網頁の嬰兒教材：第4課 ── 好用的表格

OK，順利過關！

自學網頁の嬰兒教材：第4課 ── 好用的表格

謝謝回報，已移除連結

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

此篇閒聊-關於這個網站以及關於站長（＋此站使用心得

謝謝支持歡迎多多跟朋友推薦讓這個論壇更熱鬧喔～梗圖倉庫是我2019年開發的作品沒錯，目前以個人專案形式在經營中～「工程師的缺德行為：叫朋友去學C/C++」一文，是我 2015 年的文章，文中皆是我個人經驗觀察～ --- 最後補充一點，你的學習方法沒有問題，作為職涯發展也是可行的自己找到方法學習，不管是持續做有趣專案，或是什麼小眾方法，只要能持續前進、學習，就可以方法不用跟別人一樣，也可以在業界有競爭力

# 想請益-改yt字幕樣式

我剛試了一下，看看我這張截圖 ![](https://i.imgur.com/yEGAdZg.png) 在 `span.ytp-caption-segment` 上面，使用 css 時加上 `!important` 強制覆蓋呢？如何？我測試好像就可以喔～

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

與此同時，也歡迎到討論專區，發表作業分享！

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

JavaScript 系列課程六，正在開發中，敬請期待！

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

寫得很好，順利通過！

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

寫得很好，順利通過！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

[ 作業問題 ] - JavaScript 自學網頁の嬰兒教材：第6課

猜得好不過，在前端領域，事件處理函式內， event 是代表當下事件的全域物件所以不用傳進去，也可以直接用～

[ 作業問題 ] - JavaScript 自學網頁の嬰兒教材：第6課

問得很好，在 javascript 世界，關於非同步的事物，都會比較難一點點，要習慣一下 `fetch()` `then()` 就是在處理非同步 event 是代表「當下正發生的事件」的全域物件 fetch 的時候還在 onclick 事件當下沒錯但 then 發生的時候已經不是 onclick 事件當下了 `console.log(event)` 就會看到 undefined

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

寫得很好！順利過關！

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

寫得很好！順利過關！

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

寫得很好！順利過關！

各位新朋友，來這串留言，簡單說一下最近在學的東西＆遇到的挑戰吧！

目前討論區使用者還不多之後人變多，會開設不同的討論專區子層回覆功能，也是人變多之後再設計 😁

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

寫得很好！順利通過！

各位新朋友，來這串留言，簡單說一下最近在學的東西＆遇到的挑戰吧！

原始碼七千多行，這我查不下去了到處加 alert 可以慢慢查出是哪邊開始沒執行最後一個辦法就是直接去 github repo 開 issue 發問，哈哈...

各位新朋友，來這串留言，簡單說一下最近在學的東西＆遇到的挑戰吧！

剛繼續實驗，把最後幾行加上 alert ``` alert('loaded!'); return html2canvas; }))); //# sourceMappingURL=html2canvas.js.map ``` 在一般網站，會跳出 alert 但在 IG 卻沒有跳出，所以根本沒執行到卻也沒有任何 error message 真的是要慢慢去查 html2canvas 原始碼才能找到答案了...

各位新朋友，來這串留言，簡單說一下最近在學的東西＆遇到的挑戰吧！

原來如此很有創意我剛試了一下的確在大多網站都可以用這招在 IG 卻是 html2canvas undefined --- 在 dev console 直接拿 `window` 物件做一些修改會看到 window 物件是會更新沒錯但就是看不到 html2canvas 套件感覺跟 html2canvas 的物件生成 design pattern 有關，不知哪邊跟 IG 的原始碼衝突到

想請益JS-cookie自動登入

歡迎多多貼文、多多參與討論，一起讓這個討論區越來越熱鬧眾多貼文串，都是珍貴的知識庫，可以造福很多未來的新手、讓他們在上網搜尋時找到！

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

寫得很好！樣式也很漂亮！順利通過！

歡迎來到 CodeLove 討論區！我簡單介紹一下！

各位新朋友，來這串留言，簡單說一下最近在學的東西＆遇到的挑戰吧！

html2canvas 官網範例都是用 npm 安裝你是怎麼用 dev tool 直接載入的？

想請益JS-cookie自動登入

軟體工程領域，有時候就會類似這樣一個罕見的行為、或者規格，沒什麼人討論其實，可能就真的是 bug 而已，沒什麼道理，姑且就先避免這樣做就是了

想請益JS-cookie自動登入

另外，就算不使用外掛 dev tool 打開 -> Application -> Cookies -> 直接對著值按右鍵，也可以編輯

想請益JS-cookie自動登入

我剛實驗了一下，你在 dev tool 看 `Expires / Max-age` 那欄本來那欄的時間都是正常的你在 console 直接寫 JS 去更改那欄的值會變成 `Session` 也就是網頁一關掉值就不見了我目前感覺這是一個 bug

自學網頁の嬰兒教材：JavaScript（四）作業分享

birdie 的確都寫得很漂亮！尤其是配色！

自學網頁の嬰兒教材：JavaScript（四）作業分享

很好的分享！繼續保持！系列課程五，即將上線！

JavaScript 系列一：第3課 ── 修改 html 的內容

JavaScript 系列一：第3課 ── 修改 html 的內容

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

通過！樣式很漂亮！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

正常的可以不先管它因為 jsfiddle 無法所有網頁功能都模擬有些跟資訊安全相關的像是網址跳轉功能就會被擋

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

沒問題，寫得很好！作業順利通過！先不用擔心無意義程式碼先讓程式能跑、效果有出來就好，程式碼品質可以在日後慢慢研究、改善

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

與此同時，也歡迎到討論專區發表「自學網頁の嬰兒教材：JavaScript（四）作業分享」

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

JavaScript 系列課程五，會在幾天內上線，也期待能看到你來寫每堂作業！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，配色也很漂亮，順利完成！

初次轉職寫程式：作品集有用嗎？要做什麼作品？面試官會看嗎？

多多交流、一起進步！

謝謝版主跟各位的鼓勵來分享個網站HTML5寫的虛擬drum-machine

的確很多練習型小專案太無聊還是要有趣的練習比較能引起人興趣學習、進步這篇是一些人的作品集網站做得很猛 https://codelove.tw/@tony/post/gqveaW --- 有幾個方向應該滿有趣 html 3D、html audio、WebGL 這些方向可以看看不然就是學習寫網頁遊戲 javascript web game engine 應該都滿有趣的 --- 另外可以常逛這個網站 https://www.producthunt.com/ 看看國外最近有哪些新專案上線當作靈感

JavaScript 系列一：第7課 ── 認識巢狀結構

Hung 來加這個 line 社群這是我開給完成第一份系列課程的同學群組 https://line.me/ti/g2/nipkjq2WoZPKX5dTn9tE9266aEOt6EOICFGa1g 我要在群組內了解一下大家狀況，才能設計後續課程教材

JavaScript 系列一：第7課 ── 認識巢狀結構

Birdie 來加這個 line 社群這是我開給完成第一份系列課程的同學群組 https://line.me/ti/g2/nipkjq2WoZPKX5dTn9tE9266aEOt6EOICFGa1g 我要在群組內了解一下大家狀況，才能設計後續課程教材

JavaScript 系列一：第7課 ── 認識巢狀結構

Wei 來加這個 line 社群這是我開給完成第一份系列課程的同學群組 https://line.me/ti/g2/nipkjq2WoZPKX5dTn9tE9266aEOt6EOICFGa1g 我要在群組內了解一下大家狀況，才能設計後續課程教材

JavaScript 系列一：第7課 ── 認識巢狀結構

Evon 來加這個 line 社群這是我開給完成第一份系列課程的同學群組 https://line.me/ti/g2/nipkjq2WoZPKX5dTn9tE9266aEOt6EOICFGa1g 我要在群組內了解一下大家狀況，才能設計後續課程教材

練習JS路上好多挫折

加油有心得多多上來分享有問題也可以多多上來發問跟大家討論

練習JS路上好多挫折

可以參考我之前的文章 https://codelove.tw/@howtomakeaturn/post/pxd06x 如果要學後端，可以先寫個部落格給自己用用 php python nodejs 都可以，挑一個你喜歡的慢慢來，慢慢學，慢慢做專案有問題或心得都歡迎再上來跟大家討論

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

第三課作業寫得出來嗎？會太難嗎？太吃力的話，我可以多補上一些提示、教學

自學網頁の嬰兒教材：JavaScript（三）作業分享

very good 很好的分享！

軟體工程師都應該養成寫部落格的習慣

直接在討論專區寫文章，也可以喔寫好的貼文都會出現在個人頁面等於是在寫部落格＆分享了！鼓勵大家多多寫作！

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

寫得很好！順利完成！ JavaScript 系列課程四，也要繼續保持喔！

JavaScript 系列一：第7課 ── 認識巢狀結構

寫得很好，順利完成！

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

寫得很好，順利完成！

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

寫得很好，順利完成！

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

很好，順利完成！

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

很好，順利完成！

JavaScript 系列三：練習4 ── 表單驗證

很好，順利完成，動畫很漂亮！

JavaScript 系列三：練習3 ── modal 互動視窗元件

很好，順利完成！

初學Javascript筆記

很好的分享！我認識滿多去 AC 順利轉職的那邊教學品質不錯我也有寫一些自學課程可以互補參酌使用 https://codelove.tw/courses 期待之後更多你的學習心得分享！有遇到問題都可以丟上來討論區，或者到 DC 聊天室，跟大家討論！

JavaScript 系列三：練習2 ── toast 吐司元件

很漂亮！順利完成！

JavaScript 系列三：練習1 ── alert 示警元件

設計很漂亮！順利完成！

JavaScript 系列二：第7課 ── 用 Selector API 選取元素

寫得很好！順利通過！期待在 JavaScript 系列課程三看到你！

JavaScript 系列二：第6課 ── 讀取與修改 DOM 元素的 style

寫得很好，順利通過！

JavaScript 系列一：第6課 ── 認識資料型態與轉換

很好，順利完成！

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

很好，動畫也做得很漂亮！完成！ JavaScript 系列課程四，也期待能看到你來寫每堂作業！

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

很好，通過！

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

很漂亮！動畫也很好看！通過！

JavaScript 系列二：第5課 ── 認識 onchange 事件

很好，順利完成！

JavaScript 系列二：第4課 ── 讀取與修改 DOM 元素的 class

很好，順利完成！

JavaScript 系列一：第7課 ── 認識巢狀結構

很好，順利完成！

自學網頁の嬰兒教材：JavaScript（一）作業分享

JavaScript 系列三：練習4 ── 表單驗證

很好，順利完成！

JavaScript 系列三：練習3 ── modal 互動視窗元件

很好，順利完成！

JavaScript 系列三：練習2 ── toast 吐司元件

很好，順利通過！

JavaScript 系列三：練習1 ── alert 示警元件

很好，順利通過！

JavaScript 系列二：第3課 ── 認識 for 迴圈

差一點，匯出的時候，各項目之間要加一格「空白」，不然字都黏在一起不好讀

JavaScript 系列一：第6課 ── 認識資料型態與轉換

很好，順利完成！

JavaScript 系列一：第5課 ── 基本的 if/else 條件流程控制

很好！順利完成！

JavaScript 系列一：第5課 ── 基本的 if/else 條件流程控制

順利完成！

JavaScript 系列一：第4課 ── 基本的陣列操作

很好！順利完成！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

很好！順利完成！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

@陳婷很好！順利完成！

JavaScript 系列一：第5課 ── 基本的 if/else 條件流程控制

差一點，跳出視窗的順序不對要先跳出「招呼訊息」，再跳出「推銷訊息」才對

JavaScript 系列二：第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件

很好，順利完成！其它補充：刪除按鈕，那個確認視窗，有 bug，按下取消還是會刪除。`confirm` 用法要修正

JavaScript 系列二：第1課 ── 認識 DOM 樹、新增元素

很好，順利完成！樣式弄得很漂亮！繼續保持！其它補充：其實可以不需要 `items` 陣列，就能完成任務了

JavaScript 系列二：第7課 ── 用 Selector API 選取元素

寫得很好！順利通過！程式碼品質也很好！ JavaScript 系列課程三，會在幾天內上線，也期待能看到你來寫每堂作業！

JavaScript 系列二：第6課 ── 讀取與修改 DOM 元素的 style

寫得很好，順利通過！

JavaScript 系列二：第5課 ── 認識 onchange 事件

寫得很好，順利通過！

JavaScript 系列二：第4課 ── 讀取與修改 DOM 元素的 class

JavaScript 系列二：第3課 ── 認識 for 迴圈

JavaScript 系列二：第4課 ── 讀取與修改 DOM 元素的 class

看到了，當兩個陣列元素相同的時候，`.indexOf` 會回傳第一個元素索引，所以會出錯。這 bug 只有在待辦事項有重複的時候，才會發生你的新解法，可以解決問題不過，如果按照我說的，根本不使用 `todoLists ` 陣列，也可以避免這個 bug

JavaScript 系列二：第4課 ── 讀取與修改 DOM 元素的 class

很好，作業順利完成！經測試，你的作業並沒有 bug 如果有關於陣列操作的更一般性問題，請直接到「討論專區」提出，並且描述清楚問題，最好附上範例程式碼其它補充：請參考我前一課的回覆，不需要 `todoLists` 陣列也可以

JavaScript 系列二：第3課 ── 認識 for 迴圈

很好，順利完成！其他補充：為了匯出功能，你建立並且管理了一個 `todoLists` 陣列其實並不需要這個陣列。直接在 DOM 找到清單，然後 for loop 去跑元素的 `.children` 陣列，就可以得到全部內容了

JavaScript 系列二：第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件

很好，順利完成！

JavaScript 系列二：第1課 ── 認識 DOM 樹、新增元素

很好，順利完成！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

很好，順利完成！

JavaScript 系列一：第4課 ── 基本的陣列操作

@wei 很好，作業順利完成！

JavaScript 系列一：第3課 ── 修改 html 的內容

很好，順利完成！

JavaScript 系列一：第7課 ── 認識巢狀結構

補充一下，巢狀結構，因為閱讀困難，通常會用「空格縮排」來讓同層級的看起來「深度」一致以你的程式碼來說，業界正式的縮排會像這樣 https://jsfiddle.net/krj61n5b/ 如何？看起來漂亮很多吧！

JavaScript 系列一：第7課 ── 認識巢狀結構

寫得很好！順利完成作業！樣式做得非常漂亮，幾乎是業界商用水準！同時也很好地示範了，使用「巢狀結構」的標準解決方法！ JavaScript 系列課程二，會在幾天內上線，也期待能看到你來寫每堂作業！

JavaScript 系列一：第7課 ── 認識巢狀結構

「煩請」的用法，我是參考這邊，教育部辭典 https://dict.revised.moe.edu.tw/dictView.jsp?ID=34889&la=0&powerMode=0

JavaScript 系列一：第7課 ── 認識巢狀結構

寫得很好！順利完成作業！同時也很好地示範了，完全不用「巢狀結構」的解決方法！ JavaScript 系列課程二，會在幾天內上線，也期待能看到你來寫每堂作業！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

很好！作業順利完成！

JavaScript 系列一：第3課 ── 修改 html 的內容

很好，順利完成！

JavaScript 系列一：第3課 ── 修改 html 的內容

很好，順利完成！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

差一點，「我要訂購」的按鈕，按下要跳出來歡迎訊息，不是工廠訊息

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

@yen 差一點，因為按鈕上的文字，作業要求是中文字

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

@HankSong 很好！順利完成！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

很好！作業順利完成！

JavaScript 系列一：第3課 ── 修改 html 的內容

很好，順利完成！

JavaScript 系列一：第6課 ── 認識資料型態與轉換

很好！正確更新！作業順利完成！

JavaScript 系列一：第6課 ── 認識資料型態與轉換

寫得很好！作業順利完成！這樣寫沒問題，不算是重複宣告！邏輯上來說，一定也只會進到 if / else 其中一個去宣告變數，所以也不會造成任何 bug

JavaScript 系列一：第6課 ── 認識資料型態與轉換

缺了「訂購數量」的欄位

JavaScript 系列一：第5課 ── 基本的 if/else 條件流程控制

寫得很好！作業順利完成！

JavaScript 系列一：第4課 ── 基本的陣列操作

很好，超乎預期，還有多做欄位驗證！作業順利完成！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

寫得很好！作業順利完成！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

很好！動畫效果也做得很好！作業順利完成！

JavaScript 系列一：第5課 ── 基本的 if/else 條件流程控制

寫得很好，程式碼很漂亮，樣式也很漂亮。模範級作業，順利完成！

JavaScript 系列一：第4課 ── 基本的陣列操作

寫得很好，樣式也弄得很漂亮，作業順利完成！

JavaScript 系列一：第3課 ── 修改 html 的內容

寫得很好，樣式也弄得很漂亮，作業順利完成！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

很好！作業順利完成！這次的欄位，也一樣把樣式弄得很漂亮！繼續保持！

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

很好！作業順利完成！樣式也弄得很漂亮！繼續保持！後續課程也要交作業喔！👍

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

很好！作業順利完成！要繼續保持喔！其它補充：實務上，函式的內容，前面會加上縮排，比較好讀請參考我課程內的範例，加上一些縮排，通常是用兩格或者四格縮排

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

很好！作業順利完成！感謝帶頭交作業！後續課程也要完成、交作業喔！👍 其它補充：為簡單起見，本課程以 ES5 語法示範像你的作業，用 ES6 宣告函式，實務上，通常是用 `const` 來宣告因為這兩個函式不太需要動態修改，用 `const` 可以減少意外修改到而出錯的機率不過，程式短短的，就沒差，不太會有問題。程式很多行的時候，凡是 `let` 宣告的，都有可能手誤改到

CSS 基本觀念：rem 跟 em 差在哪？何時該用哪個？有何注意事項？

我分享一下個人經驗： **我幾乎從來不使用 em，永遠都是用 rem 而已** 這樣單純很多，用 em 會有點亂

2023 前端框架比較：Svelte vs React，該學哪一個呢？

文章有些地方寫錯 1. JSX 是 React 內建的，不需要第三方套件支援 2. React 年紀至少八年了，不只三年 3. 實務上大量現成功能、UI 都需要依靠生態系，絕非本文說的「不太重要」

有時會看到 "use strict"，但有時又沒有，請問功能是？

這功能滿久了，是多年以前 ES5 的新功能只要在檔案開頭，或者函數內部寫這行 ``` "use strict"; ``` 因為只是一串字串，所以一定跟現有程式相容它會讓程式跑的時候，多做一些檢查，也就是嚴格模式比如說沒先宣告變數就寫 foo = "bar" 就會報錯嚴格檢查可以減少運作時發生奇怪情況的機會

要怎麼用 jQuery 檢查一個元素有沒有顯示？

jQuery 有一個 is 方法可以用，試試看這樣 ``` $(element).is(":visible"); $(element).is(":hidden"); ```

如何從陣列中移除一個元素？

寫法有很多種舊方法可以用 indexOf + splice ``` const array = [2, 5, 9]; console.log(array); const index = array.indexOf(5); if (index > -1) { array.splice(index, 1); } // array = [2, 9] console.log(array); ``` 或者用 filter ``` var value = 3 var arr = [1, 2, 3, 4, 5, 3] arr = arr.filter(function(item) { return item !== value }) console.log(arr) // [ 1, 2, 4, 5 ] ``` ES6 寫法 ``` let value = 3 let arr = [1, 2, 3, 4, 5, 3] arr = arr.filter(item => item !== value) console.log(arr) // [ 1, 2, 4, 5 ] ```

各位新朋友，來這串留言，簡單說一下最近在學的東西＆遇到的挑戰吧！

以上，總之，目前有的一些挫折感、黑箱的感覺，都很正常，找時間再慢慢研究、慢慢補起來觀念就對了！有問題再多多來論壇發問吧！

各位新朋友，來這串留言，簡單說一下最近在學的東西＆遇到的挑戰吧！

以上，簡單建議供您參考，之後有其他問題，都可以來討論區發文！加油！

各位新朋友，來這串留言，簡單說一下最近在學的東西＆遇到的挑戰吧！

速成班，普遍有這問題，內容太多，難以消化。直接學 laravel + react，我認為99%的學員都會消化不良。我建議你，如果一知半解沒關係，之後乖乖從 php + JavaScript 最土炮的寫法，慢慢補基本觀念，接著再把 laravel + react 逐漸認識起來。

各位新朋友，來這串留言，簡單說一下最近在學的東西＆遇到的挑戰吧！

但是，在一開始，以先找到工作、職位坐穩為主，所以先專心在前端即可。之後可以挑喜歡的後端語言來學，python php 或直接用 nodejs 都可以。

各位新朋友，來這串留言，簡單說一下最近在學的東西＆遇到的挑戰吧！

對，我都會建議新手，之後有時間的話，開始學一些後端開發，這樣比較好玩，可以做自己專案，也比較瞭解整個生態系。

各位新朋友，來這串留言，簡單說一下最近在學的東西＆遇到的挑戰吧！

我帶頭吧！我最近在幫客戶引進 Quasar Framework，是 Vue 的框架！雖然我比較熟悉 React，但 Vue 也是還不錯的！順便看一下完整的前端框架，架構、哲學為何，覺得還不錯！跟大家一起加油！

寫出更好 JavaScript 的幾個實務技巧：新手推薦

很好的文章～！

熱門搜尋：使用開發專案工作 ui 框架技術分享作為測試學習第一網站結構系列搜尋 app https 前端工程師資料庫軟體伺服器網頁語言主題 for AWS 練習 JS github jav 研究 bi javasc wEB 課程部署 ci 查詢分析基礎 COM git 圖片ＣＳＳ ul go 公司架構編輯套件開源 json 後端 id Html create 部落格 with 嗎？作業 post 效率 javascript Ai fetch vs JavaScript Java Can 入門 console.log 筆記 %' Node api 清單乾淨路由 GIT Javas Js 遊戲 Vue 作業分享面試 log import AM ar javascript 系列 gpt lang map Type __ 演算法討論改善

CodeLove 愛寫扣論壇 © 2025

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

‹ › ×