iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
自我挑戰組

CSS、JS-30天研究筆記 系列

藉由30天分享CSS或JS筆記,強迫自己更加了解這二者特性、觀念與應用技巧。

鐵人鍊成 | 共 31 篇文章 | 23 人訂閱 訂閱系列文 RSS系列文
DAY 20

【Day21】DOM節點操作

包含查找節點,也可以創建節點、複製節點、插入節點、刪除節點和替換節點。 createElement() 創建元素節點,用法: var p = documen...

2018-10-21 ‧ 由 Amy 分享
DAY 21

【day22】DOM 元素尺寸和位置

一、尺寸相關 通過 style 內聯獲取元素的大小.style.width和style.height; 獲取可視區的大小(內容+內邊距) clientWidt...

2018-10-22 ‧ 由 Amy 分享
DAY 22

【day23】DOM的等級與操作樣式

一、 關於DOM的等級 DOM0:不符合W3C的標準 DOM1:W3C開始定義的標準,HTML的地層結構 DOM2、DOM3:引入了更多的交互能力,分為許多模...

2018-10-23 ‧ 由 Amy 分享
DAY 23

【day24】常用事件整理

一、 滑鼠事件 click:按下滑鼠按鈕或按下Enter鍵時觸發。 dblclick:雙擊滑鼠按鈕時觸發。 mousedown:按下了滑鼠還未彈起時觸發。 m...

2018-10-24 ‧ 由 Amy 分享
DAY 24

【day25】關於表單1

HTML -> 元素;JavaScript -> HTMLFormElement 類型* submit()方法:可以自訂觸發 submit 事件,並...

2018-10-25 ‧ 由 Amy 分享
DAY 25

【day26】關於表單2

【day26】關於表單2 一、 關於文字方塊 單行文字方塊 多行文字方塊 .select()方法, 選中文字方塊中的文本 .setSelectionRange...

2018-10-26 ‧ 由 Amy 分享
DAY 26

【day27】關於時間與日期

Date 類型: 是ECMAScript內置的獲取/設置日期與時間資訊的方法。 創建一個日期物件:var tobay= new Date(); 日期格式化方法...

2018-10-27 ‧ 由 Amy 分享
DAY 27

【day28】JQ動畫效果

一、 顯示.show() / 隱藏.hide() 預設速度參數字串: Slow:600 毫秒 normal :400 毫秒 fast: 200 毫秒。...

2018-10-28 ‧ 由 Amy 分享
DAY 28

【day29】JQ關於事件1

一、 事件綁定 .bind():通過.bind()方法為元素綁定click、dblclick、 mousedown、mouseup…等事件。 綁定單一事件...

2018-10-29 ‧ 由 Amy 分享
DAY 29

【day30】JQ關於事件2

一.事件物件 Type屬性:獲取這個事件的事件類型名稱, target屬性:獲取綁定事件的 DOM 元素 data屬性:獲取事件調用時的額外資料 relate...

2018-10-30 ‧ 由 Amy 分享