登入次數:160 次
註冊於2024年03月16日
  發表了 8 篇貼文
  新增了 58 則留言
  貼文共 2,036 次瀏覽
全部留言

JavaScript 系列八:第2課 ── 筆記應用程式

記錄: https://replit.com/@applelilyreplit/JavaScript-Xi-Lie-Ba-Vue-Xiao-Xing-Ying-Yong-Cheng-Shi-less#src/components/Notes.vue ![](https://i.imgur.com/qi5NX6U.gif)


JavaScript 系列八:第1課 ── 碼表應用程式

交作業: https://replit.com/@applelily567899/JavaScript-Xi-Lie-Ba-Vue-Xiao-Xing-Ying-Yong-Cheng-Shi#src/components/Stopwatch.vue ![](https://i.imgur.com/KQ2aqIr.gif)


JavaScript 系列七:第7課 ── 認識 Template Refs

交作業: https://jsfiddle.net/applelily/n0zvu5ok/3/ ![](https://i.imgur.com/abRTvg6.gif)


JavaScript 系列七:第6課 ── 認識 Lifecycle Hooks 與 Watchers

交作業: https://jsfiddle.net/applelily/c0ts721e/2/ ![](https://i.imgur.com/5Rt1DcJ.gif)


JavaScript 系列七:第5課 ── 學習 Vue 事件處理的寫法

交作業: https://jsfiddle.net/applelily/hq5ekvon/1/ ![](https://i.imgur.com/xyiyvlj.png)


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

記錄:https://jsfiddle.net/applelily/9cmdL87f/1/ ![](https://i.imgur.com/bnfH7QH.png)


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

記錄: https://jsfiddle.net/applelily/eLwgs8of/1/ ![](https://i.imgur.com/StRJMcy.png)


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

記錄: https://jsfiddle.net/applelily/ayk749vo/1/ ![](https://i.imgur.com/m783NxP.png)


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

記錄: https://jsfiddle.net/applelily/jtdoeL4r/2/ ![](https://i.imgur.com/FypksZO.png)


JavaScript 系列六:第7課 ── 資料序列化

https://jsfiddle.net/applelily/eujr9atc/1/ ![](https://i.imgur.com/LVvegeq.png)


JavaScript 系列六:第6課 ── 認識 data model 的優點

記錄: https://jsfiddle.net/applelily/ynfdL8jh/10/ ![](https://i.imgur.com/OwX74f7.gif)


JavaScript 系列六:第5課 ── 熟悉匿名函式

記錄: https://jsfiddle.net/applelily/dbam5e8r/2/ ![](https://i.imgur.com/bmqJbqY.gif)


JavaScript 系列六:第4課 ── 熟悉 render function

記錄: https://jsfiddle.net/applelily/bczv4fLd/4/ ![](https://i.imgur.com/0Kva7Zv.gif)


JavaScript 系列六:第3課 ── 認識匿名函式

記錄: https://jsfiddle.net/applelily/cpduyosj/7/ ![](https://i.imgur.com/PChIob8.gif)


JavaScript 系列六:第2課 ── 認識陣列操作

記錄:https://jsfiddle.net/applelily/8La2tnpe/1/ ![](https://i.imgur.com/mfHrUvM.png)


JavaScript 系列六:第1課 ── 認識 data model 與 render function

記錄: https://jsfiddle.net/applelily/01wcpg6e/8/ ![](https://i.imgur.com/k7NTCAT.png)


JavaScript 系列五:第7課 ── 學會 AJAX 與 data attribute 的結合

記錄: https://jsfiddle.net/applelily/4of0hL1g/1/ ![](https://i.imgur.com/7GNkXSF.png)


JavaScript 系列五:第6課 ── 學會 AJAX 與各種 HTTP 請求方法

記錄: https://jsfiddle.net/applelily/uog6amLz/1/ ![](https://i.imgur.com/i9xfHZH.png)


JavaScript 系列五:第5課 ── 學會 AJAX 錯誤處理

記錄:https://jsfiddle.net/applelily/6x85etp0/3/ ![](https://i.imgur.com/jZn6iqq.png)


JavaScript 系列五:第4課 ── 學會 AJAX 基本原理

記錄: https://jsfiddle.net/applelily/wk0s4oab/1/ ![](https://i.imgur.com/QzR6kNG.png)


JavaScript 系列五:第3課 ── 變數作用域、箭頭函式、ES6 語法

記錄: https://jsfiddle.net/applelily/o5wkd0s1/4/ --- ![](https://i.imgur.com/QyYKsZc.png)


JavaScript 系列五:第2課 ── 學會 Local Storage 相關功能

記錄: https://jsfiddle.net/applelily/25f4936r/2/ ![](https://i.imgur.com/pUfIH08.png)


JavaScript 系列五:第1課 ── 學會 Cookie 相關功能

記錄: https://replit.com/@applelily567899/JavaScript-Xi-Lie-Wu-Di-1Ke-Xue-Hui-Cookie-Xiang-Guan-Gong-Neng --- ![](https://i.imgur.com/7IwIuVj.png)


JavaScript 系列四:第7課 ── TinyMCE 套件

記錄: https://jsfiddle.net/applelily/gjbr7s13/2/


JavaScript 系列四:第6課 ── kenwheeler/slick 套件

記錄 --- 橫向: https://jsfiddle.net/applelily/3fvaL896/4/ --- 直向: https://jsfiddle.net/applelily/25pjzqh6/3/


JavaScript 系列四:第5課 ── xdan/datetimepicker 套件

記錄: https://jsfiddle.net/applelily/h7z5vfLc/6/


JavaScript 系列四:第4課 ── jQuery 套件

<h4>記錄: </h4> 不使用 jQuery: https://jsfiddle.net/applelily/knsz4qyw/3/ --- 使用 jQuery: https://jsfiddle.net/applelily/q4ya03vp/2/


JavaScript 系列四:第3課 ── Chart.js 套件

記錄: https://jsfiddle.net/applelily/4yr8av3h/


JavaScript 系列四:第2課 ── vanilla-lazyload 套件

記錄: https://jsfiddle.net/applelily/6kam3qtu/2/


JavaScript 系列四:第1課 ── autosize 套件

記錄: https://jsfiddle.net/applelily/u24xeohd/5/


JavaScript 系列三:練習7 ── carousel 輪播元件

記錄: https://jsfiddle.net/applelily/o6g8chy7/


JavaScript 系列三:練習6 ── dropdown 下拉式選單

記錄: https://jsfiddle.net/applelily/y2okqcg5/3/


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

記錄: https://jsfiddle.net/applelily/p3qk1n7r/5/


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

記錄:https://jsfiddle.net/applelily/0agfw94c/1/


JavaScript 系列三:練習3 ── modal 互動視窗元件

記錄:https://jsfiddle.net/applelily/bq84yco7/1/


JavaScript 系列三:練習2 ── toast 吐司元件

記錄: https://jsfiddle.net/applelily/wvfjp7mu/4/


JavaScript 系列三:練習1 ── alert 示警元件

記錄: https://jsfiddle.net/applelily/pb73k906/3/


JavaScript 系列二:第7課 ── 用 Selector API 選取元素

JavaScript 系列二作業完成: https://jsfiddle.net/applelily/L6hmocas/2/


JavaScript 系列二:第6課 ── 讀取與修改 DOM 元素的 style

記錄: https://jsfiddle.net/applelily/d5hg4k27/1/


JavaScript 系列二:第5課 ── 認識 onchange 事件

記錄: https://jsfiddle.net/applelily/r96tehms/1/


JavaScript 系列二:第4課 ── 讀取與修改 DOM 元素的 class

記錄: https://jsfiddle.net/applelily/t8zmcpLe/3/


JavaScript 系列二:第3課 ── 認識 for 迴圈

記錄: https://jsfiddle.net/applelily/4bmdacvp/4/


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

記錄: https://jsfiddle.net/applelily/f6pvm28w/13/


JavaScript 系列二:第1課 ── 認識 DOM 樹、新增元素

記錄: https://jsfiddle.net/applelily/wr4cjvhL/2/


JavaScript 系列一:第7課 ── 認識巢狀結構

記錄: https://jsfiddle.net/applelily/1q6f95kz/9/


JavaScript 系列一:第6課 ── 認識資料型態與轉換

記錄: https://jsfiddle.net/applelily/j4arzdbs/3/


JavaScript 系列一:第5課 ── 基本的 if/else 條件流程控制

記錄: https://jsfiddle.net/applelily/v9r7sey8/1/


JavaScript 系列一:第4課 ── 基本的陣列操作

記錄: https://jsfiddle.net/applelily/5zq9s0ft/13/


JavaScript 系列一:第3課 ── 修改 html 的內容

記錄: https://jsfiddle.net/applelily/yrungtjv/1/


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

記錄: https://jsfiddle.net/applelily/1at2Lfyx/2/


JavaScript 系列一:第1課 ── 基本的函數操作、onclick 事件

記錄: https://jsfiddle.net/applelily/89kgaq13/15/


自學網頁の嬰兒教材:第7課 ── 大感動!我也有個人網頁了!

記錄: https://jsfiddle.net/applelily/7r4s0gLo/1/


自學網頁の嬰兒教材:第6課 ── 在自己電腦上寫網頁

記錄:https://jsfiddle.net/applelily/23gu1qzb/2/


自學網頁の嬰兒教材:第5課 ── 用力送出表單

記錄: https://jsfiddle.net/applelily/v3ju1Lbr/73/


自學網頁の嬰兒教材:第4課 ── 好用的表格

謝謝 ! 交作業了~ https://jsfiddle.net/applelily/m10zqh76/8/


自學網頁の嬰兒教材:第4課 ── 好用的表格

站長,我有一個問題, 請問是把 下載的檔案 (CSV) 用 CSS 的 table 顯示嗎? 謝謝~ ![](https://i.imgur.com/zdrLUKg.png)


自學網頁の嬰兒教材:第3課 ── 網頁排版

交作業了 ~ 謝謝^^ https://jsfiddle.net/applelily/xcr3jzfe/3/


自學網頁の嬰兒教材:第2課 ── CSS 輕入門

交作業了,花了點時間一直在糾結 「+追踪 」的那個按鈕: https://jsfiddle.net/applelily/4kuo01L6/ 如果我在 按鈕:active 設定 font-size: 50%, 整個版面會往上移, 後來改成 transform: scale(0.9);