1.使用動畫 （js實現(xiàn)動畫蜡坊，css3實現(xiàn)動畫）
一個是幀動畫? 一個是補間動畫
什么是幀動畫：使用定時器 每隔一段時間 更改當前元素的狀態(tài)
什么是補間動畫：過渡(加過渡只要狀態(tài)發(fā)生改變產(chǎn)出動畫) 動畫（多個節(jié)點來控制動畫） 性能會更好
在支持H5C3的的瀏覽器盡可能使用css3動畫 （移動端開發(fā)）
transition? animation
transition? 組合寫法（transition:all 1s linear 1s）的拆分寫法 transition-property? transition-duration transition-timing-function transition-delay
2.圖片邊框
3.background
background-size的cover特定值會保持圖像本身的寬高比例震鹉，將圖片縮放到正好完全覆蓋定義背景的區(qū)域。
4.語義化標簽
5.fullpage.js(大屏鼠標滾動)
——引入.js .css——一屏的內(nèi)容包含在一個大div（id=container）
——每個屏幕為一個section邑滨，內(nèi)容相對section定位
——jQuery插件初始化——$( ' #container').fullpage('配置');
結(jié)合購物車案例和fullpage文檔，學習瞬测。
6.居中定位（position）
pposition:absolute;? ?bottom:0 ; left :50% ;margin-left: -w/2 px
css3:? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? transform:translatex(- 50%)
7.寫動畫效果注意點
通過transform - orgin：right top 來確定原點位置凤粗，以原點來決定動畫在xy移動的距離，
想讓界面加載完成后再執(zhí)行動畫惕澎， $('.section').eq(index-1).addClass('now');動態(tài)添加類now
在.css中寫.section .now {? ?},
記憶animation和transform和transition的各個參數(shù)含義
8.Animate.css
9.動畫速度
F12打開開發(fā)者工具? ?點擊動畫速度圖標莉测，會有各種動畫速度及效果的調(diào)試
10.Stellar.js(視差滾動)
QQ TIM案例
引入.js——?js初始化
——設(shè)置background-attachment: fixed;——data-stellar-background-ratio="0.3"（相對于正常滾動的滾動速度）
11.圖片展示時，加上相應文字并設(shè)置font-size:0,有利于Seo優(yōu)化
12.H5添加類名
1.jquery操作類的方法：addClass() removeClass() toggleClass() hasClass()
2. h5也有類似的api 基于一個對象classList的方法 add() remove() toggle() contains()
13.自定義屬性
在HTML5中我們可以自定義屬性集灌，其格式如下data-*=""
<div data-content-id= " content01 "> < /div >
14H5 api
1. querySelector() 獲取符合選擇器的第一個元素
2. querySelectorAll()? ? 獲取符合選擇器的所有元素
DOM.classList 獲取的是這個DOM元素上的所有class
