RitaChien's Blog
  • Home
  • Archives
  • Categories
  • Tags
  • About
  •   
  •   

Alpha Camp 學期 2-2 結業心得

在寫 code 之前先分拆邏輯與流程、用函式封裝程式碼、用心命名變數,這些基本動作原來是這麼地重要。
2022-03-23
課程心得
#AlphaCamp

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

HTML 的 audio 標籤

為了增加網頁的互動性,有時候會想讓網頁發出聲音,這時候只要在 HTML 文件中加上 <audio> 標籤即可。
2022-01-30
HTML
#HTML

【JS30 挑戰】 Day1 - JavaScript Drum Kit

這個專案對 JavaScript 只要有 function 跟 DOM 基礎就沒問題。另外需要有一點 HTML/CSS 的概念才有辦法順利使用 querySelector 。
2022-01-29
JavaScript
#JavaScript #JS30

Alpha Camp 學期 2-1 結業心得

學習的過程充滿挑戰,成功闖過之後就想做更多的挑戰!這大概就是我在這階段完課後,最明顯的感受。
2022-01-27
課程心得
#AlphaCamp

簡易 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
123456

Search

Hexo Fluid
載入天數... 載入時分秒...