每週二 YT 直播問答，DC 可 Call-in，一起討論技術、職涯發展。
YT 👇👇👇
https://www.youtube.com/@codelove_tw
DC 👇👇👇
https://discord.gg/fvCF2whZ9D

提供 Shopify 接案服務：阿川の電商水電行 - 專修 Shopify 網店 👇👇👇
https://job.turn.tw/shopify-services

管理台灣 Shopify 開發者 LINE 群組（非官方）👇👇👇
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA
登入次數：815 次
註冊於2022年11月28日
  發表了 452 篇貼文
  新增了 1,211 則留言
  貼文共 811,245 次瀏覽
全部留言
自學網頁の嬰兒教材：第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，這很正常，習慣就好！

熱門搜尋： https __ COM am re 使用 ar AI 專案 Ai com la AR AM ul ui id JavaScript the Node Javascript jav type API 開發 JS go ai Java 設計 javas 程式 ci javascript 語言 this html git LA CD 學習 css github js api Re 作為 local vs 平台 Html Amazon Css app COMPO Type react bi GIT cn CSS Github import 作業 JAVA 資料 AWS Ts javasc GitHub 測試 Git 技術 圖片 Js for start 第一 資料庫 web Line map next with cli npm 框架 async line ROS PYTHON HTML work side java py Javas Ml search user
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。