IN：wordpress, 前端开发 标签： google, gplus, pjax, theme 评论: 7 我们很高兴在这里发布gplus风格的wordpress主题1.1版，这个版本主要是修改了大家反馈的一些bug，同时新加的一些新的功能，具体如下： 1) 修复了第一次点击后回退显示的问题(感谢ququ) 2）修复了使用本地缓存的问题 3）修复了pjax后的内容不能进行语法高亮的问题 现在在主题设置里增加了回调函数的选项，在选项里可以填入相关的功能在pjax后执行，如：1、修复了pjax相关的bug
IN：前端开发 标签： google, velocity, web, yahoo, 性能 评论: 5 12.6 – 12.7 有幸在部门的支持下参加了velocity性能和运维大会，下面对这2天听到的一些内容作一些简单的总结。 淘宝介绍了如何和厂商合作定制一些特殊的服务器，并且由于淘宝服务的特殊性（大量的图片服务），在全国部署了103个CDN节点，通过定制和绿色计算，将每个CDN节点的费用由50W降低到37W。 提出了分层存储机制（Memory+SSD+SAS+SATA），根据资源的大小以及活跃度存储在不同的节制上，从而实现性能和开支的平衡 同时提出了开源绿色计算(http://www.greencompute.org)，里面提供了淘宝服务部署的相关文档以及他们建议的一些规范。 感悟： CDN部署的一些经验对于一些大公司以及准备作CDN部署的公司还是非常有用的，也很多可以借鉴的地方 在大canvas上画小canvas,把image放在小canvas上，而不是直接放在大canvas上 用webkitRequestAnimationFrame替代传统的setTimeout http://www.enjoyhtml5.com/上有一些HTML5的文档 感悟： 没时间内容，本身时间也比较短，感觉就是一个过场 这个是来自Facebook的David Wei作的分享，自去年分享BigPipe一站成名后，今年带来移动方面的性能优化。 主要介绍了移动应用性能上的一些挑战，具体不太记得了。。。。 这里介绍的是淘宝使用NodeJS搭建的APP Engine，主要是产品介绍和推广。不过国内使用NodeJS做这个事情的目前只有淘宝一家。 感悟： 淘宝勇于使用一些新东西并且将这些新东西开放还是非常值得尊敬的。 5、使用BigPipe提升浏览速度 —— 流水线技术在新浪微博的实践 旧饭旧炒，几乎没什么特殊的东西，不过参与者还是非常多。 感悟：BigPipe主要勇于服务端处理很慢的情况，对于一般的应用使用可能弊大于利。 一直在讲QQ群右上角的展现，实在不耐烦了没听完就撤了。 感悟： 不知道后来有没有讲Q+，我想大部分人还是想听到Q+的。 David介绍了下Facebook的移动平台，主要是多终端的展现以及目前移动平台下一些内容。 感悟： 没有太多的新颖点，移动目前还处在摸索的阶段，包括各种工具的匮乏以及开发方式的复杂度等等。需要大家慢慢去探索。 应该是来自台湾的MM分享的，主要是介绍使用常用的性能分析工具，如： yslow, pagespeed, dynatrace, webpagetest等等。 在这次分享大会上全球首次发布了Yslow的命令行版本，目前还是Beta状态，昨天晚上才Build出来的。 命令行版本是使用Http Watch生成har文件，然后通过Yslow分析并给出分析结果。 我提了一个问题： 该命令行工具是否支持需要用户登陆的页面分析，答案是目前还不支持。 感悟： 看来大家都在做相关的事情，工具的使用场景也越来越广泛。 3、 高性能 HTML5 这是Steve本人介绍的，就是一些HTML5新的特性，几乎没什么好说的。 前端模版的一些优化，中间有一会去听Web应用的加密算法实现缺陷与利用了。 前半部分介绍了当前状态下前端开发的一些问题，然后着重在宣传SeaJS来解决这些问题。后半部分是淘宝详情页的一些性能优化手段和心得。 感悟： 前半部分一直在推广SeaJS，感觉有点过了。虽然SeaJS能解决一些问题，但有些方面可能会引发新的问题，并且感觉有些处理上还复杂了。比如： 1、映射到本地： SeaJS是直接修改Path的方式，这方式要求当前Path下的所有文件在本地都要有一份，这种方式在实际开发中可能比使用fiddler将一个文件重定向到本地要复杂的多。并且即使映射到本地也要在本地开启一个webserver，这与之前介绍的只有一个浏览器是不太符合的。 后半部分介绍了优化手段BigRender，实际上就是textarea里放内容延缓解析。 感悟： 淘宝的包装和开源方式还是值得学习的，知道如何将一个技术点包装成一个工具、一个可以拿出来和大家分享的产品。虽然textarea的方式我们去年就在产品性能优化里使用了，但如果让我来说的话，可能一句话就完了，就没有分享的意义了。 其他的一些场次，实在没听到啥东西就不写了。 总结： 本次velocity从内容上感觉没去年的给力，可能是去年FaceBook的BigPipe影响力太广了。不过中午的自助餐相当的不错，有海鲜，有我还爱吃的鸡翅等等。 ——————————————————————————————————————————— 百度需要更多的开源，更多的使用新技术，渐渐从开发方式中脱离出来。要做到职责比以前更多，效率也要更高，同时还能关注更多的技术。 同时给自己制定了参加明年velocity大会的目标，暂时保密，哈哈。12.6部分
12.7部分
IN：前端开发, 浏览器插件 标签： chrome, google, music, web store, 人人, 开源, 电台, 虾米, 豆瓣, 音乐 评论: 34 音乐电台是一款支持百度听、豆瓣电台、酷狗电台、虾米电台、酷我电台、乐酷电台、多米音乐、音悦电台、亦歌电台、人人电台、一首歌电台、百度音乐盒、搜狗音乐盒、Google音乐盒等14种电台的chrome插件，该插件已经放到chrome web store里，目前已经有700名安装用户。 通过收集大家的一些反馈，发现播放模式和选项不是太好用。最近对这块进行了重新的规划，周末在家将代码进行了完整的重构和升级，将版本升级到2.0。升级的功能如下：
IN：PHP 标签： baidu, google, imghash, phash, php, sift, tineye, 图片指纹, 相似搜索 评论: 8 前几天看到阮一峰的博客里写到关于相似图片搜索的原理, 里面介绍了Google相似图片搜索的大致原理，主要是从Neal Krawetz博士的LOOKS LIKE IT翻译而来。文章详细的介绍了相似图片搜索处理的相关步骤，并且给出了一个python的实现，由于我对PHP比较熟，所以写了个PHP的版本。 继续阅读 »
IN：前端开发 标签： ajax, chrome, google, gzip, pushstate, sdch 评论: 3 我们知道，为了加快网络传输，一般都使用gzip对文本进行压缩。如果你现在用最新版的chrome去访问页面，然后打开network控制面板，查看http headers，细心的你会发现在Request Headers里的Accept-Encoding不再是gzip,deflate，而是多了个sdch，变成了gzip,deflate,sdch。如图：概述
IN：前端开发 标签： ajax, api, google, hash, html5, jquery, onhashchange, onpopstate, pjax, pushstate, replacestate, twitter 评论: 2 如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器的前进和后退。 是什么有这么强大的功能呢？ HTML5里引用了新的API，就是history.pushState和history.replaceState，就是通过这个接口做到无刷新改变页面URL的。表现
IN：PHP, wordpress, 前端开发 标签： ajax, compress, css3, event, free, github, google, html, html5, localstorage, manifest, pjax, plus, pushstate, theme, wordpress, 免费, 开源 评论: 69 ps: 由于plus这个名字在wordpress.org已经使用，该主题改名为 gplus，给大家带来的不便敬请谅解。 Google+出来后，立即被它简洁的界面吸引了。并且用了ajax+pushstate等技术，以及一些键盘事件，对用户体验有非常大的提升。 正好最近想给自己的博客做个wordpress主题，顺便学习下制作wordpress主题的过程，于是就想到了借鉴google plus的界面了。 下面是plus版主题的预览图：
继续阅读 »
IN：浏览器插件 标签： chrome, github, google, music, webstore, 乐酷电台, 亦歌电台, 人人电台, 在线听歌, 多米电台, 开源, 扩展, 插件, 电台, 百度听, 虾米电台, 豆瓣电台, 酷我电台, 音乐, 音悦电台 评论: 11 自从豆瓣出了豆瓣电台后，电台越来越多，并且也习惯了使用电台来听歌。 之前一直使用百度听，但每次都要去打开，感觉非常麻烦。 查了下对应的浏览器插件，发现都是提供单个的，并且没有百度听。 正好最近对chrome下浏览器插件开发比较感兴趣，所以就开发了音乐电台插件。 该插件提供了目前最流行的音乐电台播放，包括：百度听、豆瓣电台、酷狗电台、虾米电台、酷我电台、乐酷电台、多米音乐、音悦电台、亦歌电台、人人电台、百度mp3音乐盒、搜狗音乐盒、Google音乐盒。 在选项中可以选择自己喜欢听的音乐电台。 继续阅读 » 问题驱动
插件功能
IN：未分类 标签： google, wave 评论: 3 昨天竟然收到了google wave发送给我的邀请，原因竟然是我给了他们很多回馈，貌似我是瞎点的哈。原文如下： Thank you for signing up to give us early feedback on Google Wave. We’re happy to give you access to Google Wave and are enlisting your help to improve the product. 有兴趣你也可以试试，说不定也可以弄到账号哦。最重要的是一般只有8个Email提名，这个有20个哦。
IN：我的生活 标签： chrome, google, linux, opensuse, os, virtualbox 评论: 0 从google发布出chrome os的消息到网上多次泄露，现在chrome os终于和我们见面了。此刻这个神秘的面纱终于揭开了。我们来看看她到底是个什么样子。目前的版本是0.4.207。 你可以从http://sites.google.com/site/chromeoslinux/download下载virtual appliance或者Live CD image。我这里下载的是virtual appliance，准备在VirtualBox中安装。如果你还没有的话，可以从http://www.virtualbox.org/wiki/Downloads下载。下面来看看在VirtualBox中具体的安装过程。 下载后的文件是Chrome_OS.i686-0.4.207.vmx.tar.gz，解压后有两个文件。Chrome_OS.i686-0.4.207.vmdk和Chrome_OS.i686-0.4.207.vmx。
从chrome os的介绍页，我们可以知道chrome os是基于linux内核的，但还不知道是基于什么发行版或者是自己重弄个发行版。