1.使用em布局
使用rem布局更好

2.footer的自適應問題

3.函數(shù)表達式和函數(shù)聲明

• 用函數(shù)聲明創(chuàng)建的函數(shù)funDeclaration可以在funDeclaration定義之前就進行調用；
  而用函數(shù)表達式創(chuàng)建的funExpression函數(shù)不能在funExpression被賦值之前進行調用
  用函數(shù)聲明創(chuàng)建的函數(shù)可以在函數(shù)解析后調用（解析時進行等邏輯處理）；
  而用函數(shù)表達式創(chuàng)建的函數(shù)是在運行時進行賦值，且要等到表達式賦值完成后才能調用。
• Function Declaration 可以定義命名的函數(shù)變量，而無需給變量賦值。
  Function Declaration 是一種獨立的結構，不能嵌套在非功能模塊中?？梢詫⑺惐葹?Variable Declaration（變量聲明）。就像 Variable Declaration 必須以“var”開頭一樣，F(xiàn)unction Declaration 必須以“function”開頭

overflow失效

positon：relative 出現(xiàn)這個問題

找了很久的bug，參考地球旋轉動畫
發(fā)現(xiàn)是因為布局問題

img

top

margin-top

relative是占著位置的，而margin-top是不占位置的。

6.z-index和position的關系
7.動畫
transclude3d 效果 可以做出線條圖片移動效果

Paste_Image.png

和用top做的區(qū)別？

Paste_Image.png

經(jīng)過試驗發(fā)現(xiàn)，效果相同，但是如果我要修改它的距離頂端距離，用top定位的需要改兩個地方，div樣式和動畫部分。如果修改transclude，只需要修改div樣式。

7.animation-delay要寫到animation后面才能生效

例子

8.animate-fill-mode 設置動畫開始結束狀態(tài)。
9.http://www.w3school.com.cn/example/css3/demo_css3_transform-origin.html
10.絕對定位的居中，設置left 百分比 %50 再設置margin的寬度
11.使用多屏阿里提供移動端自適應提供
http://www.aliued.com/?p=3166
http://html5.9tech.cn/news/2013/0930/29204.html

12.jq獲取滑動事件在頁面上的位置
http://www.uw3c.com/jsviews/js52.html
http://www.cnblogs.com/aaronjs/p/4778020.html
http://www.07net01.com/zhishi/595771.html
http://www.jb51.net/article/46455.htm

function initEvent() { var btnElem = $(".page4"); var posStart = 0; var posEnd = 0 btnElem.on("touchstart", function(event) { event.preventDefault(); //阻止瀏覽器默認行為 posStart = 0; posStart = event.originalEvent.targetTouches[0].pageY; //獲取起點坐標 console.log(posStart); }); btnElem.on("touchend", function(event) { event.preventDefault(); posEnd = 0; console.log(posEnd) posEnd = event.originalEvent.changedTouches[0].pageY; console.log(posStart - posEnd) //獲取終點坐標 if (posStart - posEnd > 20) { alert("Cancel"); }; }); };

13.js里面有指針嗎

14.css里面的border其實是這樣的

border

code

15.字體問題

Paste_Image.png