米可瞳
前端爱好者一枚

网站:

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

posted on 2013-11-12 15:11  米可瞳  阅读(248)  评论(0编辑  收藏  举报