html中的單詞
Network ['netwɜːk] 網絡
General ['dʒen(ə)r(ə)l] 一般的，大體的
Request [rɪ'kwest] 請求
Response [rɪ'spɒns] 響應
Headers ['hedəz] 標題
HyperText ['haɪpətekst] 超文本
Transfer [træns'fɝ] 傳遞
Protocol ['prəʊtəkɒl] 協議
HyperText Transfer Protocol http:超文本傳輸協議
document ['dɒkjʊm(ə)nt] 文件
title ['taɪt(ə)l] 標題
type [taɪp] 類型
doctype: 文檔類型
meta ['metə] 變化
body ['bɒdɪ] 身體
notepad ['nəʊtpæd] 筆記本；記事手冊
heading ['hedɪŋ] 標題
h標簽
paragraph ['pærəgrɑːf] 段落
p標簽：
line [laɪn] 行，排
break [breɪk] 打破
line break 換行
Horizontal [hɒrɪ'zɒnt(ə)l] 水平的
Horizontal Line 水平線
image ['ɪmɪdʒ] 圖片
img標簽
anchor ['æŋkə] 錨
a標簽 超級鏈接
target ['tɑːgɪt] 目標
background ['bækgraʊnd] 背景
unordered [ʌn'ɔːdəd] 無序的
lists [lɪst] 列表
item ['aɪtəm] 項目
list item 列表項目
li標簽
unordered lists 無序列表
ordered ['ɔːdəd] 有序的
ordered lists 有序列表
definition [defɪ'nɪʃ(ə)n] 定義
definition lists 自定義列表
Term [tɜːm] 術語
Definition Term 定義術語
description [dɪ'skrɪpʃ(ə)n] 類型
dd標簽
form [fɔːm] 表單
text [tekst] 文本
password ['pɑːswɜːd] 密碼
table ['teɪb(ə)l] 表格
row [rəʊ] 排
table row ==》tr 一行
data 數據
cell [sel] 細胞
table data cell ==> td 表格中的一個單元格
table header cell==》 th 表格中的表頭
width -->寬度
heigh -->高度
rowspan -->所跨行數
colspan -->所跨列數
css中的單詞
Cascading [kæ'skeɪdɪŋ] 層疊
style [staɪl] 式樣
Sheets [ʃit] 單
css Cascading Style Sheets 層疊樣式表
size [saɪz] 大小
color ['kʌlɚ] 顏色
content ['kɑntɛnt]內容 （英 [kən'tent]滿足的）
description [dɪ'skrɪpʃ(ə)n] 描述
element ['elɪm(ə)nt] 元素
font [fɒnt] 字體
font-size 字體大小
color 字體顏色
display [dɪ'spleɪ] 顯示
block [blɒk] 塊
inline ['ɪn,laɪn] 行內的
inline-block 行內塊級元素
indent [ɪn'dent] 縮進
text-indent 首行縮進
weight [weɪt] 重量
font-weight 字體加粗
bold [bəʊld] 加粗的，黑體的
line-height 行高
letter 字母
letter-spacing 字符間距
word [wɜːd] 單詞
break [breɪk] 打破
word-break 讓長句英文自動換行
white 白色的
type [taɪp] 類型
link 連接
background-image 背景圖片
repeat 重復
background-repeat 背景是否平鋪
position [pə'zɪʃ(ə)n] 位置
link
visited 訪問過的
hover 盤旋，懸停
active ['æktɪv] 激活
padding ['pædɪŋ] 填料（填充物）
top [tɒp] 頂部
right [raɪt] 右邊
bottom ['bɒtəm] 底部
left [left] 左邊
border 邊框
border-color 邊框顏色
border-style 邊框樣式
border-width 邊框寬度
margin ['mɑːdʒɪn] 邊緣 外邊距
margin：0 auto 讓盒子居中顯示
collapse [kə'læps] 倒塌
border-collapse 合並相鄰邊框
outline ['aʊtlaɪn] 輪廓
outline-style 外邊線樣式
resize [riː'saɪz] 調整大小
resize:none; 不允許拖動文本域
overflow [əʊvə'fləʊ] 溢出
overflow:hidden 溢出的部分隱藏
float 浮動
*{margin:0; padding:0;} 清除瀏覽器默認的邊距
Cursor ['kɜːsə] 光標
pointer ['pɒɪntə] 指針
Cursor:pointer 讓鼠標變成小手
position [pə'zɪʃ(ə)n] 位置
absolute ['æbsəluːt] 絕對的
relative ['relətɪv] 相對的
index ['ɪndeks] 指數
z-index: 1 疊放次序
----------------------------------------------------------------------
js中的單詞
java ['dʒɑ:və] (用於因特網的)Java 語言；爪哇島（位於印尼）
script [skrɪpt] 腳本
javascript ['dʒɑ:və,skrɪpt] 基於對象和事件驅動的客戶端腳本語言
variable ['veərɪəb(ə)l] 變量
console [kən'səʊl] 控制台
log [lɒg] 記錄
alert [ə'lɜːt] 警報
prompt [prɒm(p)t] 提示
number ['nʌmbə] 數字
string [strɪŋ] 線
boolean ['bʊlɪən] 布爾
null [nʌl] 空
undefined [ʌndɪ'faɪnd] 未定義
Math [mæθ] 數學
round [raʊnd] 繞行
Math.round 四舍五入
在JS中Math首字母大寫,Math是JS的一個自帶對象，可以試着用[]的形式調用一下Math中的一些常見方法，也是可行的
ceiling ['siːlɪŋ] 天花板
Math.ceil(); 向上取整
floor [flɔː] 地板
Math.floor(); 向下取整
absolute ['æbsəluːt] 絕對的
Math.abs（）;取絕對值
maxima ['mæksəmə] 最大數
Math.max(); 取最大值
minimum ['mɪnɪməm] 最小值
Math.min (); 最小值
random ['rændəm] 隨機的
Math.random(); 得到一個小於0小於1的隨機數
parse [pɑrs] 解析
parseInt（） 解析成整數
integer ['intidʒə] 整數
parseFloat () 解析成浮點數
false [fɔːls] 錯誤的
true [truː] 真實的
if [ɪf] 如果 else [els] 其他
while [waɪl] 當……的時候
break [breɪk] 中斷
continue [kən'tɪnjuː] 繼續
switch [swɪtʃ] 轉換
debug [diː'bʌg] 調試
case [keɪs] 情況
array [ə'reɪ] 數組
length [leŋθ] 長度
function ['fʌŋ(k)ʃ(ə)n] 函數
return [rɪ'tɜːn] 返回值
arguments ['ɑːgjʊm(ə)nts] 偽數組
object ['ɒbdʒɪkt] 對象
delete [dɪ'liːt] 刪除
Instanceof ['ɪnst(ə)ns] 判斷數組
Object.prototype.toString.call() 精確判斷數據類型
['prəʊtətaɪp]
constructor [kənˈstrʌktə(r)] 構造函數
push [pʊʃ] 推進
pop [pɒp] 刪除最后一項，返回刪除項
shift [ʃɪft] 刪除第一項，返回刪除項
unshift [ʌn'ʃɪft] 將這些元素插入到一個數組的開始部分
reverse [rɪ'vɜːs] 翻轉
sort [sɔːt] 將...排序
concat ['con:cat] 把參數拼接到當前數組
slice() [slaɪs] 從當前數組中截取一個新的數組，不影響原來的數組，參數start從0開始,end從1開始
splice() [splas] 刪除或替換當前數組的某些項目，參數start, deleteCount, options(要替換的項目)
indexOf() [ɪndeks] 檢索此字符出現的索引，如果沒有，則返回-1
lastIndexOf() 從后往前檢索此字符出現的索引，如果沒有，則返回-1
filter() ['fɪltə] 過濾
charAt() [tʃɑː] 獲取指定位置處字符
charCodeAt() 獲取指定位置處字符的ASCII碼
trim() [trɪm] 去除字符串兩側的空白
to(Locale)UpperCase() 轉換大寫
[ləʊ'kɑːl] ['ʌpə'keɪs]
to(Locale)LowerCase() 轉換小寫
[,ləʊə'keɪs]
join() [dʒɒɪn] 分隔
split() [splɪt] 分割
API中的單詞
API（Application Programming Interface）
[æplɪ'keɪʃ(ə)n] ['prəʊɡræmɪŋ] ['ɪntəfeɪs] 應用程序編程接口
document ['dɒkjʊm(ə)nt] 文件，文檔
Element ['elɪm(ə)nt] 元素
getElementById() 通過Id獲取元素
getElementsByTagName() 通過標簽名獲取元素
getElementsByName() 通過Name獲取元素
getElementsByClassName() 通過ClassName獲取元素
querySelector() ['kwɪərɪ] [sɪ'lektə] 通過選擇器查詢第一個元素
querySelectorAll() 通過選擇器查詢所有元素
獲取標簽中的內容的三種方式
innerHTML [ɪnə] 內部HTML
innerText [ɪnə] [tekst] 內部文本
textContent [tekst] [kən'tent] 文本內容
getAttribute() [ə'trɪbjuːt] 獲取標簽行內屬性
setAttribute() [ə'trɪbjuːt] 設置標簽行內屬性
removeAttribute() [ə'trɪbjuːt] 移除標簽行內屬性
document.write() ['dɒkjʊm(ə)nt] [raɪt] 文檔打印輸出
document.createElement() ['dɒkjʊm(ə)nt] [kriː'eɪt] 文檔創建元素
appendChild() [ə'pend] [tʃaɪld] 附加子元素
insertBefore() [ɪn'sɜːt][bɪ'fɔː] 在之前插入
removeChild() [rɪ'muːv][tʃaɪld] 移除子元素
replaceChild() [rɪ'pleɪs][tʃaɪld] 置換子元素
parentNode ['peər(ə)nt][nəud] 父節點
childNodes [tʃaɪld][nəuds] 子節點
children ['tʃɪldrən] 子元素
nextSibling/previousSibling 之后的節點/之前的節點
['sɪblɪŋ] ['priːvɪəs]
nextElementSibling/previousElementSibling 之后的元素/之前的元素
firstChild/lastChild 首子節點/末子節點
[fɜːst] [tʃaɪld] [lɑːst][tʃaɪld]
Contented [kən'tentɪd] 滿足的；心安的
onmouseenter（不會冒泡）= onmouseover（會冒泡） 鼠標移入
onmouseleave（不會冒泡）= onmouseout（會冒泡） 鼠標移出
onmouseup 鼠標按鍵放開時觸發
onmousedown 鼠標按鍵按下觸發
onmousemove 鼠標移動觸發
onkeyup 鍵盤按鍵按下觸發
onkeydown 鍵盤按鍵抬起觸發
onclick ['ɒnklɪk] 鼠標單擊事件
onfocus [ɒn'fəʊkəs] 獲取焦點
onblur ['ɒn blɜː] 失去焦點
classList.add（） 給標簽添加的樣式屬性
classList.remove（） 移除標簽的樣式屬性
classList.toggle（） ['tɒg(ə)l] 開關（無則添加，有則刪除）
hasChildNodes() 判斷dom是否有子節點
addEventListener() 事件監聽(Ie9+)
attachEvent() [ə'tætʃ] 事件監聽(老版本Ie）
removeEventListener() 移除事件監聽(Ie9+)
detachEvent() [dɪ'tætʃ] 移除事件監聽(老版本Ie)
e.clientX ['klaɪənt] 鼠標相對於可視區域的橫向位置
e.clientY 鼠標相對於可視區域的縱向位置
e.pageX 鼠標相對於當前頁面的橫向位置
e.pageY 鼠標相對於當前頁面的縱向位置
cloneNode [kləʊn] 克隆節點
return false 取消默認行為
preventDefault() 取消默認行為（DOM標准方法）
[prɪ'vent] [dɪ'fɔːlt]
Propagation [,prɒpə'ɡeɪʃən] 傳播
stopPropagation() 停止事件傳播 取消冒泡
cancelBubble 取消冒泡（非標准的方式 老版本Ie）
['kæns(ə)l] ['bʌb(ə)l]
setTimeout() 設置單次定時器
clearTimeout() 清除單次定時器
setInterval() ['ɪntəv(ə)l] 設置定時器
clearInterval() 清除定時器
offset ['ɒfset] 偏移
scroll [skrəʊl] 卷曲
confirm [kən'fɜːm] 確認 取值為true or false
onload ['ɔnlod] 加載
onunload [ɔn'ʌnlod] 頁面加載完成后
location [lə(ʊ)'keɪʃ(ə)n] 位置
location.reload() true 強制從服務器獲取頁面 false 如果瀏覽器有緩存的話，直接從緩存獲取頁面
scheme [skiːm] 通信協議
host [həʊst] 主機
port [pɔːt] 端口
path [pɑːθ] 路徑
query ['kwɪərɪ] 查詢
fragment ['frægm(ə)nt] 信息片斷
history ['hɪst(ə)rɪ] 歷史
navigator [nævɪgeɪtə] 通過userAgent可以判斷用戶瀏覽器的類型
cursor ['kɜːsə] 光標
cursor: move
被懸浮的物體可被移動
被懸浮的物體可被移動
cursor: pointer
['pɒɪntə] 讓鼠標變成小手
['pɒɪntə] 讓鼠標變成小手
opacity [ə(ʊ)'pæsɪtɪ] 規定不透明度。從 0.0 （完全透明）到 1.0（完全不透明）
JS高級 中的單詞
User Interface 用戶界面，我們所看到的瀏覽器
Browser engine 瀏覽器引擎，用來查詢和操作渲染引擎
['braʊzə] ['endʒɪn]
Rendering engine ['rend(ə)rɪŋ] 用來顯示請求的內容，負責解析HTML、CSS，並把解析的內容顯示出來
Networking 網絡，負責發送網絡請求
JavaScript Interpreter(解析者) [ɪn'tɜːprɪtə] JavaScript解析器，負責執行JavaScript的代碼
UI Backend ['bæk,ɛnd] UI后端，用來繪制類似組合框和彈出窗口
Data Persistence(持久化) [pə'sɪst(ə)ns] 數據持久化，數據存儲 cookie、HTML5中的sessionStorage
sessionStorage 本地存儲/全局對象/會話存儲
Object Oriented Programming 面向對象編程
['ɒbdʒɪkt]['ɔːrɪentɪd]['prəʊɡræmɪŋ]
constructor [kənˈstrʌktə(r)] 構造函數
prototype ['prəʊtətaɪp] 原型
bind [baɪnd] 綁定，裝訂，結合
keycode [kiːkəʊd] 鍵碼
json (JavaScript Object Notiation)
基於JavaScript語言的輕量級的數據交換格式
extend [ɪk'stend] 延伸；擴大；伸展
triangle ['traɪæŋg(ə)l] 三角形
ellipse [ɪ'lɪps] 橢圓形
uniform ['juːnɪfɔːm] 統一的；一致的；相同的
scale [skeɪl] 規模
closure ['kləʊʒə] 閉包
factorial [fæk'tɔːrɪəl] 階乘
JQ中的單詞
:add [æd] 增加
:event [ɪ'vent] 事件
:empty ['em(p)tɪ] 成為空的
:remove [rɪ'muːv] 移動
:prepend [pri:'pend] 預先考慮
:prop [prɒp] 支撐；維持
toggle ['tɒg(ə)l] 開關，切換
fadeIn [feɪdɪn] 平淡的進入
fadeOut [feɪdaʊt] 平淡的出去
fadeToggle [feɪd'tɒg(ə)1] 淡入淡出
fadeTo [feɪdto] 選元素的不透明度逐漸地改變為指定的值
slideDown [slaɪddaʊn] 向下滑動
slideUp [slaɪdʌp] 向上滑動
slideToggle [slaɪd'tɒg(ə)l] 滑動切換
target ['tɑrɡɪt] 目標
delegate ['delɪgət] 代表
delegateTarget ['delɪgət] ['tɑrɡɪt]
currentTarget ['kʌr(ə)nt] ['tɑrɡɪt]
prevAll [priv] [ɔːl]
prev 上一個 all 全部
hover ['hɒvə] 盤旋
repeat [rɪ'piːt] 重復
style [staɪl] 設計式樣
strict [strɪkt] 嚴格的
trigger ['trɪgə] 觸發
triggerHandler ['trɪgə] ['hændlə] 觸發 事件響應方法，不觸發瀏覽器行為
noConflict ['kɒnflɪkt] 多庫共存
spellCheck = ‘false’ [spel] 取消拼寫檢測（css）
H5C3中的單詞
fullpage 整版，全屏
mousewheel [wiːl] 滾輪滑動事件
anchorlink ['æŋkə] 錨鏈接
afterLoad [ləʊd] 滾動到某一屏后的回調函數，接收 anchorLink 和 index 兩個參數，anchorLink 是錨鏈接的名稱，index 是序號，從1開始計算
onLeave 滾動前的回調函數，接收 index、nextIndex 和 direction 3個參數：index 是離開的“頁面”的序號，從1開始計算；nextIndex 是滾動到的“頁面”的序號，從1開始計算；direction 判斷往上滾動還是往下滾動，值是 up 或 down
afterRender 頁面結構生成后的回調函數，或者說頁面初始化完成后的回調函數
afterSlideLoad 滾動到某一水平滑塊后的回調函數，與 afterLoad 類似，接收 anchorLink、index、slideIndex、direction 4個參數
onSlideLeave 某一水平滑塊滾動前的回調函數，與 onLeave 類似，接收 anchorLink、index、slideIndex、direction 4個參數
github 下載fullPage.js的官網
Keyframes [kay] [frems] 聲明函數用
scrollingSpeed 滾動速度，單位為毫秒
navigation [nævɪ'geɪʃ(ə)n] 是否顯示項目導航
loopBottom [luːp] ['bɒtəm] 滾動到最底部后是否滾回頂部
loopTop 滾動到最頂部后是否滾底部
keyboardScrolling ['kiːbɔːd] 是否使用鍵盤方向鍵導航
animation-fill-mode
設置動畫結束時的狀態：默認情況下，動畫執行完畢之后，會回到原始狀態
forwards:['fɔːwədz]會保留動畫結束時的狀態，在有延遲的情況下，並不會立刻進行到動畫的初始狀態
backwards:不會保留動畫結束時的狀態，在添加了動畫延遲的前提下，如果動畫有初始狀態，那么會立刻進行到初始狀態
both:會保留動畫的結束時狀態，在有延遲的情況下也會立刻進入到動畫的初始狀態*/
background: linear-gradient 線性漸變(方向，開始顏色 位置，顏色2 位置，顏色3 位置...) ['greɪdɪənt]
其中方向：to position
background: radial-gradient 徑向漸變 ['reɪdɪəl] (形狀 大小 坐標,顏色1，顏色2...)
其中坐標：at position
closest-side [kləusɪst] 最近邊
farthest-side ['fɑːðɪst] 最遠邊
closest-corner 最近角
farthest-corner 最遠角
backgroundPositionX / backgroundPositionY 背景位置設定
Skew [skjuː] 斜的，歪斜
固定滾動和跟隨滾動 (background-attachment：fixed/scroll)
fixed滾動窗口的滾動條 圖片不會隨着滾動條滾動但是圖片被蓋住
scroll滾動窗口的滾動條 圖片會隨着滾動條滾動
local和scroll的區別
local：滾動內容的滾動條 背景圖片會跟隨內容一起滾動
scroll：滾動內容的滾動條 背景圖片不會跟隨內容一起滾動
stellar ['stelə] 視差滾動效果
ratio ['reɪʃɪəʊ] 比率，比例
data-stellar-ratio="" 設置元素滾動速度
data-stellar-background-ratio="" 設置背景滾動速度
ruquestFullScreen() 開啟全屏
cancelFullScreen() 退出全屏
fullscreenElement 全屏模式
FileReader(） 文件讀取
onabort [ə'bɔrt] 讀取文件中斷片時觸發
onerror 讀取錯誤時觸發
onload 文件讀取成功完成時觸發
onloadend 讀取完成時觸發，無論成功還是失敗
onloadstart 開始讀取時觸發
onprogress 讀取文件過程中持續觸發
readAsDataURL() 讀取后會把文件存在文件讀取對象的result中，且是轉碼的
draggable [dræg] 可拖拽的
ondrag 應用於拖拽元素，整個拖拽過程都會調用--持續
ondragstart 應用於拖拽元素，當拖拽開始時調用
ondragleave 應用於拖拽元素，當鼠標離開拖拽元素時調用
ondragend 應用於拖拽元素，當拖拽結束時調用
ondragenter 應用於目標元素，當拖拽元素進入時調用
ondragover 應用於目標元素，當停留在目標元素上時調用
ondrop [drɒp] 應用於目標元素，當在目標元素上松開鼠標時調用
ondragleave 應用於目標元素，當鼠標離開目標元素時調用
dataTransfer [træns'fɜː] 數據轉換
sessionStorage ['seʃ(ə)n] ['stɔːrɪdʒ] 會話存儲
localStorage ['ləʊk(ə)l] 本地存儲
setItem(key,value) ['aɪtəm] 存儲數據，以鍵值對的方式存儲
getItem(key) 獲取數據，通過指定名稱的key獲取對應的value值
removeItem(key) 刪除數據，通過指定名稱key刪除對應的值
clear() 清空所有存儲的內容
manifest ['mænɪfest] 明顯的
play() 播放
pause() 暫停 [pɔːz]
paused 視頻播放的狀態.
currentTime ['kʌr(ə)nt] 視頻播放的當前進度、
duration [djʊ'reɪʃ(ə)n] 視頻的總時間
oncanplay 事件在用戶可以開始播放視頻/音頻（audio/video）時觸發。
ontimeupdate [ʌp'deɪt] 通過該事件來報告當前的播放進度.
onended 播放完時觸發—重置
移動web中的單詞
PPI（Pixels Per Inch） ['piksəls] 像素密度
viewport ['vju:pɔ:t] 視口
layout ['leɪaʊt] 布局，設計
layout viewport 布局視口
ideal viewport [aɪ'dɪəl] 理想視口
device-width [dɪ'vaɪs] [wɪtθ] 設備寬度
initial-scale [ɪ'nɪʃəl] [skeɪl] 初始縮放值
maximum-scale ['mæksɪməm] 最大縮放值
minimum-scale ['mɪnɪməm] 最小縮放值
onresize [riː'saɪz] 改變屏幕大小時
touchstart [tʌtʃ] 觸摸開始
touchmove 觸摸滑動時
touchend 觸摸結束
targetTouches ['tɑːgɪt] 目標觸摸對象
changedTouches 最后一次變化的觸摸對象
display: flex; [fleks] 伸縮布局
flex-direction: column || row ['kɒləm] 變換主軸（縱軸||橫軸）
justify-content: ['dʒʌstɪfaɪ] 水平方向偏移設置
flex-start || space-between || center || space-around || flex-end
[speɪs] [bɪ'twiːn]
flex-start： 彈性盒子元素將向行起始位置對齊。
flex-end： 彈性盒子元素將向行結束位置對齊。
center： 彈性盒子元素將向行中間位置對齊。
space-between： 彈性盒子元素會平均地分布在行里。
space-around： 彈性盒子元素會平均地分布在行里，兩端保留子元素與子元
素之間間距大小的一半。
align-items [ə'laɪn] 豎直方向偏移設置
align-self 單個元素方向偏移設置
flex-wrap: wrap; [ræp] flex容器為多行。該情況下flex子項溢出的部分
會被放置到新行，子項內部會發生斷行
no-wrap; flex容器為單行，該情況下flex子項可能會溢出容器
zepto 移動端的jQuery
tap [tæp] 輕擊
fastclick 快速點擊（解決點透插件）
Iscroll 實現客戶端原生滾動效果的插件
swiper ['swaipə] 輪播圖用插件
bootstrap 移動端最常用框架
container [kən'teɪnə] 容器（響應式）
container-fluid ['fluːɪd] 容器（全屏式）
hidden-xs（extra small） ['hɪdn] ['ekstrə]
/hidden-sm（small）
/hidden-md（middle） ['mɪd(ə)l]
/hidden-lg（large） [lɑːdʒ]
/分別在不同的屏幕尺寸下會隱藏
template ['templeɪt] 模板
compatible [kəm'pætɪb(ə)l] 兼容的；能共處的；可並立的
carousel [,kærə'sel] 輪播
Superscripted 上標（文本）
Subscripted 下標（文本）
Canvas中的單詞
canvas ['kænvəs] html中的畫布標簽
getContext ['kɒntekst] 獲取上下文
moveTo（） 移動畫筆
lineTo（） 筆畫停點
stroke（） [strəʊk] 描邊
fill（） 填充
beginPath（） [pɑːθ] 新建圖層
closePath（） 閉合路徑
lineWidth ['lainwidθ] 線寬
lineCap [kæp] 線帽
//butt [bʌt] 默認無帽
//square [skweə] 方帽
//round [raʊnd] 圓帽
lineJoin [dʒɒɪn] 拐角
//miter ['maɪtə] 默認尖角
//bevel ['bev(ə)l] 倒角
//round 圓角
setLineDash( 數組 ) [dæʃ] 設置虛線參數
lineDashOffset = 值 設置虛線偏移量
strokeStyle 設置描邊的顏色
fillStyle 設置填充的顏色
strokeRect（） 繪制描邊矩形
fillRect（） 填充矩形
clearRect（） 清除矩形
radian ['reɪdɪən] 弧度
angle ['æŋg(ə)l] 角度
strokeText（） 描邊的文字
fillText（） 實心的文字
textAlign 水平對齊方式
textBaseline 垂直對齊方式
echarts [tʃɑːts] 圖表
PHP中的單詞
Hypertext Preprocessor PHP超文本預處理器
['haɪpətekst] [,priː'prəʊsesə]
Apache [əˈpætʃɪ] 開源的網頁服務器
Domain Name [də(ʊ)'meɪn] 域名
C/S架構 Client/Server ['klaɪənt] ['sɜːvə] 客戶端/服務器
B/S架構 Browser/Server ['braʊzə] ['sɜːvə] 瀏覽器/服務器
URL（uniform resource locator） 統一資源定位符
['juːnɪfɔːm] [rɪ'sɔːs] [ləʊ'keɪtə]
hosts 本地主機文件
echo ['ekəʊ] l 輸出字符串、變量及表達式
l 可以同時輸出多個變量及字符串。
不是函數，是語言結構
unset（） 刪除變量
var_dump（） [vɑr] [dʌmp] 輸出一個或者多個變量的類型，長度及
值。一般用於打印復雜變量（結合pre標記），如數組,對象等。
print_r（） 輸出變量的值。一般用於打印變量。
對於字符串類型、整型、浮點型，打印變量本身。
不能打印布爾類型的原始值。對於復雜類型的變量，如數組、對
象，按照一定的格式顯示。
explode() [ɪk'spləʊd] 將目標字符串使用分割符分割，返回子字符串組成的數組。
implode() [ɪm'pləʊd] 將數組的元素使用連接字符串拼接成新的字符串
database ['deɪtəbeɪs] 數據庫
charset 字符集
float [fləʊt] 單精度浮點數
decimal ['desɪm(ə)l] 定點類型
補充：
style 修飾
width 寬度
height 高度
title 想說明的
text-align 水平對齊方式
center 居中 left 居左 right 居右
line-height 垂直對齊方式/行高 當行高等於高度時候垂直居中
background 背景
image 引入背景圖片(url)
background-position： 背景定位(x軸，y軸；)
background-repeat 背景平鋪
:no-repeat;不平鋪 repeat-x;水平平鋪 repeat-y;垂直平鋪
background：url() repeat left center #00;
順序：背景圖片 重復 定位 顏色
top/right/bottom/left/center 方向英文：上、右、下、左，中
color 顏色
font 文字
font-family 字體
font-size 字號
font-weight：normal 正常 :bold 加粗
font-style: normal;取消傾斜 :italic;斜體
font:italic bold 24px/24px '楷體';
順序：是否斜體 是否粗體 字體大小/行高 字體
文本修飾屬性：
text-decoration：
overline 頂划線
underline 下划線
line-through 中划線/刪除線
none 無/取消下划線
display 轉化顯示模式 元素轉化
block 塊
inline 行內
inline-block 行內塊
省略號
white-space:nowrap 強制不換行
overflow:hidden 溢出隱藏
text-overflow：ellipsis 省略號
font-family：‘微軟雅黑’ 讓省略號在下面
必須給寬度
偽類
a:link 設置未訪問時候的顏色 點擊后變成a的正常顏色
a:visited 設置訪問過后顏色
a:hover 當鼠標放上去會變顏色
a:active 鼠標點擊變顏色
順序 lvha 驢哈
auto 自動居中
margin 外邊距
margin-top 上外邊距
margin-right 右外邊距
margin-bottom 下外邊距
margin-left 左外邊距
padding 內邊距
padding-top 上內邊距
padding-right 右內邊距
padding-bottom 下外邊距
padding-left 左外邊距
float 浮動 ：left|right|none 左|右|不浮動
cursor:pointer 小手的代碼。。
clear：left|right|both 清除浮動
overflow：hidden 溢出隱藏
index 首頁
base 里面寫清除默認樣式的
text-indent：em 首行縮進 （LOGO名字）
以后logo 必須用H1引背景圖片 里面寫上字
position：relative|absolute|fixed 定位
relative 相對定位
absolute 絕對定位
fixed 固定定位
Left/top/right/bottom 定位的偏移量
z-index 改變標簽z軸堆疊順序
opacity 透明代碼 1不透明（0.9 0.8.。。。。） 0透明
filter：alpha（opacity：0-100）
input{outline:none} 取消焦點
<form action="鏈接" method="">
post 相對安全 get 不安全
input 表單 單標簽
type="text" 賬號/文本
type="password" 密碼
type="submit" 提交
type="button" 只是一個點擊按鈕
type="radio" 單選框 label雙標簽 選項內容
type="checkbox" 復選框 label雙標簽 選項內容
value="提示 如 請輸入密碼"
placeholder="也是提示"
select
option 選項欄
textarea 下拉框
resize：none 禁止任意拖放
name="user" 賬號
name="password" 密碼
table{ border-collapse:collapse;} 讓border合並
tr加
colspan="3" 橫向合並
rowspan="3" 縱向合並
align 左右對齊方式 middle（左）left center right
valign 上下對齊方式 top center bottom
cellspacing="0" 清除外面的邊距
cellpadding="0" 清楚里面的邊距
<table cellspacing="0" cellpadding="0">
<thead><tr><th>表頭</th></tr></thead>
<tbody><tr><td>表身</td></tr></tbody>
<tfoot><tr><td>表低</td></tr></tfoot>
</table>
frameborder="0" 取消邊框
screlling="no" 取消滾動條
iframe src
<frameset>
<frame />
</frameset>
letter-spacing：具體數值 字母間距
word-spacing：數值 單詞間距
overflow：auto 溢出滾動
visibility：hidden 隱藏
charset 字符集
utf-8 國際編碼
gb2312/gbk 中國編碼
author 作者
copyright 版權
keywords 關鍵詞
description 介紹
js
@media screen and (max-width:900px){}; 屏幕自適應
媒體 屏幕 最大
push :添加一個數組元素
document ：文檔
pop ：刪除最后一個數組元素
console ：控制台
shift ：刪除第一個數組元素
string ：字符串
Concat 組合數組
undefined ：未定義
typeof ：關鍵字
join：數組轉化為指定分隔符
slice：返回指定數組
length：數組長度
Array：數組
number：數字
boolean：布爾
alert：提示框
parseInt：轉化為整型數值
continue：繼續
is NaN：非數字
sort：升序
break：截斷 跳出
reverse：倒序
object：對象類型
parseFloat：轉化為浮點值
index：索引
floor：向下取整
variable：變量
ceil：向上取整
round:四舍五入
abs：返回絕對值
eval：解析字符串並運算
max：比較最大值
return：返回
min：比較最小值
addEventListener：事件名 函數
to.fixed：保留小數點
attachEvant：（on）事件名
random：隨機數
eletment：元素
eventName：事件名
function：函數
removeEventListener：事件解除
detachEvent：刪除已注冊事件
open（）：彈出一個新窗口
function：函數（方法）
showModalDialog：彈出一個模式窗口
close（）：關閉當前窗口
Date：日期對象
getFullYear（）：年份
getMonth（）：月份（0--11）
getDate（）：幾號
getDay（）：星期幾（周一至周六）
getHours（）：小時（0--23）
getMinites（）：分鍾
getSeconds（）：秒數（0--59）
getMilliseconds（）：毫秒數
getTime（）：從1970至今的毫秒數
Date.now（）：從1970至今的毫秒值
tolocaleDatestring（）：輸出本地化的日期
setTimeout：延遲時間
tolocaleTimestring（）：輸出本地化得時間
clearTimeout：定時器對象
tolocalestring：輸出本地化的日期和時間
setInterval：間隔時間
clearInterval：停止
window.status：瀏覽器狀態欄信息
window.screen：屏幕信息
screen.width：屏幕寬度
screen.height：屏幕高度
screen.availwidth：去掉任務欄寬度
screen.avaiheight：去掉任務欄高度
history：瀏覽歷史記錄
location：地址欄對象
navigator：用於獲取用戶瀏覽器信息
appCodeName：瀏覽器代碼名的字符串表示
appName：返回瀏覽器的名稱
appVersion：返回瀏覽器的平台和版本信息
platform：返回運行瀏覽器的操作系統平台
userAgent：返回由客戶機發送服務器的
user-agent：頭部的值
Exception：異常 意外情況（try---catch）
獲取元素對象方式:
getElementByld：
getElementsByName：
gatElementsByTagName：
getElementByClassName：
onlick 當點擊的時候
onmouseover 鼠標移入
onmouseout 鼠標移出
onblur：失去焦點事件
onkeydown：鍵盤按下事件（前）
onkeypress：鍵盤按下事件（后）
onload：當頁面加載完成之后觸發
onchange;內容改變事件
onkeydown;鍵盤按下事件（前）
onkeyup;鍵盤松開事件
onkeypress;鍵盤按下事件（后）
onmouseout：鼠標移出事件
onmouseover：鼠標移入事件
onselect：內容被選中事件
ondblclick：鼠標雙擊事件
onfocus：獲得焦點事件
onkeyup：鍵盤松開事件
復選框操作 checked=" "
checked 默認選中
false 不選中
true 選中
typeof 查看數據類型
object 對象
number 數字
string 字符串
function 函數
boolean 布爾值 true false
undefined 未定義
parseInt 整數
parseFloat 浮點數/小數
Number 數字
hide 隱藏
show 顯示
skin 皮膚
code 代碼
even 事件
array 數組
integer 整數
veruant 變量
common 公用
switch
case 情況
break 中斷整個循環
continue 跳出本次循環
default 不履行/所有情況都不滿足的時候走這個
null 沒有/空對象
computed 計算后/生效的
eval（JS可以讀懂的代碼：如‘1+1’->字符串） 這個代碼會把（）里面的字符串換成計算機讀懂的代碼來計算 + - * % 都行 （計算用的）
return 返回
write 輸入
find 查找
interval 間隔
setInterval（函數名，1000/） 間隔定時器
clearInterval 清除間隔定時器
Timeout 超時
setTimeout 延遲定時器
clearTimeout 清除延遲定時器
obj.disabled 讓按鈕/變成不可使用
true 不可用
false 可用
date 時間
get 獲取
set 設置
Fullyear 滿年
month 月 （從0月開始）
day 日 獲取需要 date
week 星期 獲取需要day （從0到6）
hours 小時
minutes 分鍾
seconds 秒
single 一個/一倍
dubble 兩個/兩倍
triple 三個/三倍
arguments 函數傳參-實參的集合
arguments.length 函數傳參-實參的長度
arr.push（） 向數組最后添加一項
arr.unshift() 向數組前面添加一項
arr.pop（）刪除數組最后一位.
arr.shift（） 刪除數組第一位
arr.splice(開始的位置，刪除的個數，添加的東西1。。。)
arr.join('') 變字符串 是中間的隔開東西 如- ，空格 等等。。。
arr.concat(arr1,arr2,arr..要拼接的數組...); 數組拼接/合並數組
arr.reverse() 反轉/顛倒數組
arr.sort() 數組排序 按照字符串比大小的方法來排序
arr.sort(function(a1,a2){ return a1-a2 //從小到大 return a2-a1 //從大到小 }) a1 a2隨便起 代表的是數組中隨機的某兩項
str.charAt() 字符串里面的下標
str.indexOf(‘’) 下字符串對應的下標數（相同的就取第一個）
str.lastIndexOf（‘’）下字符串對應的下標數（相同的就取最后一個）
str.substring (開始位置，結束位置)/（開始位置-不寫結束位置默認就從開始位置到最后） 截取子串
str.toUpperCase() 大寫字母
str.toLowerCase() 小寫字母
str.split(切割的方式 '-' '' '空格'等) 切割變成數組
str.charCodeAt('a') 輸入字符查找對應的編碼
String.fromCharCode(編碼) 輸入編碼查找對應的字符
json.name=value; 添加
delete json.name 刪除
token 括號
try catch(e) 異常
math.random() 求隨機數
parseInt（math.random()（m-n）+n） 求n-m之間隨機的整數， 前包括后不包括
math.abs() 求絕對值
math.max(，，，) 求最大值
math.min(，，，) 求最小值
math.pow(n,m) 求n的m次方
math.sqrt(a) 開方
math.PI π
math.ceil(12.3) 向上取整 13
math.floor(12.3) 向下取整 12
math.round(a) 四舍五入
!important Css樣式值后面加這個 權重最大
navigator.userAgent UA 例子判斷瀏覽器的類型
navigator.language 語言
navigator.platform 操作系統
Sibling 兄弟
next 下一個
previous 上一個
獲取元素/節點：
(父級) obj.children 找：兒子/子級 子節點
(子級) obj.parentNode 找：父親/父級 父節點
(同級) obj.nextElementSibling || obj.nextSibling 下一個同級/節點 (同級) obj.previousElementSibling || obj.prenviousSibling 上一個同級/節點
(父級) obj.firstElementChild ||obj.firstChild 首節點
(父級) obj.lastElementChild || obj.lastChild 尾節點
創建元素：
document.createElement_x('標簽名') 創建元素
添加插入
(父級) obj.appendChild(誰) 往元素里面最后添加一個
帶剪切效果
(父級) obj.insertBefore(把誰，加在誰的前面) 往元素里面添加一個
帶剪切效果
刪除元素：
(父級) obj.removeChild(子級) 刪除子級
window.open() 打開
window.close() 關閉
a標簽：target=""
不填 默認新頁面打開
_blank 新頁面打開
_self 本頁面打開
window.location 地址欄信息
window.location.href 鏈接信息
window.location.search 數據信息
window.location.hash 錨點信息
*了解就行 面試背住
window.location.procotol 協議信息
window.location.hostname 域名信息
window.location.port 端口號信息
window.location.pathname 路徑信息
back 返回
forward 向前
history 歷史
window.history.back 返回歷史記錄 退
window.history.forward 返回歷史記錄 前
alert（） 彈
confirm 詢問提示框
prompt 問答提示框
console.log（） 在F12中顯示;
document.write（*） 在頁面中輸入
scroll 滾動 有兼容問題
client 客戶端/可視區
offsetHeight/Width 物體盒子模型的寬高
offsetTop/Bottom/方向 物體距上/下/左/右的距離
offsetparent 定位父級
window.onScroll 當滾動的時候 滾動事件
window.onresize 當縮放的時候 縮放事件
onfocus 當獲取焦點的時候
onblur 當失去焦點的時候
obj.getAttribute('屬性名') 獲取屬性名對應的屬性值
obj.setAttribute('屬性名','屬性值') 設置屬性
obj.removeAttribute('屬性名') 刪除屬性
event 事件
onmousemove 鼠標移動事件
onload 當圖片加載完成時
onerror 當圖片加載失敗時
cancelBubble 取消冒泡
onkeydown 當按鍵按下的時候
onkeyup 當按鍵抬起的時候
oEvent.keycode 鍵盤編碼
oncontextmenu 當按右鍵的時候
return false 阻止瀏覽器右鍵菜單
cache 緩存
onmousedown 鼠標按下時
onmouseup 鼠標抬起時
onmousemove 鼠標移動事件
obj.setCapture() 開始捕獲
obj.releaseCapture() 取消捕獲
obj.cloneNode() 克隆復制一個節點
document/obj.addEventListener（'不加on的事件名',函數名,false） 添加事件綁定 兼容高級
document/obj.attachEvent（'加on的事件名',函數名） 添加事件綁定 兼容IE系列
document/obj.removeEventListener（'不加on的事件名',函數名,false） 解除事件綁定
document/obj.detachEvent（'加on的事件名',函數名） 解除事件綁定
onmouseenter 鼠標移入
onmouseleave 鼠標移出
onmousewheel 鼠標滾輪事件
DOMMouseScroll 鼠標滾動事件
oEvent.wheelDelta 非火狐 測試鼠標滾輪向上向下彈得數字
oEvent.detail 火狐 測試鼠標滾輪向上向下彈得數字
return false 阻止瀏覽器默認事件 但是在事件綁定中失效
oEvent.preventDefoult 在事件綁定中用 阻止瀏覽器默認事件（如果單獨用只兼容高級瀏覽器）
oninput 當輸入的時候 iE9- 沒有此方法
onpropertychange 當屬性改變的時候 IE系列
oEvent.srcElement 事件源 非火狐
oEvent.target 事件源 高級瀏覽器
duration 期間
start 開始
count 次數
complete 完成
var bFlag=false/ture 開關 自定義
easing 速度類型：
linear 勻速
ease-in 加速
ease-out 減速
window.onload 頁面加載完畢后執行（代碼、資源）
DOMReady 頁面加載完畢后執行（代碼）
DOMContentLoaded DOM加載事件
obj.onreadystatechange 監控事件（模擬DOM加載事件）
readyState 加載狀態
document/obj.readyState 加載狀態
ondbclick 鼠標雙擊
queryselector 新的獲取元素方法
window.location.reload 重新加載
cookie
expires 期限
session 一個會話（瀏覽器打開和關閉）
path 路徑
define 定義
require 引用其他模塊
exports 導出模塊
module 批量導出模塊，
data-main 主要數據/初始化接口
success 成功
error 失敗
Request 請求
ActiveX 瀏覽器插件
XMLHttpRequest（） ajax 創建/ 不兼容ie6-
ActiveXObject（'Microsoft.XMLHTTP'） 創建/(插件) ie系列
oAjax.open()打開
oAjax.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
oAjax.send() 發送
onreadystatechange 接收/當通信狀態變化
oAjax.abort() 使中止
oAjax.readyState 是否完成/加載狀態
oAjax.status 是否成功
response 回答/響應
oAjax.responseText 返回結果
JSON.parse() 可以把字符串json變成json 不過json要正規些 雙引號
JSON.stringify() json打印出來的方法
encode 編碼
decode 解碼
Component 組件/元件
encodeURIComponent('中文') 中文轉化成編碼
decodeURIComponent('編碼') 編碼轉化成中文
str.replace 替換
new RegExp() 正則表達式
str.search() 跟indexOf一樣 在正則用
str.match 匹配
正則.test（你要校驗的str） true 正確滿足 false 不滿足 用這個的時候一定配合行首和行尾
轉譯
\d 數字 [0-9]
\w 數字、英文、下划線 [0-9a-z]
\s 空白字符 所有的空白字符
. 代表任意字符
\D 非數字 [^0-9]
\W 非數字、英文、下划線 [^0-9a-z]
\S 非空白字符
\u4e00-\u9fa5 中文
量詞
{n} n個
{n,m} n-m個
{n,} 最少n個，最多隨便
{0，m} 最少隨便 最多m個
{1，} 就是 若干個
{0，} 任意個 可以沒有
？ {0,1} 最少沒有 最多1個
\ 轉譯特殊字符
| 或的意思
i 忽略大小寫
g 全局匹配
m 多行模式
^ 行首 如果在方括號里面是除了
$ 行尾
*jq
hide 隱藏
show 顯示
toggle 點擊
hover 移入
fadeIn 淡入
fadeOut 淡出
animate 運動函數（move）
slideDown 滑動從上往下出來
slideUp 滑動從下往上隱藏
eq(下標) 標簽獲取的下標
li>a li下面的第一級a
偽類選擇器:
li:last li最后一個
li:first li第一個
li:eq(2) 第三個li
obj：even 偶數
obj：odd 奇數
obj：has("p/標簽名") 里面包含‘p’這個標簽的就會選取
obj：contains("p/內容") 內容有得‘p’ 就都會選取
event/自己起行參名字.pageX X軸坐標
event/自己起行參名字.pageY Y軸坐標
offset().top 物體絕對的位置 ->getPos()函數
offset().left 物體絕對的位置
position().top 物體距定位父級距離 ->offsetTop
position().left 物體距定位父級距離
document.scrollTop 和原生一樣
document.scrollLeft 和原生一樣
.width/.height 物體本身的寬高
innerHeight/Width 物體內部的寬高 包括padding 不包括邊框
outerHeight/Width 物體盒子模型寬高
父級.append(子級) 在父級內的后部追加
父級.prepend(子級) 在父級內的前面追加
子級.appendTo(父級) 在父級后部追加
子級.prependTo(父級) 在父級前部追加
obj1.after(obj2) 把2放在1的后面
obj1.before(obj2) 把2放在1的前面
bind() 事件綁定
unbind() 事件解綁
live() 事件委托
die() 解除事件委托
**以上四種不推薦 因為原理還是昂 所以推薦on
obj.on（） 可以事件綁定/委托
each 循環
$.trim() 去除首尾空格
extend() 延伸
height() 就是寬度
innerHeight 包括padding、不包括邊框
outerHeight 盒子模型的
offset().left -> getPos()
position().left -> offsetLeft()
scrollTop() -> scrollTop
eve.pageX/Y 坐標
maxlength 表單元素最大長度 屬性
$.fn.函數名=function(){} 建立jq封裝函數
$.fn.extend({函數名1:function(){},函數名2:function(){},...})
漢字：[0x4e00,0x9fa5]（或十進制[19968,40869]）
數字：[0x30,0x39]（或十進制[48, 57]）
小寫字母：[0x61,0x7a]（或十進制[97, 122]）
大寫字母：[0x41,0x5a]（或十進制[65, 90]）
parent() 父級
offsetParent() 定位父級
parents() 所有父級 括號里面可以篩選 比如放class名字或...
str/arr.slice（開始位置，結束位置） 切 從開始到結束 如果只有開始 就從開始到最后。 前包后不包
prototype 原型
form表單中 submit 提交 reset 重置
xxx instanceOf xxx 檢測一個對象屬於某個類
xxx.constructor==xxx 看構造函數 雙等是判斷 直接父級屬不屬於xxx 一個等號是賦值讓直接父級等於xxx
fn.call(this的指向，參數一，參數二，....) 改變this的指向 fn中的this=
fn.apply(this的指向，[參數一，參數二，....]) 改變this的指向 fn中的this=
init 開始
localStorage 本地存儲
一般的規范
localStorage.name=value 存
localStorage.name 取
delete localStorage.name 刪除一條
localStorage.clear() 刪除全部
規范的存取
localStorage.setItem(name,value)
localStorage.getItem(name)
localStorage.removeItem(name)
sessionStorage 臨時存儲 和localStorage一樣用法
include() 包含
template.defaults.openTag=''; 自定義模板開始樣子
template.defaults.closeTag=''; 自定義模板結束樣子
template.config('openTag','')
template.config('closeTag','')
template.config('escape',true/false) true不默認轉譯 false默認轉譯
m model 模型
v view 視圖
c controller 控制器
scope 范圍 作用域
then 然后
model模型
bind綁定
ng-app=""; 引用其他模塊
ng-model="" 數據從哪來
ng-bind="" 或 model 或 {{xxx}} 數據到哪去
ng-init 初始化
ng-repeat 循環
angular.module('名字',[依賴模塊).controller('名字',function(依賴項){})
$scope
$http
$interval
$timeout
` 反單引號 包住字符串 拼接是這樣 ${}
|currency:"" 貨幣
date:"" 時間戳轉化處理
route 路由/狀態
filter 過濾器
directive 指令
restrict 類型 E:'element' C:'class' M:'comment' A:'attribute'
service 依賴
oDate.toString() 獲取正常時間
creator.ionic.io 做手機端的框架網站不錯
ng-show true false 顯示 隱藏
ng-hide true false 隱藏 顯示
ng-clack
comment 注釋
bundle 打包
transclude 嵌入
params 參數
provider 提供者
.config() 配置
$scope.$watch(數據，fn)
template 模板
templateUrl:'模板地址' 模板
$ bower install * 下載東西用的
ReactDOM.render(什么東西，渲染到哪)
type='text/babel'
state 狀態
extends 延伸 繼承
constructor 創建
super 超類/父類
component 組件
this.props.屬性
組件中 ref和正常的ID類似
vue
el：'id'
data:{}
$index
capitalize 首字母大寫
uppercase 變大寫字母
lowercase 變小寫字母
ev.stoppropagation() 阻止冒泡
ev.preventDefault() 阻止默認事件 angular
angular.bind(this的指向，要改變指向的函數名，參數)
bootstrap 開啟應用模式
copy(復制誰,復制到哪里) 復制/克隆
equals(a,b) 比較
forEach 循環
fromJson 字符串json轉化成json
extend（obj，obj1，obj2。。。） 擴展
標簽里面屬性 transition="名字" 過渡 動畫
.名字-
transition 過渡
transition：時間 讓誰變/all ease;
enter 進來
leave 出去
route 路由/狀態
watch 監控
props 存東西 可在替換模板身上用
Router-view 狀態視圖
v-link="{path:名字
animation:8s test/名字 linear infinite/數值/次數;
background-size 背景尺寸
contain 以最合適的狀態展示 可能會留白
cover 盡可能填滿
nth-child(下標 注意：從1開始) 注意:項目不用這個。禁用
nth-of-type(下標 注意：從1開始) 注意:項目不用這個。禁用
background-origin： 背景從哪里開始
background-clip： 背景從哪里開切