日程遇到問題記錄

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

2.footer的自適應(yīng)問題

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

  • 用函數(shù)聲明創(chuàng)建的函數(shù)funDeclaration可以在funDeclaration定義之前就進行調(diào)用映皆;
    而用函數(shù)表達(dá)式創(chuàng)建的funExpression函數(shù)不能在funExpression被賦值之前進行調(diào)用
    用函數(shù)聲明創(chuàng)建的函數(shù)可以在函數(shù)解析后調(diào)用(解析時進行等邏輯處理)翩伪;
    而用函數(shù)表達(dá)式創(chuàng)建的函數(shù)是在運行時進行賦值侨舆,且要等到表達(dá)式賦值完成后才能調(diào)用。
  • Function Declaration 可以定義命名的函數(shù)變量栗恩,而無需給變量賦值透乾。
    Function Declaration 是一種獨立的結(jié)構(gòu),不能嵌套在非功能模塊中磕秤∪槲冢可以將它類比為 Variable Declaration(變量聲明)。就像 Variable Declaration 必須以“var”開頭一樣市咆,F(xiàn)unction Declaration 必須以“function”開頭
overflow失效

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

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

img

到底是什么影響了overflow呢?
測試一番發(fā)現(xiàn)是動畫影響了hidden rotation動畫(rotate-x/y)影響hidden
http://www.tuicool.com/articles/3UZRry

top
margin-top

relative是占著位置的蒙兰,而margin-top是不占位置的磷瘤。

6.z-index和position的關(guān)系
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 設(shè)置動畫開始結(jié)束狀態(tài)贸呢。
9.http://www.w3school.com.cn/example/css3/demo_css3_transform-origin.html
10.絕對定位的居中镰烧,設(shè)置left 百分比 %50 再設(shè)置margin的寬度
11.使用多屏阿里提供移動端自適應(yīng)提供
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(); //阻止瀏覽器默認(rèn)行為 posStart = 0; posStart = event.originalEvent.targetTouches[0].pageY; //獲取起點坐標(biāo) 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) //獲取終點坐標(biāo) if (posStart - posEnd > 20) { alert("Cancel"); }; }); };

13.js里面有指針嗎

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


border
code

15.字體問題

Paste_Image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市楞陷,隨后出現(xiàn)的幾起案子怔鳖,更是在濱河造成了極大的恐慌,老刑警劉巖猜谚,帶你破解...
    沈念sama閱讀 216,843評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件败砂,死亡現(xiàn)場離奇詭異赌渣,居然都是意外死亡魏铅,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,538評論 3 392
  • 文/潘曉璐 我一進店門坚芜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來览芳,“玉大人,你說我怎么就攤上這事鸿竖〔拙梗” “怎么了?”我有些...
    開封第一講書人閱讀 163,187評論 0 353
  • 文/不壞的土叔 我叫張陵缚忧,是天一觀的道長悟泵。 經(jīng)常有香客問我,道長闪水,這世上最難降的妖魔是什么糕非? 我笑而不...
    開封第一講書人閱讀 58,264評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮球榆,結(jié)果婚禮上朽肥,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,289評論 6 390
  • 文/花漫 我一把揭開白布旦装。 她就那樣靜靜地躺著吧史,像睡著了一般。 火紅的嫁衣襯著肌膚如雪钟哥。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,231評論 1 299
  • 那天,我揣著相機與錄音浪箭,去河邊找鬼。 笑死脆烟,一個胖子當(dāng)著我的面吹牛山林,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 40,116評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼驼抹,長吁一口氣:“原來是場噩夢啊……” “哼桑孩!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起框冀,我...
    開封第一講書人閱讀 38,945評論 0 275
  • 序言:老撾萬榮一對情侶失蹤流椒,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后明也,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體宣虾,經(jīng)...
    沈念sama閱讀 45,367評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,581評論 2 333
  • 正文 我和宋清朗相戀三年温数,在試婚紗的時候發(fā)現(xiàn)自己被綠了绣硝。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,754評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡撑刺,死狀恐怖鹉胖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情够傍,我是刑警寧澤甫菠,帶...
    沈念sama閱讀 35,458評論 5 344
  • 正文 年R本政府宣布,位于F島的核電站冕屯,受9級特大地震影響寂诱,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜安聘,卻給世界環(huán)境...
    茶點故事閱讀 41,068評論 3 327
  • 文/蒙蒙 一痰洒、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧搞挣,春花似錦带迟、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,692評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至舍肠,卻和暖如春搀继,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背翠语。 一陣腳步聲響...
    開封第一講書人閱讀 32,842評論 1 269
  • 我被黑心中介騙來泰國打工叽躯, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人肌括。 一個月前我還...
    沈念sama閱讀 47,797評論 2 369
  • 正文 我出身青樓点骑,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子黑滴,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,654評論 2 354

推薦閱讀更多精彩內(nèi)容