12 2013 档案
javascript的那些事儿你都懂了吗
摘要:javascript从开始的验证表单的脚本语言发展到现在能运行在服务器上,其影响力不断的提升。自己作为一个做前端的,编写js是必不可少,从自己学习js的历程来看其实也是比较吃力。要学好它,还是的花费一些精力。下面来说说我学习到的一些js特性吧。1.对象的属性名使用引号的疑惑 当我们在申明一个对象字面量的时候,经常看到对象的属性名有的有引号,有的没有,那时候我就是觉得非常困惑,它们之间有什么区别呢?这个我困惑很久了。后来,在一本书上不经意的看到了关于对象的属性名有无引号的解释。 1.1 当对象的属性名是合法的标识符且不是保留字时,是不需要使用引号的,当然使用也没有问题,只不过是多此一举而已...
阅读全文
前端样式兼容的技巧
摘要:我从事前端行业也蛮长时间,想想自己当初刚入行的时候被众多不同内核的浏览器的兼容头痛,经常是在这个浏览器上调试好了,但是在那个浏览器上又出问题。真是不同版本,不同浏览器搞的你是晕头转向的。但是,也正是这些bug,这些兼容问题,才体现出前端的价值是吧,哈哈!当然,只是一小部分啦。下面是我在工作的时候总结出来的一些调试页面兼容问题的方法,希望能帮到一些遇到问题的同学。 1.利用各种前端利器辅助查找问题根源 ---Firebug,IE WebDeveloper等等。 2.边框背景调试法 ---估计一下出错的位置在那,在它的标签上加边框或背景,这样就可以看到该模块占了多少位置,是否在撑出规定的范...
阅读全文
简单轻巧的放大镜
摘要:在很多的电商网站上的item页一般都会有放大镜的功能。今天就带大家一起实现个简单版的放大镜。首页我们来来看下页面布局: 放大镜 View Code布局这里就不用多说啥,下面是如何实现放大镜的功能呢?请细看下面的核心js代码: 在这个功能点上,主要注意的地方就是控制小遮罩层的位置,和大图的显示位置。遮罩层正方形的的位置js控制: var l=oEvent.clientX-oDiv.offsetLeft-oSmall.offsetLeft-oFloat.offsetWidth/...
阅读全文
css3的那些高级选择器二
摘要:在上个星期我介绍了css3的属性选择器,伪类选择器和结构伪类选择器,今天楼主继续把其它的css3选择器说完。 在css3中,共有11中UI状态伪类选择器,分别是E:hover,E:active,E:focus,E:enabled,E:disabled,E:read-only,E:read-write,E:checked,E:default,E:indeterminate及E::selection我们来看下这11种选择器被浏览器的支持的情况一,选择器E:hover,E:active,E:focusE:hover选择器用来指定当鼠标指针移动到元素上面时元素所使用的样式,用法如下::hover...
阅读全文
css3的那些高级选择器一
摘要:css大家都不陌生了,从1996年12月css1正式推出,经历了1998年5月css2,再到2004年2月css2.1,最后一直到2010年推出的css3。css的推出给web带来巨大 的改变,使我们的网页样式多变,丰富多彩。现在所使用的css基本上是在1998年推出的css2的基础上发展而来的。 技术是发展的,2010年css3的推出,给我们带来许多亮点,比如可以创建圆角边框,可以在边框上使用图像等等。我也是被它这些新的样式所吸引。自己也一边 看一边学习,只是有新样式在部分浏览器是不支持的,但是也不妨碍我们对新的技术的追求。也随着现代浏览器的标准化,这些css3的新样式是迟早用的着,虽...
阅读全文
浙公网安备 33010602011771号