Clik here to view.
jQuery如何阻止事件冒泡
条件：外层有一个DIV元素，在内层有一个P元素，存在这样的关系:DIV是P元素的父元素，而P是外层DIV的子元素，他们之间存在包含和被包含的关系。 事件：现在我们都在这两个元素上绑定相同的事件，比如click事件。 结果：这时，当我们点击内层的P标签的时候，内层元素的click事件触发，同时外层DIV的click事件也会触发。 JQuery 提供了三种方式来阻止事件冒泡。 方式一：event.st...
View ArticleClik here to view.
使用 PHP、jQuery、imgAreaSelect 实现图像裁剪和上传
准备 PHP 4或更高版本 PHP GD库 jQuery ver 1.2.3 或者更高 Image Area Select 插件 编码 1. We will be using the session variable to hold the random file name (in our case the timestamp). We are now also storing the fil...
View ArticleClik here to view.
pjax：ajax和pushState结合的js库——实现网站无刷新加载页面
上篇文章讲到如何使用ajax+pushState打造无刷新改变URL的方式。虽然这种方式是将ajax、history.pushState、history.replaceStatte、window.onpopstate等几个技术点结合，但在具体使用中还是要考虑到很多情况的，如： 1、改变内容的时候也要改变title 2、不支持的浏览器如何处理 3、事件如何绑定，是否使用了delegate模式 4、a...
View ArticleClik here to view.
Pjax是什么以及为什么推荐大家用
什么是pjax? 现在很多网站(facebook, twitter)都支持这样的一种浏览方式， 当你点击一个站内的链接的时候， 不是做页面跳转， 而是只是站内页面刷新。 这样的用户体验， 比起整个页面都闪一下来说， 好很多。 其中有一个很重要的组成部分， 这些网站的ajax刷新是支持浏览器历史的， 刷新页面的同时， 浏览器地址栏位上面的地址也是会更改， 用浏览器的回退功能也能够回退到上一个页面。...
View ArticleClik here to view.
Yii整合pjax（pushstate+ajax）实现无刷新加载页面（图文）
PJAX效果 通过url可以跟踪ajax的动态加载内容。这种技术尤其在two step view布局的视图中有很大的好处。无刷新加载页面，意味着响应速度和用户体验得到了极大的提升，在静态脚本和通用模块比较多的情况下，最大程度上节省了重用部分的开销。应用例子可以参考现在的google+、facebook和新版微博，同样是基于html5的pushState实现。google plus的表现最为明显，点...
View ArticleClik here to view.
jQuery+JSONP通过调用虾米接口实现类似点点网发布音乐的功能
点点网的音乐发布是通过搜索、选择实现的，原本以为是他们自己做的一个类似爬虫的东西去模拟虾米网的搜索功能，然后将搜索的结果返回到点点的界面，包括id、name、ablum、artist等，然后去调用显示相关的widget实现音乐的播放，但后来研究了下，发现其实际上是调用了这个接口： http://kuang.xiami.com/app/nineteen/search/key/歌曲名称/diandia...
View ArticleClik here to view.
jQuery+JSON+jPlayer实现QQ空间音乐查询
查询QQ音乐是很早前就出来的一个接口。 这里使用jQuery和jPlayer来实现QQ空间音乐的查询。 我们要使用的接口位于bejson接口页面中的音乐接口栏里。 QQ音乐接口地址: http://qzone-music.qq.com/fcg-bin/fcg_music_fav_getinfo.fcg?dirinfo=0&dirid=1&uin=QQ号&p=0.519...
View ArticleClik here to view.
开源中最好的Web开发资源大全
文章来源：Best “must know” open sources to build the new Web。个人感觉这个收集贴收集成相当的全。 学习HTML 5编程和设计 ★ HTML5 Rocks : Major Feature Groups 的学习 HTML5 的资源 (HTML5 演示, 教程 ). 源码 很不错的 HTML5 Dashboard – Mozilla，效果很炫。 Wha...
View ArticleClik here to view.
编写更好的jQuery代码的建议
讨论jQuery和javascript性能的文章并不罕见。然而，本文我计划总结一些速度方面的技巧和我本人的一些建议，来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。 首先，在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。 首先，如果你是一个javascript新手，我建议您...
View ArticleClik here to view.
戏说编程语言之如果编程语言是女人
PHP是你的豆蔻年华的心上人，她是情窦初开的你今年夏天傻乎乎的追求的目标。玩一玩可以，但千万不要投入过深，因为这个女孩有严重的问题。 Perl 是PHP的姐姐。她对你来说年龄稍微大了一点，但在90年代，她是相当受欢迎的。她和Larry Wall(译注：Perl语言创始人)长期保持着亲密关系，因此她的审美一落千丈，如今她看起来是丑陋不堪。“无论你们怎么评论，我仍然爱她！”，Larry Wall说。没...
View ArticleClik here to view.
jquery实现div层随页面滚动而滚动（固定在某一位置）
翻看ipc.me时觉得右侧的slider会随着页面下翻而始终浮动在窗口边沿下，体验很不错，在张鑫旭的博客中一篇文章的借鉴下，成功实现这样一个功能，代码如下（基于jquery实现，所以事先要在页面中导入jquery文件）： <script type="text/javascript"> $.fn.smartFloat = function() { var position = funct...
View ArticleClik here to view.
jquery.min.map 404 (Not Found)出错的原因及解决办法
Chrome 更新后出现了 jquery.min.map 404 (Not Found) 的信息 这个到底是什么东西？查询了一下，得到了以下资料 JQuery 官方解释 摘录一下內容 从 jQuery 1.9.0 版本后在原始代码里会有 @ sourceMappingURL=jquery.min.map 什么是Source map 简单说，Source map就是一个信息文件，里面存储着位置信息...
View ArticleClik here to view.
前端工程师必备：细数那些好用的网站开发工具
Web用户体验师Jake Rocheleau撰写了一篇文章分享他在Web开发中经常使用的网站和Web App，其中包含各类字体库、代码库、插件库、配色方案和测试工具。他同时指出，Web开发环境将慢慢转向云端。 CodeVisually是一个开源项目。在它的分类目录下有各种插件、 模板、 主题和脚本程序，你可以找到很多有用的 JS 库，也为WordPress开发人员提供了框架和模板。如果你是一个jQ...
View ArticleClik here to view.
jquery ajax回调函数中调用$(this)的问题
今天在用jquery的ajax的回调函数时出现了问题，就是在回调函数中不能使用$(this)。这个问题一直弄了很久，怎么也解决不了，后来是在调用函数前先把$(this)存入变量，然后再在回调函数中使用就没问题了，在这作一下笔记。 $(document).ready(function(){ $(“.del”).click(function () { obj=$(this).parent();//回调...
View ArticleClik here to view.
phpQuery占用内存过多的解决方法
phpQuery是一个用php实现的类似jQuery的开源项目，可以在服务器端以jQuery的语法形式解析网页元素。 相对于正则或其它方式匹配网页方式，phpQuery使用起来要方便的多。 在使用phpQuery采集网页时，遇到一个问题：在处理大量网页之后，phpQuery占用的内存数量非常惊人（很快就超过了1G)， 比如这段代码： while (true) { phpQuery::newDocu...
View Article
