每週二 YT 直播 Q&A（可 Discord Call-in）
YT：https://www.youtube.com/@codelove_tw
DC：https://discord.gg/fvCF2whZ9D

⭐️ Shopify 接案服務（給品牌）
https://job.turn.tw/shopify-services

⭐️ Shopify 技術教練（給工程師）
https://job.turn.tw/developer-coaching

⭐️ 台灣 Shopify 開發者 LINE 群（非官方）
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA
登入次數：876 次
註冊於2022年11月28日
  發表了 475 篇貼文
  新增了 1,225 則留言
  貼文共 883,705 次瀏覽
全部留言
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 發問，哈哈...

熱門搜尋： Amazon 開發 create id __ re Ai 程師 ci Ts 結構 COM app ar https 使用 Java API amazon Re javas AR JS 工作 AI ai js 基礎 for git 測試 JavaScript 分析 程式 技術 效率 伺服 專案 部落格 jav javasc Python Git with 討論 CD 第一 工程師 分享 javascript 部署 開源 Ml LA 研究 設計 學習 api 網站 go ts Javas ul %' 架構 /m 後端 Javascript com 圖片 user ui React log py 工程 web SPA 編輯 搜尋 AM the REACT JAVA blog 軟體 公司 資料庫 github cn Node lang 主題 aws 平台 嗎？ state Type class 框架
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。