hbuilder常用快捷鍵
阿新 • • 發佈：2019-02-05
------以下為js部分
定義一個變數e： v a r Space e ; Enter
為e賦值：e Space = Space d o Enter . g 6 " Enter （可提示樣式列表）
使用回車或Tab跳轉游標到綠色豎線（若沒有綠色豎線請使用End到行尾）：Enter ; Enter
為e賦值2：e Space = Space d o Enter . g 8 " d 8 Enter ; Enter （可提示標籤列表）
為e賦值3(這個程式碼塊很常用)：e Space = Space $ (或者dg) Enter 2 Enter ; Enter （可提示id列表，注意選擇d1）
為e設定algin屬性： e . s e 2 " a l Enter → , " c Enter Enter ; Enter
設定自定義屬性：e . s e 2 " d Enter → , " 2 Enter ; Enter
提示字型列表： e . s t Enter . f o 2 = " Enter Enter ; Enter
提示圖片列表： e . s t Enter . b 7 = " h b Enter Enter ; Enter
還能這麼寫css： e . s t Enter . c s 2 = " b 7 h b Enter → ; Enter
寫switch對e判斷：s w 2 e . s t Enter . d i s Enter Tab
case處提示display的值域：" - w e Enter
跳轉到switch結尾（有綠色豎線）：Enter Enter
寫if程式碼塊：i f f Enter (或者使用i f 2)
為if新增條件判斷屬性裡的樣式：e . g e t a t Enter " c Enter Enter ! = " Enter ↓
設定e的樣式：e . c l 2 (此處也可以用c l n Enter) = " Enter Enter ; ↓ Enter
js裡可以提示html： e . i n n Enter = " < f o Enter Space c o Enter Enter Enter ; Enter
e賦值改為超連結：e Space = Space $ Enter Enter Enter ; Enter
給a1加連結地址：e . h r Enter = " Enter Enter ; Enter
給a1加target：e . t 5 = " Enter Enter ; Enter
e賦值改為image物件：e Space = Space n e w Space i m 6 Enter ; Enter
為img增加圖片： e . s r Enter = " Enter Enter ; Enter
e賦值改為indexedDB物件：e Space = Space w i Enter . i Enter Space | | Space w i Enter . i n d e x e d 5 Space | | Space w i Enter . i n d e x e d 3 Space | | Space w i Enter . i n d e x e d 2 ; Enter
確認e可被瀏覽器識別：i f f Enter (也可以使用i f 2) t y 4 e Enter ↓
執行indexdb的方法：e . o p Enter " t e s t Enter ; ↓ Enter
------以下為刪除又新增上外部css引用
定義head變數：v a r Space h e a d Space = Space d o Enter . g 8 " h e Enter Enter [ 0 → ; Enter
with裡也可以提示： w i t h h (或者w i t 2) Enter h Enter ↓
獲取head的最後一個子節點：v a r Space l Space = Space l e c Enter ; Enter （with裡的head可直接識別子物件）
去掉該子節點：r e m 6 l → ; ↓ Enter （head的lastElementChild就是外部引用的css）
動態生成一個css檔案引用：e Space = Space d c Enter l 5 Enter ; Enter
新增屬性：e . r 3 = " s t y Enter Enter ; Enter
設定type： e . t y Enter = " c Enter Enter ; Enter
設定href：e . h r Enter = " . c Enter Enter ; Enter
將e加入head中：h Enter . a p Enter e Enter Enter ; Enter
------演示重構，即重新命名變數
用程式碼塊定義一個變數s：v a r s Enter Tab e Space i s Space 'Ctrl+Enter'
判斷e的屬性：i f e（或i f 3） Enter e . g 2 " d Enter Enter = = n u 2 ↓
為s賦值：s = s + e . o u Enter ; 'Alt+↓'
為s賦值：s = s + " u n k n o w → ; ↓ Enter
將s打印出來：a l Enter s
選擇s並轉到定義：'Shift+←' 'Ctrl+Alt+D'（按Alt點選滑鼠也可以）
重構s的命名為ss：'Ctrl+F2' Enter s s Enter Enter (彈出對話方塊可預覽重構結果)
跳轉到函式末尾：'Alt+↓' 'Alt+↓' Enter
定義一個變數e： v a r Space e ; Enter
為e賦值：e Space = Space d o Enter . g 6 " Enter （可提示樣式列表）
使用回車或Tab跳轉游標到綠色豎線（若沒有綠色豎線請使用End到行尾）：Enter ; Enter
為e賦值2：e Space = Space d o Enter . g 8 " d 8 Enter ; Enter （可提示標籤列表）
為e賦值3(這個程式碼塊很常用)：e Space = Space $ (或者dg) Enter 2 Enter ; Enter （可提示id列表，注意選擇d1）
為e設定algin屬性： e . s e 2 " a l Enter → , " c Enter Enter ; Enter
設定自定義屬性：e . s e 2 " d Enter → , " 2 Enter ; Enter
提示字型列表： e . s t Enter . f o 2 = " Enter Enter ; Enter
提示圖片列表： e . s t Enter . b 7 = " h b Enter Enter ; Enter
還能這麼寫css： e . s t Enter . c s 2 = " b 7 h b Enter → ; Enter
寫switch對e判斷：s w 2 e . s t Enter . d i s Enter Tab
case處提示display的值域：" - w e Enter
跳轉到switch結尾（有綠色豎線）：Enter Enter
寫if程式碼塊：i f f Enter (或者使用i f 2)
為if新增條件判斷屬性裡的樣式：e . g e t a t Enter " c Enter Enter ! = " Enter ↓
設定e的樣式：e . c l 2 (此處也可以用c l n Enter) = " Enter Enter ; ↓ Enter
js裡可以提示html： e . i n n Enter = " < f o Enter Space c o Enter Enter Enter ; Enter
e賦值改為超連結：e Space = Space $ Enter Enter Enter ; Enter
給a1加連結地址：e . h r Enter = " Enter Enter ; Enter
給a1加target：e . t 5 = " Enter Enter ; Enter
e賦值改為image物件：e Space = Space n e w Space i m 6 Enter ; Enter
為img增加圖片： e . s r Enter = " Enter Enter ; Enter
e賦值改為indexedDB物件：e Space = Space w i Enter . i Enter Space | | Space w i Enter . i n d e x e d 5 Space | | Space w i Enter . i n d e x e d 3 Space | | Space w i Enter . i n d e x e d 2 ; Enter
確認e可被瀏覽器識別：i f f Enter (也可以使用i f 2) t y 4 e Enter ↓
執行indexdb的方法：e . o p Enter " t e s t Enter ; ↓ Enter
------以下為刪除又新增上外部css引用
定義head變數：v a r Space h e a d Space = Space d o Enter . g 8 " h e Enter Enter [ 0 → ; Enter
with裡也可以提示： w i t h h (或者w i t 2) Enter h Enter ↓
獲取head的最後一個子節點：v a r Space l Space = Space l e c Enter ; Enter （with裡的head可直接識別子物件）
去掉該子節點：r e m 6 l → ; ↓ Enter （head的lastElementChild就是外部引用的css）
動態生成一個css檔案引用：e Space = Space d c Enter l 5 Enter ; Enter
新增屬性：e . r 3 = " s t y Enter Enter ; Enter
設定type： e . t y Enter = " c Enter Enter ; Enter
設定href：e . h r Enter = " . c Enter Enter ; Enter
將e加入head中：h Enter . a p Enter e Enter Enter ; Enter
------演示重構，即重新命名變數
用程式碼塊定義一個變數s：v a r s Enter Tab e Space i s Space 'Ctrl+Enter'
判斷e的屬性：i f e（或i f 3） Enter e . g 2 " d Enter Enter = = n u 2 ↓
為s賦值：s = s + e . o u Enter ; 'Alt+↓'
為s賦值：s = s + " u n k n o w → ; ↓ Enter
將s打印出來：a l Enter s
選擇s並轉到定義：'Shift+←' 'Ctrl+Alt+D'（按Alt點選滑鼠也可以）
重構s的命名為ss：'Ctrl+F2' Enter s s Enter Enter (彈出對話方塊可預覽重構結果)
跳轉到函式末尾：'Alt+↓' 'Alt+↓' Enter