63 個專案實戰,直接上手!無需補習,按步驟打造你的面試作品。
JavaScript 系列三:練習1 ── alert 示警元件: https://fate-smart-daemonosaurus.glitch.me/ JavaScript 系列三:練習2 ── toast 吐司元件: https://glistening-magenta-bell.gli...
JavaScript 系列七:第1課 ── 認識 Vue 基本環境與 render state https://jsfiddle.net/applelily/jtdoeL4r/2/ ![](https://i.imgur.com/FypksZO.png) JavaScript 系列七:第2...
JavaScript 系列二:第1課 ── 認識 DOM 樹、新增元素: https://changeable-pond-side.glitch.me/ JavaScript 系列二:第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件: https://cake-po...
第1課 ── 基本的函數操作、onclick 事件 https://pouncing-cuboid-lathe.glitch.me/ 第2課 ── 基本的變數操作、從 html 取得內容 https://melodic-tiny-beak.glitch.me/ 第3課 ── 修改 h...
JavaScript 系列六:第1課 ── 認識 data model 與 render function https://jsfiddle.net/applelily/01wcpg6e/8/ ![](https://i.imgur.com/k7NTCAT.png) --- Java...
JavaScript 系列五:第1課 ── 學會 Cookie 相關功能: https://replit.com/@applelily567899/JavaScript-Xi-Lie-Wu-Di-1Ke-Xue-Hui-Cookie-Xiang-Guan-Gong-Neng ![](https:...
JavaScript 系列四:第1課 ── autosize 套件: https://jsfiddle.net/applelily/u24xeohd/5/ ![](https://i.imgur.com/35JF0qb.gif) --- JavaScript 系列四:第2課 ── van...
JavaScript 系列三:練習1 ── alert 示警元件: https://jsfiddle.net/applelily/pb73k906/3/ ![](https://i.imgur.com/C4issBf.gif) --- JavaScript 系列三:練習2 ── toas...
JavaScript 系列二:第1課 ── 認識 DOM 樹、新增元素: https://jsfiddle.net/applelily/wr4cjvhL/2/ --- JavaScript 系列二:第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件: https://...
站長收到學員來信詢問,寫篇文章簡單回答如下 --- 在你翻閱「自學網頁の嬰兒教材:JavaScript」教學系列時,應該會發現七、八、九的內容,好像都在用舊版語法? 為什麼站長的教材,看起來是教 Vue 2,不是教 Vue 3? 學過時的東西,不是浪費時間嗎?為什麼不教大家最...
JavaScript 系列一:第1課 ── 基本的函數操作、onclick 事件: https://jsfiddle.net/applelily/89kgaq13/15/ --- JavaScript 系列一:第2課 ── 基本的變數操作、從 html 取得內容: https://jsf...
第1課 ── 基本的函數操作、onclick 事件 https://jsfiddle.net/s1k6z280/57/ 第2課 ── 基本的變數操作、從 html 取得內容 https://jsfiddle.net/d6r4gbfp/1/ 第3課 ── 修改 html 的內容 https:...
第1課 ── 碼表應用程式 https://replit.com/@superyngo1/vue3timer 第一次獨立開發,css苦手,看前輩做的這麼漂亮就練習了一個文字背景漸變 第2課 ── 筆記應用程式 https://replit.com/@superyngo1/vue3note...
[第1課 ── 學習 Vue 元件基本觀念](https://play.vuejs.org/#eNp1kMsKAjEMRX8ldqOCWNxKEdyILvyD2RQngwP2Qc2IIPPvNm1nfKBQSm56btLkIbbeL28dirVQ11NoPW0q2xrvAsEedY0BmuAMTJc...
* [第1課 ── 碼表應用程式](https://replit.com/@birdiewu/Ma-Biao-Ying-Yong-Cheng-Shi-online-stopwatch?v=1) * [第2課 ── 筆記應用程式](https://replit.com/@birdiewu/Bi-Ji...
恭喜你完成了一系列的專案開發挑戰 放眼市面上的新手教材,應該沒人會把作業設定到這麼困難! 但我認為時機差不多了,所以要求一些有挑戰性、有趣的專案來讓你做,應該難不倒你 而且這種只用基本功能,就完成複雜專案的經驗,有助於掌握框架的本質、熟練框架基礎 既然你通通順利完成了,代表你...
* [第1課 ── 認識 Vue 基本環境與 render state](https://jsfiddle.net/birdie2019/54pzj7w2/51/) * [第2課 ── 體驗一下 Reactivity 的效果與便利](https://jsfiddle.net/birdie2019/...
恭喜你完成這份奇怪的 Vue 入門課程 如同我在這門課程中不斷強調的 任何的技術工具,其實都充滿了大量的過時觀念、多餘觀念、錯誤觀念 也就是很多小功能、小語法,要嘛是已經很少人在用了,要嘛是重複設計了,要嘛是根本設計失敗了。這些學了也用不到 偏偏你在補習班或者上網自學的時候,...
第1課 ── 認識 data model 與 render function https://jsfiddle.net/birdie2019/7haz6fLj/9/ 第2課 ── 認識陣列操作 https://jsfiddle.net/birdie2019/7haz6fLj/15/ ...
讓我總結說明一下,老方法、新方法的關鍵思維差異: - 在老方法中,工程師眼中主要關心 html,開發過程會一直去思考 html 結構,因為「應用程式的狀態(資料)」就存在 html 之中,html 同時是狀態、也是 UI - 在新方法中,工程師眼中主要關心 data model,通常就是...
精選技術文章、免費程式設計資源、以及業界重要新聞!