站長阿川

站長阿川

👉 身份：資深全端工程師、指導過無數人半路出家轉職 👉 使命：打造 CodeLove 成為優質新手村，讓非本科也有地方自學＆討論
登入次數：702 次
註冊於2022年11月28日
  發表了 398 篇貼文
  新增了 1,179 則留言
  貼文共 606,261 次瀏覽
全部留言
關於編輯器　　抓取裡面文字 該怎麼做？

補充幾個關鍵字：所見即所得（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程式基礎練習(一)

very good~!

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 選取元素

寫得很好！順利通過！ 繼續保持！

熱門搜尋： https js 程式 Ml 使用 id 專案 AI 開發 git Ts ar __ with COM Re API ci api app jav for Ai AM Java ai css AR javascript 測試 分享 JS log Git 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 網站 python CD Node 圖片 基礎 console work Github .net CSS 分析 py Python map wEB 後端 前端 lang line this 資料庫 主題
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。