站長阿川

站長阿川

👉 身份：資深全端工程師、指導過無數人半路出家轉職 👉 使命：打造 CodeLove 成為優質新手村，讓非本科也有地方自學＆討論
登入次數：754 次
註冊於2022年11月28日
  發表了 414 篇貼文
  新增了 1,195 則留言
  貼文共 715,750 次瀏覽
全部留言
JavaScript 系列七：第5課 ── 學習 Vue 事件處理的寫法

順利完成！

JavaScript 系列二：第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件

寫得很好，順利完成，繼續保持！

資源分享-練手項目以及結構教學（新手適合！）

的確是日式簡約優雅的質感，很讚！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

ok 順利通過

資源分享-練手項目以及結構教學（新手適合！）

wow! very good!

JavaScript 系列七：第4課 ── 學習 Vue 迴圈的寫法

很好，順利完成！

JavaScript 系列七：第3課 ── 學習 Vue 條件判斷式的寫法

很好，順利完成！

JavaScript 系列三：練習5 ── collapse 折疊效果

寫得很好！順利完成！

JavaScript 系列七：第2課 ── 體驗一下 Reactivity 的效果與便利

寫得很好！順利完成！

JavaScript 系列七：第1課 ── 認識 Vue 基本環境與 render state

順利通過！

JavaScript 系列三：練習4 ── 表單驗證

很好的分享 有找到有趣技巧或者特效 都可以到討論區貼文 之後我會做「個人文章搜尋功能」 個人頁面就會變成個人知識資源庫~ 未來要查就很方便~

神奇的聊天機器人

很好的分享 大家可以多多分享一些對於學習有幫助的小資源 彼此幫助、找到高價值資訊

神奇的聊天機器人

ChatGPT 的出現，即便是軟體工程師，也感到震驚 大家可以多多利用，多請教問題，很有幫助

JavaScript 系列三：練習4 ── 表單驗證

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！繼續保持！

關於編輯器　　抓取裡面文字 該怎麼做？

簡單講，你需要往存取背後 data model 的方向去研究 直接存取 html，會在每次 data model 被 render 成 UI 的時候，就覆蓋掉了

關於編輯器　　抓取裡面文字 該怎麼做？

補充幾個關鍵字：所見即所得（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 這個現象 還是很困擾的話，我找時間寫文章說明

熱門搜尋： __ ar ul 使用 https AM github 開發 COM Re Ts Ml 網站 AR log am for Javas 設計 api 平台 AI Type git 作為 ui Ai LA re the bi javascript 專案 框架 工作 學習 javasc API javas py with js jav la Java start Js id 研究 JavaScript JS react 分享 主題 測試 程式 wEB 伺服器 go vs AWS ＣＳＳ JAVA 語言 第一 嗎？ [] user Javascript 公司 ai ci Node 討論 系列 技術 資料庫 CSS type CD aws create React post SQL Git blog 結構 app url 基礎 開源 部落格 ') gpt 部署 後端 work node 效率
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。