此人尚未填寫簡介。
登入次數:23 次
註冊於2024年02月05日
  發表了 0 篇貼文
  新增了 56 則留言
  貼文共 0 次瀏覽
全部留言

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

2024.02.19發現改用cdnjs提供的就可以使用了:D <br/> https://jsfiddle.net/wxo5dtvL/


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

2024.02.16 https://jsfiddle.net/txnvs1jd/


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

2024.02.16 https://jsfiddle.net/9L618btk/


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

2024.02.16 https://jsfiddle.net/ajzxbskv/ <br/> 一直想不到index要怎麼取得,原來在上一堂課for迴圈的官方文件裡。有看沒有懂也沒有印象的金魚🥲


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

2024.02.16 https://jsfiddle.net/qavdLho4/


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

2024.02.16 https://jsfiddle.net/bkgma92s/


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

2024.02.15 https://jsfiddle.net/xj0tLz5h/


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

2024.02.15 https://jsfiddle.net/ob42wk0d/ <br/> 稍微看了官方文件,不管中文還是英文,都是有看沒有懂,要實作才比較理解😅


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

2024.02.15 https://jsfiddle.net/98mvdxrq/


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

2024.02.15 https://jsfiddle.net/gh2cxb4m/


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

2024.02.15 https://jsfiddle.net/kpxd3ow5/


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

2024.02.15 https://jsfiddle.net/5ht2761d/


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

2024.02.15 https://jsfiddle.net/vf231sdg/


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

2024.02.15 https://jsfiddle.net/9akhz21r/1/


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

2024.02.15 https://jsfiddle.net/xgpmrw3j/


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

2024.02.15 https://jsfiddle.net/bwod1gfz/


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

2024.02.15 https://jsfiddle.net/oseamuz1/


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

2024.02.15 https://jsfiddle.net/orudbgxp/ <br/> 為方便觀察,此作業故意將AJAX請求故意打錯API網址


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

2024.02.14 https://jsfiddle.net/j80xqc5z/


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

2024.02.14 https://jsfiddle.net/oatjzng4/


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

2024.02.14 https://jsfiddle.net/ukqnxjch/ <br/> 寫得超髒的🫠而且處理local storage的顯示用到很多元素製作跟append,這和當時系列二新增待辦事項按鈕的執行函式相似度好高


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

2024.02.14 https://replit.com/@luumii694/cookie?v=1


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

2024.02.14 https://jsfiddle.net/tno3xzmu/ <br/> 據官方文件表示,2024年開始需要申請帳號才能拿到有效的api key啟動這個套件,因此作業就不特別申請帳號來啟動功能。因為只有14天免費試用QQ


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

2024.02.13 https://jsfiddle.net/51wofmcp/


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

2024.02.13 https://jsfiddle.net/65rvdn19/


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

2024.02.13<br/> 原生JS:https://jsfiddle.net/w6o5cs2d/ 運用jQ:https://jsfiddle.net/husvqk4d/


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

2024.02.13 https://jsfiddle.net/1zom26bn/ <br/> 官方文件的套用教學,說明可以用CDN或<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>。但不懂為什麼用CDN就無法顯示我的圖表(寫作業的當下,最新版本為4.4.1),用npm網址就可以,然後在jsfiddle新增npm的這個resource,也無法顯示,一定要在HTML有個script tag用npm網址版本才能顯示


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

2024.02.12 https://jsfiddle.net/k7r1sqnL/


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

2024.02.12 https://jsfiddle.net/o1f5gjdn/


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

2024.02.12 https://jsfiddle.net/xr9km24c/


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

2024.02.11 https://jsfiddle.net/j7y12n6z/


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

2024.02.11 https://jsfiddle.net/4skjeo0z/


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

2024.02.11<br/> 第三課作業:https://jsfiddle.net/t48nrLq7/<br/> 第四課作業:https://jsfiddle.net/a3vq0x7n/<br/> 第三課頁面不知道為什麼不能留言,故在此補交


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

2024.02.10 https://jsfiddle.net/py73raxj/ <br/> 依自己觀察電商的印象,特別加上吐司顯示有數量限制,還有淡入淡出的動畫


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

2024.02.10 https://jsfiddle.net/scrj7m2v/


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

2024.02.10 https://jsfiddle.net/2kp58uzh/


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

2024.02.10 https://jsfiddle.net/395L2duh/ <br/> 忘記還有event.target可以用,一直在從for of loop思考都寫不出來。 <br> 如果有人用for of loop寫,且只用目前課程教到的技術達成,希望可以交流一下🥲查到要用for of loop的寫法,都要配合監聽事件、this、toggle屬性


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

2024.02.09 https://jsfiddle.net/pn7ukvf5/ <br /> 提供兩種onchange調用函式的方法😄 <br/> 就函式行數多寡及實際寫程式的思考時間和複雜程度,真的還是ID選取最快最直覺


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

2024.02.09 https://jsfiddle.net/go6utn4f/


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

2024.02.09 https://jsfiddle.net/sckv6pt0/


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

2024.02.08 https://jsfiddle.net/0dn6pyjg/


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

2024.02.07 https://jsfiddle.net/v9ja2nuq/ <br /> 不是忘記連結外部JS,就是設定CSS的時候習慣用class符號,結果沒選到東西,因為一樣的名稱是id🫠


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

2024.02.07 https://jsfiddle.net/48st36Le/


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

2024.02.07 https://jsfiddle.net/dszq3ohc/


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

2024.02.07 https://jsfiddle.net/uova3Lbn/ <br /> 不知道為什麼,如果跳出alert就馬上點確定,還有alert之間的切換點擊確定的間隔太短,都會導致該alert無法消失或切換,一定要慢慢點才行🤔


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

偷偷參考你的樣式設計,偶然發現送出訂單後跳出的推銷物品都是一樣的。因為你的type是text屬性(中文)卻用了英文字串來比對。除此之外,else if語句少了一個等號喔


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

2024.02.07 https://jsfiddle.net/8faqt4gj/


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

2024.02.06 繳作業 https://jsfiddle.net/buacyzsj/


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

2024.02.06 繳作業 https://jsfiddle.net/q645gn0h/


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

2024.02.06 繳作業 https://jsfiddle.net/fuabs30L/ --- 自己在vscode分開檔案寫,常常忘記要連結外部JS檔案🫠


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

2024.02.06 繳作業 https://jsfiddle.net/grekx23f/


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

2024.02.06 繳作業 https://jsfiddle.net/1dyeofvc/ <br /> 覺得表單排版用table處理應該會比較好操作,尤其是處理輸入欄的小標對齊。不過作業我還是用div給予指定寬度,然後每個div裡面的lable和input再給予指定尺寸來分配處理對齊。另外,我還改了radio和checkbox的樣式,瀏覽器預設的CSS好難改,多虧有google大神的協助


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

2024.02.06 繳作業 https://jsfiddle.net/jdn4ftxg/


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

2024.02.06 繳作業! https://jsfiddle.net/s6wpno2L/ <br /> 小視窗看起來會跑版,但全視窗就沒事🫠要處理RWD真的滿累的,這裡先偷懶(# <br /> 這次作業的心得是:覺得先寫好HTML再來寫CSS會比較好處理,但如果在HTML架構之前,還有設計稿的話,那就更好了。 因為這次作業是前幾節的作業延續發展,在第一堂的時候想要用單純的標籤不加入樣式,儘可能排出(順序和文字對齊)和原文網站相似的樣子,結果寫CSS就有點頭疼了😅但實務操作應該也是會有客戶臨時要增加資料的狀況吧?希望自己能儘早適應隨時切換編寫的狀況


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

2024.02.06 繳作業! https://jsfiddle.net/hnvae5cp/ <br /> 寫CSS的心得之一:需要很多命名class的idea還有英文詞彙量😅 <br /> 以我的作業為例,同樣為橘色按鈕但要設定的padding不同,不知道該取不同class名,然後用多重選取器設定需要相同屬性值的CSS,之後再分開個別設定不同之處;還是說就用同個class設定需要相同的屬性,再一層一層慢慢選到要個別設定差異。我目前的做法是用後者處理


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

感謝站長!2024.02.05 交作業 https://jsfiddle.net/qtvz9efx/1/