博客水木

巧用Ajax的beforeSend 提高用户体验 jQuery是经常使用的一个开源js框架，其中的$.ajax请求中有一个beforeSend方法，用于在向服务器发送请求前执行一些动作。 具体可参考jQuery官方文档：http://api.jquery.com/Ajax_Events/ $.ajax({ beforeSend: function(){ // Handle the beforeSend event }, complete: function(){ ...继续阅读

在使用jquery操作js时，经常弄不明白this与$(this)。最近不是很忙，抽空仔细研究了一下，记录下来以供在忘记的时候拉出来参考参考！ 网上有很多关于jQuery的this和$(this)的介绍，大多数只是理清了this和$(this)的指向，其实它是有应用场所的，不能一概而论在jQuery调用成员函数时，this就是指向dom对象。 $(this)指向jQ...继续阅读

如今的这个年代，流行在Web页面上使用了大量的JavaScript，我们需要寻找各种方式来优化它们，使它们更快。我们使用事件委托来让事件监听器更有效率，使用降频技术来限定某些方法的使用次数，使用各种JavaScript加载器来动态加载我们需要的资源，等等。另外一种让页面更高效、更敏捷的方法是动态的添加或移除样式表里的样...继续阅读

对于做电商的网站设计，产品详情页设计和展示是十分重要，通过巧妙的布局和优化设计，可以增加用户购买的欲望，从而达到销售最终目的，这也是优秀设计的伟大之处。 产品详情模块不一定参考淘宝、京东那种老掉牙的样式，也可以变化多样，不信？请看看今天为大家整理来自 Dribbble 的25个超赞的电商产品详情模块设计，希望...继续阅读

一、开始的擦边话 为了测试IE9浏览器，下午晃晃荡荡把系统换成window7的了。果然，正如网上所传言的一样，IE9浏览器确实不支持CSS3 text-shadow属性，且根据最近的IE10 preview版的反馈，IE10浏览器也是不支持text-shadow属性的。至于为何不支持，就像女孩的心思一样，我也是百思不得其解。 不过考虑到text-shadow的更多...继续阅读

Web 发展了几十个春秋，风起云涌，千变万化。我很庆幸自己没有完整地经历过这些年头，而是站在前人的肩膀上行走。Web 技术发展的速度让人感觉那几乎不是继承式的迭代，而是一次又一次的变革，一次又一次的创造。这几年的前端，更为之甚！ 我从 12 年底开始接触前端，12 年之前的前端发展情况只能从上一辈的笔触中领会。本...继续阅读

手机背景图片怎么全屏，找了好长时间都没有找到，今天偶遇，在此与大家分享下背景图片自适应分辨率浏览器大小自动拉伸全屏代码，希望对大家有所帮助。 <div id=”formbackground” style=”position:absolute; width:100%; height:100%; z-index:-1″> <img src=”pictures/b...继续阅读

插件描述：Swipebox 是一款可触摸的 jQuery 灯箱效果插件，可用于桌面，移动和平板电脑。 支持移动设备滑动手势导航，桌面电脑上可以用键盘导航，不支持 CSS3 过渡特性的浏览器使用 jQuery 降级处理，支持视网膜显示，能够通过 CSS 轻松定制。 在线演示：http://www.w2bc.com/demo/2015-02-09-jquery-lightbox/index.htm...继续阅读

1、Backbone移动实例 这是在Safari中运行的一款Backbone移动应用程序。想开始体验移动开发，一个好的出发点就是关注这个应用程序的构建方式。先不妨在你的浏览器中查看该应用程序。 相关链接：http://bennolan.com/2010/11/24/backbone-jquery-demo.html 2、使用媒体查询来锁定设备 你可能会问如何使用CSS来锁定设备(根...继续阅读

十二年前，无论多么复杂的布局，在我们神奇的table面前，都不是问题； 十年前，阿捷的一本《网站重构》，为我们开启了新的篇章； 八年前，我们研究yahoo.com，惊叹它在IE5下都表现得如此完美； 六年前，Web标准化成了我们的基础技能，我们开始研究网站性能优化； 四年前，我们开始研究自动化工具，自动化测试，谁没玩过n...继续阅读