工做积累-网站及知识点

网站：

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……