摘要:
废话不多说 上代码HTML结构 <div id="imgwrap"> <img src="http://jiedemo.sinaapp.com/img/240.jpg"> <span></span> </div>CSS #imgwrap{ width:300px; height:400px; background:#f00; line-height: 400px; text-align: center; } #imgwrap img {vertical-align: middle;} #... 阅读全文
摘要:
使用过JSONP跨域请求的都知道,JSONP就是发送一个请求从服务端返回一个JS函数,在WEB页面也定义一个相同函数,这样请求完毕后就可以执行JS了,这样虽然很容易实现跨域交互,但是有一个弊端就是无法保证安全性,下面是我在一个博客中看到的解决方法,分享一下从一个经典的跨域脚本应用说起:JSONP 是一个流行的跨域获取数据的方案,它原理是向文档动态插入一个 script 标签,向远程服务器发起一个脚本请求,然后远程服务器返回一个定的回调函数并传入 JSON 数据,这样完成跨域数据交换。如页面预先定义一个全局函数: window.jsonp534533 = function (json) { .. 阅读全文
摘要:
功能需求: 当滚动条拖动页面底部时用js将数据拼装成html插入页面中,由于每次获取的图片数据比较多(一次50张图片吧),所以必须给图片添加延迟加载。 这是最近在公司做的一个功能,以下是我的解决思路和代码,欢迎高手指正。解决思路: 由于滚动加载还是比较简单的,主要讲下怎么实现图片的延迟加载。 简单的思路就是把每次动态添加的图片对象都保存在一个数组里,当滚动的时候遍历数组,获得图片相对窗口的偏移量offset().top去减去一个高度, 如果小于当前滚动条的高度就给图片添加src属性,并设置一个值代表图片已经加载。再将已加载过的图片从数组中删除。 以下是测试的代码,在线demo点击这... 阅读全文
摘要:
前言: 最近换了份工作,放弃了做了2年的 .net转成前端开发(这两年其实也是.net跟前端一起做,所以前端也还比较熟),这是我第一篇博客,进园也有两年多了,虽然一直想写点什么,不过总感觉自己的文字组织能力太差所以就没写了,不过还是很想写博客,不管内容怎么样,能跟别人分享,也能让别人能更好的了解你就从今天开始,希望能坚持下去。折腾自己的博客: 暂时没什么好写的,就写下今天改的样式,在博客模版下选了个elf的主题还蛮喜欢的,就选它了,不过发了篇文章发现主题是固定1000px宽度的,现在普遍都是22寸宽屏看起来显得太小气了,而且太小看起来总感觉眼睛好累,既然作为一个前端开发,改个自适应该还是很.. 阅读全文