站長阿川

站長阿川

👉 身份：資深全端工程師、指導過無數人半路出家轉職 👉 使命：打造 CodeLove 成為優質新手村，讓非本科也有地方自學＆討論
登入次數：702 次
註冊於2022年11月28日
  發表了 398 篇貼文
  新增了 1,179 則留言
  貼文共 606,257 次瀏覽
全部留言
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 基本原理

寫得很好！順利過關！

熱門搜尋： https js 程式 Ml 使用 id 專案 AI 開發 git Ts ar __ with COM Re ci API api app jav for Ai AM Java ai css AR javascript 測試 分享 log Git JS ui AWS GIT 工作 研究 html aws %' Html ul java 架構 ＣＳＳ LA 工程師 結構 JAVA 技術 系列 bi 效率 create import vs 雲端 HTML user Javascript 伺服器 Type json 第一 Js Javas javasc go react class Line Can mac node github 網站 CD Node python 圖片 基礎 work Github console .net CSS 分析 py Python map wEB 後端 前端 lang line this 資料庫 主題
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。