<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>welefen的随笔</title>
	<atom:link href="http://www.welefen.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.welefen.com</link>
	<description>前端打杂者@baidu</description>
	<lastBuildDate>Tue, 07 Feb 2012 07:28:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>发布gplus主题1.1版</title>
		<link>http://www.welefen.com/gplus-1-1-version.html</link>
		<comments>http://www.welefen.com/gplus-1-1-version.html#comments</comments>
		<pubDate>Fri, 06 Jan 2012 01:27:56 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[前端开发]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[gplus]]></category>
		<category><![CDATA[pjax]]></category>
		<category><![CDATA[theme]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=1051</guid>
		<description><![CDATA[我们很高兴在这里发布gplus风格的wordpress主题1.1版，这个版本主要是修改了大家反馈的一些bug，同时新加的一些新的功能，具体如下： 1、修复了pjax相关的bug 1) 修复了第一次点击后回退显示的问题(感谢ququ) 2）修复了使用本地缓存的问题 3）修复了pjax后的内容不能进行语法高亮的问题 现在在主题设置里增加了回调函数的选项，在选项里可以填入相关的功能在pjax后执行，如： 除了可以增加语法高亮的功能之外，你还可以增加其他的功能。 4）将jquery和qwrap版的pjax合并为一个版本，并在主题选项里可以选择。 5）暂时下掉了manifest的功能，由于还没有解决浏览器会缓存当前页动态内容的问题 2、显示相关的bug 1)修复了图片不能居中或者不能居右的问题 2）修复了文章内容显示如果有浮动导致显示错乱的问题 3）修复了Custom Smilies插件不能正常显示的问题 3、功能增强 1)右上角的搜索框在chrome下增加了语音搜索的功能 2)其他一些小的功能 &#160; 你可以从这里下载主题 相关文章 发布一款Google+版wordpress主题 使用ajax和history.pushState无刷新改变页面URL velocity性能大会总结 pjax发布qwrap版 音乐电台chrome插件发布2.0版本]]></description>
		<wfw:commentRss>http://www.welefen.com/gplus-1-1-version.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>如何利用CDN进行全网加速</title>
		<link>http://www.welefen.com/use-cdn-upgrade-performance.html</link>
		<comments>http://www.welefen.com/use-cdn-upgrade-performance.html#comments</comments>
		<pubDate>Sat, 31 Dec 2011 01:22:36 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[性能优化]]></category>
		<category><![CDATA[CDN，]]></category>
		<category><![CDATA[performance]]></category>
		<category><![CDATA[加速]]></category>
		<category><![CDATA[性能]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=1048</guid>
		<description><![CDATA[CDN是什么？ CDN即内容分发网络，主要功能是加快网络数据传输，让用户尽快的看到所需的内容。 不清楚的同学可以继续看百科里的介绍。http://baike.baidu.com/view/21895.htm 同时Yslow和pagespeed也把CDN作为一条很重要的性能优化法则。 CDN目前做的事情 一般国内的大公司现在都已经建设了自己的CDN服务，如：百度、淘宝、腾讯。 目前主要功能是加快静态资源的传输，如：JS\CSS\图片。尤其是图片服务，由于数据量非常大，非常依赖CDN的加速。 仔细想想，其实还可以利用CDN做更多的一些事情。 CDN还可以做什么？ 1、动态内容的加速 上面说到，现在CDN主要是用于静态资源的加速，对于动态内容由于要经过机房后端程序的处理，那如何加速呢？ 当然肯定不能将所有的后端程序都在CDN上部署一遍，这肯定不现实。 其实可以在CDN上做一层代理，用户对于动态内容的访问首先到达CDN，然后CDN通过代理访问机房，由于CDN和机房之间是服务器对服务器的数据传输，所以非常的快。 这种方式虽然理论上可以行的通，主要有下面2个问题： 1）： 流量的加倍 由于机房的流量本身不会减少，同时CDN要多一层流量，所以流量相对之前加倍了。但由于小城市的流量费用很低，在流量费用上不会加倍，如：北京的费用是其他二线城市流量费用的十倍。 2）： 动态内容本身不大 由于动态内容本身不大，GZIP之后可能也不超过20K，所以带来的效果不太好说。 用于动态内容的加速，由于不确定性比较多，效果和收益需要评估，但可以作为一种性能优化的方式去研究。 2、大文件上传的加速 由于中国的网络主要还是ADSL，并且还是非对称的，也就是上行速度和下行速度是不一样的。据相关的数据统计，上行速度是下行速度的1/4，差的地方达到了1/20。 也就是说如果当前的下载速度有100K，那么上传速度可能只有25K，并且可能还会小。 针对这种情况，对于相册或者云盘这样的服务，就需要对上传性能进行优化了。 优化方式实际上也是在CDN上建立代理，用户上传文件先到达CDN，然后通过CDN传到机房。 这种方式虽然带来了流量的双倍，但一般一个服务上传流量相对与下载流量可以忽略不计，即使双倍了也没什么问题。 ps: 对于图片上传的服务，由于上传时间较长，并且用户的网络不稳定，之前的统计数据来看，经常出现上传失败的情况，通过这种方式也是解决上传失败一个很好的办法。 相关文章 百度新首页性能优化 velocity性能大会总结 Smarty3性能优化工具 Smarty3的性能问题 Smarty3下模版开发规范和问题]]></description>
		<wfw:commentRss>http://www.welefen.com/use-cdn-upgrade-performance.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>百度新首页性能优化</title>
		<link>http://www.welefen.com/baidu-new-homepage-performance.html</link>
		<comments>http://www.welefen.com/baidu-new-homepage-performance.html#comments</comments>
		<pubDate>Sat, 31 Dec 2011 00:51:48 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[性能优化]]></category>
		<category><![CDATA[css极限压缩]]></category>
		<category><![CDATA[performance]]></category>
		<category><![CDATA[tangram]]></category>
		<category><![CDATA[优化]]></category>
		<category><![CDATA[性能]]></category>
		<category><![CDATA[新首页]]></category>
		<category><![CDATA[百度]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=1045</guid>
		<description><![CDATA[百度新首页性能优化 View more presentations from welefen 这是前些天在公司的技术交流上做的总结，有些东西没有深入的讲。 相关文章 Smarty3性能优化工具 Smarty3的性能问题 velocity性能大会总结 前端交流会 tangram最优定制版codesearch工具]]></description>
		<wfw:commentRss>http://www.welefen.com/baidu-new-homepage-performance.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>使用xhprof分析PHP的性能瓶颈</title>
		<link>http://www.welefen.com/use-xhprof-analytic-php-performance.html</link>
		<comments>http://www.welefen.com/use-xhprof-analytic-php-performance.html#comments</comments>
		<pubDate>Sat, 10 Dec 2011 02:29:00 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[fl]]></category>
		<category><![CDATA[perfomance]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[smarty]]></category>
		<category><![CDATA[xhprof]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=979</guid>
		<description><![CDATA[最近利用空闲的时间准备对Fl进行重构，Fl是一个支持模版语法（如：Smarty3模版语法）的HTML/Js/Css解析，压缩，美化，检测等工具。关于Fl的更多信息你可以从github上了解。 但是重构完HTML的解析之后，在使用simpletest进行单元测试的时候，使用豆瓣首页的源代码发现比较慢，发现需要1.5s，但在第一个版本中只要200ms就解析完了，这个差距是完全不能接受的。虽然这次重构对很多方法进行了抽象，但应该不至于直接导致这么慢。 之前看过可以使用Facebook开发的xhprof来分析PHP的性能，安装了下分析后终于发现了直接影响到性能的瓶颈。xhprof的安装网上有很多教程，这里就不在说明了。 这里就有个安装的教程： http://hi.baidu.com/thinkinginlamp/blog/item/f4bd08fa1a03ba9e59ee90fd.html &#160; 从图中可以很分析的看到，find方法里调用的stripos系统函数导致的，这个函数被执行了13749次，花了1s的时间。而find方法主要用于检测特征值所在的位置的，有时候需要不区分大小写进行检测。 更多的信息请见这里 找到问题的所在就要想办法进行优化了，网上找了很久没有发现stripos的替代方案，那只能从使用场景上寻求替代方案了。 使用过程中很多时候是startWith对find方法进行的调用，startWith方法是用来检测是否以某个特征值打头的。 使用substr和首个字符的方式替代原有的find方案，在对一些细节进行了优化后，时间降到550ms了，不过相对于原来的版本还是要差很多。 xhprof不光能够直接观看当前是哪个方法引起的性能外，还是可以看每个函数的执行次数，以及执行的环境，如： 父级方法是什么，调用了哪些其他的方法，非常直观。 有了这些数据后，就可以想办法慢慢的优化了。 当然如果用PHP写一般的应用的话是没有性能问题的。 附上xhprof里的名词解释： http://www.yufeng.me/read.php?282 相关文章 在线工具: js/css/html压缩 Imghash:相似图片搜索的php实现 如何让ThinkPHP支持ActionChain php将unicode编码转为utf-8方法 Smarty中实现模板继承功能]]></description>
		<wfw:commentRss>http://www.welefen.com/use-xhprof-analytic-php-performance.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>velocity性能大会总结</title>
		<link>http://www.welefen.com/velocity-conf.html</link>
		<comments>http://www.welefen.com/velocity-conf.html#comments</comments>
		<pubDate>Wed, 07 Dec 2011 13:01:42 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[velocity]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[yahoo]]></category>
		<category><![CDATA[性能]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=973</guid>
		<description><![CDATA[12.6 &#8211; 12.7 有幸在部门的支持下参加了velocity性能和运维大会，下面对这2天听到的一些内容作一些简单的总结。 12.6部分 1、低功耗服务器定制与绿色计算 淘宝介绍了如何和厂商合作定制一些特殊的服务器，并且由于淘宝服务的特殊性（大量的图片服务），在全国部署了103个CDN节点，通过定制和绿色计算，将每个CDN节点的费用由50W降低到37W。 提出了分层存储机制（Memory+SSD+SAS+SATA），根据资源的大小以及活跃度存储在不同的节制上，从而实现性能和开支的平衡 同时提出了开源绿色计算(http://www.greencompute.org)，里面提供了淘宝服务部署的相关文档以及他们建议的一些规范。 感悟： CDN部署的一些经验对于一些大公司以及准备作CDN部署的公司还是非常有用的，也很多可以借鉴的地方 2、如何利用HTML5开发高性能的游戏 在大canvas上画小canvas,把image放在小canvas上，而不是直接放在大canvas上 用webkitRequestAnimationFrame替代传统的setTimeout http://www.enjoyhtml5.com/上有一些HTML5的文档 感悟： 没时间内容，本身时间也比较短，感觉就是一个过场 3、移动互联网应用的性能优化 这个是来自Facebook的David Wei作的分享，自去年分享BigPipe一站成名后，今年带来移动方面的性能优化。 主要介绍了移动应用性能上的一些挑战，具体不太记得了。。。。 4、Node.js NAE (APP Engine) 这里介绍的是淘宝使用NodeJS搭建的APP Engine，主要是产品介绍和推广。不过国内使用NodeJS做这个事情的目前只有淘宝一家。 感悟： 淘宝勇于使用一些新东西并且将这些新东西开放还是非常值得尊敬的。 5、使用BigPipe提升浏览速度 —— 流水线技术在新浪微博的实践 旧饭旧炒，几乎没什么特殊的东西，不过参与者还是非常多。 感悟：BigPipe主要勇于服务端处理很慢的情况，对于一般的应用使用可能弊大于利。 6、 Web + Apps，融合之路 一直在讲QQ群右上角的展现，实在不耐烦了没听完就撤了。 感悟： 不知道后来有没有讲Q+，我想大部分人还是想听到Q+的。 12.7部分 1、 新一代Facebook移动平台 David介绍了下Facebook的移动平台，主要是多终端的展现以及目前移动平台下一些内容。 感悟： 没有太多的新颖点，移动目前还处在摸索的阶段，包括各种工具的匮乏以及开发方式的复杂度等等。需要大家慢慢去探索。 2、大型网站性能监控、测量和故障排除@雅虎 应该是来自台湾的MM分享的，主要是介绍使用常用的性能分析工具，如： yslow, pagespeed, dynatrace, webpagetest等等。 在这次分享大会上全球首次发布了Yslow的命令行版本，目前还是Beta状态，昨天晚上才Build出来的。 命令行版本是使用Http Watch生成har文件，然后通过Yslow分析并给出分析结果。 我提了一个问题： [...]]]></description>
		<wfw:commentRss>http://www.welefen.com/velocity-conf.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>这2天的博客访问故障</title>
		<link>http://www.welefen.com/blog-502-reason.html</link>
		<comments>http://www.welefen.com/blog-502-reason.html#comments</comments>
		<pubDate>Thu, 17 Nov 2011 01:50:40 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[linux]]></category>
		<category><![CDATA[我的生活]]></category>
		<category><![CDATA[mysql]]></category>
		<category><![CDATA[mysql-bin]]></category>
		<category><![CDATA[nginx]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=968</guid>
		<description><![CDATA[这篇文章主要是故障排查的记录，没有什么技术含量，主要供后续查找。 这2天访问博客的时候会出现502的错误，刚开始以为是linode不稳定的原因，重启后发现可以访问了。由于比较忙就没有看具体的原因。 今天早上访问的时候发现又502错误了，登陆上去后通过ps aux &#124; grep nginx发现nginx进程已经不在了，那么为啥nginx的进程被kill了呢？之前一直没有出现过这种现象。 查了下nginx的错误日志，发现了如下的错误： 2011/11/17 09:21:34 [alert] 2275#0: *32 write() to “/home/wwwlogs/access.log” failed (28: No space left on device) while logging request, client: 61.135.165.180, server: test.welefen.com, request: “POST /phpmyadmin/index.php HTTP/1.1&#8243;, upstream: “fastcgi://unix:/tmp/php-cgi.sock:”, host: “test.welefen.com”, referrer: “http://test.welefen.com/phpmyadmin/index.php?token=cc9eb811db39300b7d683677a734d98b” 错误信息表示磁盘已经满了，通过du -sh /查看了下，发现/usr/local/mysql/var这个目录竟然占用了16G的空间（vps总空间只有20G），具体看了下，主要是mysql-bin.000001这种mysql的操作日志过大。 mysql-bin.000001、mysql- bin.000002等文件是数据库的操作日志，例如UPDATE一个表，或者DELETE一些数据，即使该语句没有匹配的数据，这个命令也会存储到日志 文件中，还包括每个语句执行的时间，也会记录进去的。 由于只是个人vps，没必要存放这些mysql的操作日志，可以通过下面的方面删除这些日志： 1、编辑/etc/my.conf，把 #log-bin=mysql-bin #binlog_format=mixed 注释，之后就不再产生操作日志了。 2、mysql -uroot -pxxx 登陆mysql，通过 [...]]]></description>
		<wfw:commentRss>http://www.welefen.com/blog-502-reason.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>【招聘】前端开发工程师（百度）</title>
		<link>http://www.welefen.com/%e3%80%90%e6%8b%9b%e8%81%98%e3%80%91%e5%89%8d%e7%ab%af%e5%bc%80%e5%8f%91%e5%b7%a5%e7%a8%8b%e5%b8%88.html</link>
		<comments>http://www.welefen.com/%e3%80%90%e6%8b%9b%e8%81%98%e3%80%91%e5%89%8d%e7%ab%af%e5%bc%80%e5%8f%91%e5%b7%a5%e7%a8%8b%e5%b8%88.html#comments</comments>
		<pubDate>Wed, 09 Nov 2011 01:26:20 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[前端开发]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=961</guid>
		<description><![CDATA[所属部门： 社区搜索部 工作地点：北京 招聘人数：不限 职位性质：技术 工作职责： -百度各产品线Web端功能设计、开发和实现 -百度各产品线易用性改进和Web界面技术优化 -Web前沿技术研究和新技术调研 职位要求： -计算机及相关专业本科以上学历 -精通JavaScript、Ajax等Web开发技术 -精通HTML/XHTML、CSS等网页制作技术，熟悉页面架构和布局 -熟练使用Linux系统，对算法、数据结构以及后台开发(C/C++/PHP/Java等)有一定了解 -熟悉W3C标准，对表现与数据分离、Web语义化等有深刻理解 -对Web技术发展有强烈兴趣，有良好的学习能力和强烈的进取心 -良好的沟通与表达能力、思路清晰，较强的动手能力与逻辑分析能力 欢迎大家自荐和推荐，简历请发送到 lichengyin@baidu.com 相关文章 No Related Posts]]></description>
		<wfw:commentRss>http://www.welefen.com/%e3%80%90%e6%8b%9b%e8%81%98%e3%80%91%e5%89%8d%e7%ab%af%e5%bc%80%e5%8f%91%e5%b7%a5%e7%a8%8b%e5%b8%88.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>前端交流会</title>
		<link>http://www.welefen.com/%e5%89%8d%e7%ab%af%e4%ba%a4%e6%b5%81%e4%bc%9a.html</link>
		<comments>http://www.welefen.com/%e5%89%8d%e7%ab%af%e4%ba%a4%e6%b5%81%e4%bc%9a.html#comments</comments>
		<pubDate>Wed, 09 Nov 2011 00:59:16 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[d2]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[webrebuild]]></category>
		<category><![CDATA[前端交流会]]></category>
		<category><![CDATA[百度]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=956</guid>
		<description><![CDATA[前几天在组内群里让大家参加这周末的webrebuild前端交流会， 之后顺便把目前已有的跟前端相关的一些交流会整理了下，主要有下面一些： D2前端技术论坛  http://www.d2forum.org/ WebRebuild   http://www.webrebuild.org/beijing/ Web标准化交流会  http://www.w3ctech.com/ Qcon全球企业开发大会 http://www.qconbeijing.com/ Velocity Web运维和性能大会 http://velocity.oreilly.com.cn/ 百度技术沙龙 http://www.infoq.com/cn/zones/baidu-salon/ HTML5技术分享沙龙 http://www.mhtml5.com/events  其中除了Qcon全球企业开发大会和Velocity Web运维和性能大会需要高达2K-3K的报名费之外，其他的交流会都是免费的。 附上图片： 相关文章 百度新首页性能优化 d2沙龙-编译平台 续: 如何减少代码上线过程中对服务的影响 新百度首页 发放10个百度统计热力图的邀请码]]></description>
		<wfw:commentRss>http://www.welefen.com/%e5%89%8d%e7%ab%af%e4%ba%a4%e6%b5%81%e4%bc%9a.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>tangram最优定制版codesearch工具</title>
		<link>http://www.welefen.com/optimize-of-tangram-codesearch.html</link>
		<comments>http://www.welefen.com/optimize-of-tangram-codesearch.html#comments</comments>
		<pubDate>Fri, 21 Oct 2011 07:40:06 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[baidu]]></category>
		<category><![CDATA[codesearch]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[tangram]]></category>
		<category><![CDATA[定制]]></category>
		<category><![CDATA[开源]]></category>
		<category><![CDATA[框架]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=948</guid>
		<description><![CDATA[tangram是什么 tangram是百度前端开发团队开发的一款JS框架，该框架具有一下特点： 可通过定制创建最适合的轻量级版本 多种机制实现扩展，良好的插件支持 丰富的中文文档以及案例，容易上手 全浏览器跨平台兼容 平滑的版本升级体验 tangram codesearch tangram codesearch是一个tangram方法定制的工具，他可以定制你需要的tangram方法，将没使用到的方法去除，从而减少文件的大小，提升加载速度。 但在真正开发和使用这个工具的时候，你会发现这个工具很鸡肋，为什么呢？主要有下面几个原因： 项目之初你可能根本不知道你要用到哪些方法，可能只能将一些最基本的方法选定，待开发过程中慢慢去重新定制。这种方式非常耗费时间。 项目之初使用全部的tangram，项目完成时统计使用到哪些方法，然后将这些方法打包。首先统计需要耗费一定的时间，其次升级时都要做这个事情很麻烦。如果有哪个方法不在使用了，可能并不会删除。 由于上面2种定制方式都带来很多问题，所以一般情况下直接使用全量的tangram，不再考虑使用定制的tangram了。 有没有办法解决这个问题呢？ 如果有一种工具，可以自动分析开发的代码中使用到哪些tangram方法，然后将这些方法打包，那就可以很好的解决这个问题了。 最优定制版tangram codesearch 最优定制版tangram codesearch就是这样一款工具，这个工具可以让你在开发的时候直接使用全亮的tangram，然后在上线之前将开发的JS打成zip包，然后上传，系统就可以自动分析代码里使用了哪些tangram方法，并自动将这些方法打包。然后将最优定制后的文件覆盖原有的问题就可以了。 在线地址：http://www.welefen.com/lab/tangram-codesearch/index.html 虽然这个工具可以很好的解决定制的问题，但是也不是十分完美的，目前主要有下面几个缺点： 自动分析只是做了简单的识别，只识别代码中直接使用tangram里的方法，如：使用了baidu.dom.g, baidu.array.each。 不能识别如下的情况，如果有下面的情况暂时请手工添加： 定义了变量var a = baidu.array, 然后使用a.each 通过methodize，multize等方法后，然后使用该方法，如：将dom的很多方法集化到Element类上，然后使用类的方法 通过extend将一个对象的方法扩展到另一个对象上，如：baidu.extend(a, baidu.array)， 然后使用a.each 相关文章 百度新首页性能优化 续: 如何减少代码上线过程中对服务的影响 新百度首页 音乐电台chrome插件发布2.0版本 Imghash:相似图片搜索的php实现]]></description>
		<wfw:commentRss>http://www.welefen.com/optimize-of-tangram-codesearch.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>pjax发布qwrap版</title>
		<link>http://www.welefen.com/pjax-for-qwrap.html</link>
		<comments>http://www.welefen.com/pjax-for-qwrap.html#comments</comments>
		<pubDate>Mon, 10 Oct 2011 01:03:58 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[github]]></category>
		<category><![CDATA[pjax]]></category>
		<category><![CDATA[qwrap]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=935</guid>
		<description><![CDATA[之前在制作gplus主题的时候，使用到了ajax+history.pushState，并且把这个功能封装成了pjax，由于当时使用的JS框架是jquery，所以pjax是基于jquery写的。 最近决定写一个基于qwrap的pjax，之前一直没时间弄，昨天终于给弄好了。由于qwrap支持retouch，所以使用上和jquery区别不是很大，拿之前的代码稍微改改就可以了。 下载和使用方式 源代码地址：https://github.com/welefen/pjax 由于pjax里使用了ajax组件，qwrap核心库里是不包含ajax组件，所以需要将ajax打包进来。ajax组件可以使用https://github.com/welefen/qwrap/tree/master/resource/js/wagang/ajax，或者你也可以直接引用这个JS http://www.welefen.com/wp-content/themes/gplus/js/qwrap.js。 由于qwrap里不支持live模式和核心包里没有动画组件，所以pjax for qwrap版本默认不支持动画，并且使用方式和jquery版本稍微有些差别，具体如下： QW.pjax(selector, { //selector一般为a[href="^http://domain"] filter: function(){}, //filter函数，将不符合条件的a过滤掉 container: '#container', cache: true, storage: true }) 其他使用方式（包括服务端判断方式）都和jquery版本的一样 相关文章 pjax：ajax和pushState结合的js库 发布一款Google+版wordpress主题 发布gplus主题1.1版 使用ajax和history.pushState无刷新改变页面URL 音乐电台chrome插件(包含豆瓣、人人等14个电台)]]></description>
		<wfw:commentRss>http://www.welefen.com/pjax-for-qwrap.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using eaccelerator
Database Caching using disk: basic
Object Caching 778/896 objects using disk: basic

Served from: welefen.com @ 2012-02-08 03:05:01 -->
