工做積累-網站及知識點

網站：

ie6的瘋狂之旅：http://www.css88.com/archives/579

iebug之旅：http://www.cnblogs.com/Randy0528/archive/2011/09/19/2180978.html

hasLayout和BFC: http://w3ctech.com/p/1101

css淺談：http://w3schools.com/cssref/css_selectors.asp

各類稀奇古怪前端網站：http://www.gbin1.com/

性能網站淺談：http://browserdiet.com/zh/ ; http://developer.51cto.com/art/201201/311828.htm

Steve Souders書籍 : http://stevesouders.com/

w3c規則：http://www.w3help.org/zh-cn/

小夥伴的網站-自動化測試：http://www.zhangxinxu.com/wordpress/2013/04/qunit-javascript-unit-test-%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/

資源網站：http://www.pin5i.com/

html5等教程網站：http://www.w3cfuns.com/topic-64.html

怎樣作好一個前端工程師（大神主管分享）：http://www.biaodianfu.com/what-makes-a-good-front-end-engineer.html

css規範（大神主管分享）：http://www.biaodianfu.com/css-style-guide.html

騰訊css3：http://css3lib.alloyteam.com/#animation/AnimatedButtons

博客園裏面35個驚人的css3動畫：http://www.cnblogs.com/lhb25/archive/2011/11/22/best-awesome-css3-animation-demos.html

淘寶UED博客：http://ued.taobao.com/blog/

zepto.js官網: http://zeptojs.com
zTouch.js:http://blog.baiwand.com/?post=207

7天打造前端性能監控系統：http://fex.baidu.com/blog/2014/05/build-performance-monitor-in-7-days/

設計師徹底自學指南：http://www.uisdc.com/designer-self-study-2#    講到做爲門外漢的人如何自學設計。

css3最新參考手冊：http://www.css88.com/book/css/

知識點：

1) firefox:解決Firefox下input button內文字垂直居中

* input[type="reset"]::-moz-focus-inner,
* input[type="button"]::-moz-focus-inner,
* input[type="submit"]::-moz-focus-inner,
 * input[type="file"] > input[type="button"]::-moz-focus-inner{
* border:none;padding:0;
* }

2)防抓取，數字由圖片精靈控制 或是 由某種算法返回不正確的數字控制。

3）ie的a連接沒法穿透：

bug描述：設置透明度的a連接裏面放了帶有圖片的i標籤，給a加a:hover{border:1px solid red;}。可是ie中hover到a，沒有效果，只有hover到i纔有效果。

解決方案：模仿淘寶，給a連接加：background-image:url("http://g.tbcdn.cn/s.gif");而後a hover就有效果了。

4）《小數像素的取餘差別》
http://img04.taobaocdn.com/tps/i4/T1VuJ.FfRdXXXr.KP8-990-2490.png

5) zepto.js裏面也有判斷滑動的手勢方向，可是測試有bug的。因而用了zTouch.js插件
zTouch.js中tPoint.direction只有left和right，沒有top和bottom.若是判斷向上仍是向下滑動，用tPoint.mY<0 ，向下；tPoint.mY>0 ，向上

6）

localStorage用json字符串存儲。刪除localStorage是localStorage.clear();

7）導航欄一直在頭部.若是沒有輸入框，就用position:fixed.這個通常少用。

若是是有輸入框的fixed。在iphone5如下用會有一些bug.能夠設置最外面overflow:hidden.滾動區域overflow:auto.設置高度。可是滾動不流暢。可用-webkit-touch-scrolling:touch.絲滑般順滑。可是設置了高度很差，若是是滾動加載數據的就沒辦法設置高度。要把touchmove設置阻止冒泡，而後能夠用isscroll.js組件。會解決不少問題。

 8）測試：

url: "/newslist/*path"

9)都在討論Img圖片怎麼截取上面仍是中間仍是下面。其實能夠經過父元素overflow:hidden和position:relative.而後Img position:absolute.top:?bottom:?

Loading……