data-* HTML 自定義屬性及 dataset 在 JS30 Day1 第一次看到 data-* 屬性,學習 DOM 之後發現真是太好用了阿! 2022-02-14 JavaScript #JavaScript #HTML #CSS
【JS30 挑戰】 Day2 - JS and CSS Clock 這個專案練習了 CSS 轉場效果( transition & transform ),並利用 JavaScript function 來帶動 transform 的變化。 2022-02-07 JavaScript #JavaScript #JS30
【JS30 挑戰】 Day1 - JavaScript Drum Kit 這個專案對 JavaScript 只要有 function 跟 DOM 基礎就沒問題。另外需要有一點 HTML/CSS 的概念才有辦法順利使用 querySelector 。 2022-01-29 JavaScript #JavaScript #JS30
簡易 RPG 戰鬥:攻擊與補血 題目來源: Alpha Camp 學期 2-1題目的主要目的是 Javascript function 的練習。設計 function 的運作方式,利用 if + return 來控制需要提早跳出函式的情況,及使用 this 取到物件自身。 2022-01-15 JavaScript #AlphaCamp #JavaScript
星座計算機 題目來源: Alpha Camp 學期 2-1 工作坊在學習 function 的過程中,對於如何設計和應用只有模糊的概念。星座計算機是個規模較小的應用題,可以在不長的流程中清楚看出 fuction 的運作時機和傳回值的流向。透過 function 的使用,可以讓主程式碼盡可能地保持較乾淨的狀態。 2022-01-08 JavaScript #AlphaCamp #JavaScript
Hexo 插件更新 會寫這篇文章主要是因為收到了 hexo-server 插件的更新通知。隨著部落格功能的擴充,我安裝的 Hexo 插件越來越多,每個插件都會做各自的版本更新(還不同時間點)。一個一個分別更新好麻煩,然後懶人如我找到了個 npm 包可以直接幫我確認最新版本,再全部一起更新,多棒啊~~ 2022-01-06 Hexo #Hexo
Hexo NexT 主題更新 本篇撰寫時 Hexo 及 NexT 版本如下,不同版本可能會有功能或設定方式上的差異!Hexo 版本: hexo: 6.0.0Next 版本: hexo-theme-next-8.8.2 升級到 8.9.0 2022-01-05 Hexo #Hexo #NexT