⭐️ Shopify 網站開發服務（給品牌）
https://job.turn.tw/shopify-services

⭐️ 小網站開發服務（功能明確、規模不大的需求）
https://job.turn.tw/small-website-services

⭐️ 台灣 Shopify 商家交流 LINE 群（非官方）
https://line.me/ti/g2/PZ_1LILWVWWuzZQ50HNpYA-A3k6QXWF6znqoBQ

⭐️ 台灣 Shopify 開發者 LINE 群（非官方）
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA
登入次數：1,023 次
註冊於2022年11月28日
  發表了 541 篇貼文
  新增了 1,258 則留言
  貼文共 1,099,047 次瀏覽
全部留言
發問-能不能做解讀代碼系列！？（內有題材之一：破解右鍵

> 不知道有沒有什麼名詞可以形容這個概念 就是把重複邏輯封裝成函式而已，我會說是 `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 社群

熱門搜尋： AI Ai Claude code java javascript Java javasc Javas jav JAVA Javascript JavaScript JavaSCript javas git React github ui Git react https promise JS php solid LA api CLI vite vs ar linux rust vscode AWS SQL Can jquery json webhook Promise REACT mac COM js lara npm typescript .NET Re Github re HTML laravel vue next.js node prisma rest webpack Typescript cli python restful ruby postman for Claude 語言 Js css next node.js nodejs py svelte AR post rag opencl code math.js remix user RAG flutter mysql com imgur sass work docke 自學網頁の嬰兒教材： 工作 side 研究 搜尋 測試 網頁 ai
Taiwan ・ Japan ・ Korea
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。