<?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/category/js-css-html/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>百度新首页性能优化</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>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>【招聘】前端开发工程师（百度）</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>
		<item>
		<title>在线工具: js/css/html压缩</title>
		<link>http://www.welefen.com/js-css-html-online-compressor.html</link>
		<comments>http://www.welefen.com/js-css-html-online-compressor.html#comments</comments>
		<pubDate>Sun, 09 Oct 2011 05:07:21 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[compiler]]></category>
		<category><![CDATA[compressor]]></category>
		<category><![CDATA[fl]]></category>
		<category><![CDATA[html压缩]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[yui]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=926</guid>
		<description><![CDATA[之前为了编译平台写过一个前端语言的分析、检查、压缩工具FL，实际使用中主要用它的检查和支持模版语法的HTML压缩功能。集成在编译平台里一直运行的很好。现在把剥离出来，形成一个单独的JS/css/HTML压缩工具。 javascript/css/html压缩工具地址： http://www.welefen.com/lab/compressor/index.html 目前支持的功能有： 1、使用YUI Compressor或者Google Compiler压缩javascript 2、使用YUI Compressor或者FL压缩css 3、使用FL压缩html。虽然HTML压缩是支持模版语法的，但目录没有开启。如果有人需要的话可以将这个功能开启。 遇到的问题 压缩工具由于用到了YUI Compressor和Compiler，他们是jar包，需要java环境的支持。 搜索了相关的文档，下载了jdk-6u27-linux-i586.bin并安装，然后在/etc/profile文件里添加了下面的代码： export JAVA_HOME=/home/welefen/.java/jdk1.6.0_27 #export JAVA_HOME export PATH=$JAVA_HOME/bin:$PATH #export PATH export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar 然后看$PATH值如下： /home/welefen/bin:/home/welefen/.java/jdk1.6.0_27/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games 这表明设置已经是正确的了，并且执行java -version java version "1.6.0_27" Java(TM) SE Runtime Environment (build 1.6.0_27-b07) Java HotSpot(TM) Server VM (build 20.2-b06, mixed mode) 这时在命令行下执行jar的包是完全可以的，但在浏览器访问php调用的时候始终报sh: java not found的错误。 最后在多益的帮助下，终于搞定了。解决方案： 将java软连接到/usr/bin下，如： ln -s /home/welefen/.java/jdk1.6.0_27/bin/java java [...]]]></description>
		<wfw:commentRss>http://www.welefen.com/js-css-html-online-compressor.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>d2沙龙-编译平台</title>
		<link>http://www.welefen.com/fcp-for-d2.html</link>
		<comments>http://www.welefen.com/fcp-for-d2.html#comments</comments>
		<pubDate>Mon, 26 Sep 2011 01:10:14 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[d2]]></category>
		<category><![CDATA[d2沙龙]]></category>
		<category><![CDATA[编译平台]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=915</guid>
		<description><![CDATA[9.25有幸被邀请到d2沙龙（北京）给大家做前端编译平台的交流，由于时间很短，讲的很快，很多地方都是一带而过。 前端编译平台 View more presentations from welefen 大家如果还有什么疑问，欢迎评论，我会一一解答。 相关文章 前端交流会 续: 如何减少代码上线过程中对服务的影响]]></description>
		<wfw:commentRss>http://www.welefen.com/fcp-for-d2.html/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>音乐电台：发布首个音乐电台使用排行榜</title>
		<link>http://www.welefen.com/music-use-range.html</link>
		<comments>http://www.welefen.com/music-use-range.html#comments</comments>
		<pubDate>Wed, 21 Sep 2011 02:11:56 +0000</pubDate>
		<dc:creator>welefen</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[浏览器插件]]></category>
		<category><![CDATA[排行榜]]></category>
		<category><![CDATA[豆瓣电台]]></category>
		<category><![CDATA[音乐电台]]></category>

		<guid isPermaLink="false">http://www.welefen.com/?p=898</guid>
		<description><![CDATA[之前写过一个音乐电台的插件，目前已经有1500名安装用户了，可以参见这里。并且给一些操作加了统计，从统计数据上来看，各个电台的使用率差别还是挺大的。下面大致介绍下各个电台的使用比率。 一个月(08.20 &#8211; 09.20)电台使用比率 一周(09.13 &#8211; 09.20)电台使用比率 从数据上看，豆瓣电台的使用比率远远大于其他电台。由于QQ音乐是上线不久的，之后可能比率会更高。 &#160; 相关文章 音乐电台chrome插件(包含豆瓣、人人等14个电台)]]></description>
		<wfw:commentRss>http://www.welefen.com/music-use-range.html/feed</wfw:commentRss>
		<slash:comments>2</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 1/45 queries in 0.037 seconds using disk: basic
Object Caching 778/902 objects using disk: basic

Served from: welefen.com @ 2012-02-08 03:42:58 -->
