跨域解决方案HTTP访问控制(CORS)
CORS是XMLHttpRequest Level 2中新增加的功能
大家也知道,XMLHttpRequest接口是Ajax的根本,而Ajax考虑到安全性的问题,是禁止跨域访问资源的。
也就是说:www.a.com的页面无法通过Ajax来调用www.b.com的资源。
很多人又会说,但jQuery的$.ajax()明明就可以跨域访问啊!
对,的确是跨了,但那是jsonp!关于jsonp的介绍也很多了,这里不扯。
其实jQuery的$.ajax()方法中,也可以实现CORS,只要服务器端配合,跨域就不需要使用jsonp。
Getting Started with Bower
##bower组件管理,一个不错的入门教程。##
地址奉上
Bower是一个Web开发的包管理软件。前端开发中,或多或少,都会以来于现成的framework或者lib,如bootstrap、jquery等。每次编写代码之前,都需要从网上下载,或者从硬盘深处找出珍藏的,项目所依赖的框架或者库文件。同时,所下载的文件,又可能以来与另外的库文件。Bower的诞生,正是为了解决此繁琐的以来关系的。
需要注意的是,Bower的运行,依赖于版本控制工具git,从github拉取以来信息。
getBoundingClientRect函数
该方法获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。该方法已经不再是IE Only了,FF3.0+和Opera9.5+已经支持了该方法,可以说在获得页面元素位置上效率能有很大的提高,在以前版本的Opera和Firefox中必须通过循环来获得元素在页面中的绝对位置。
IE无法识别点击区域
今天遇到一个很奇怪的问题,在使用a标签模拟图片热点时用到绝对定位,在火狐、谷歌其它浏览器下没有问题,但ie却无法点击a连接。
经过搜索,才知道在 IE6,7 下,绝对定位的链接,如果它没有设置背景,并且它在其它元素上方时,则最终的显示结果似乎被它下方的元素遮住了,不响应鼠标悬停和点击。如果给这个链接加边框,则只有边框部分响应。如果给它加背景色或背景图片,则整个链接都可以响应。
不使用css来阻止滚动条滚动
最近开发了一个自定义滚动条,当鼠标hover到目标元素再滚动时,就会出现元素在滚动,外部窗口也在滚动,很不爽。
- 给body添加overflow,隐藏滚动条。缺点:视觉上出现页面左右晃动,体验差。
- 给body绑定mousewheel事件,如果当前是在目标元素,则阻止默认行为。缺点:不够优雅
- 给子元素mousewheel事件加上return false(兼容ie6)。缺点:无