“豆瓣说” 背后的前端开源技术

标签: 开源 jQuery 前端 豆瓣 JavaScript | 发表时间:2011-04-01 01:42 | 作者:sofish chaoping
出处:http://sofish.de

提及网站: http://shuo.douban.com/

这是一篇毫无技术含量而又不得不说的文章。一、我不能深度评论这些技术,因为本身并不熟悉,所以可能看起来真的“毫无技术含量”,但要介绍的这些又都是含金量很高的开源技术。二、豆瓣说太简单了,简单的都不知道从哪个地方谈这个产品,但又答应了 @gaowhen 同学说要写某个产品的时候第一篇应该写豆瓣说;另外一个不得不说的原因是这些开源技术都是值得前端去研究的。

豆瓣说

  • Javascript MVC: backbone

    为大型 JS 程序提供的一套 MVC 框架。文档非常完善,像大名鼎鼎的 37signals 都在用。例如这个 Basecamp Mobile 就是 37signals 的产品。这个很让人喜欢的 To-Do List 工具 Flow 也是用这个来实现 MVC 的。还有像 Mobile SoundCloudInsta-great!QuietWrite 等都在用。

  • 模板语言:mustache

    这个模板语言,上次 @Fenng 在推上推荐的时候,原话是 “A client-rendering framework for Facebook by Changhao Jiang http://t.co/NIo6vCd” 嗯。据说很牛A。当然,支持各种语言,其实包括 javascript 和 豆瓣服务端用的 python。

  • 实时程序实现: Socket.io

    看到 Socket + 前端,是不是想到 HTML5 的 Web Sockets 了。是的。Socket.io 支持 HTML5 的 Web Socket,同时也支持使用 flash (豆瓣使用的应该是 flash)等兼容其他不支持 Web Sockets 的浏览器。对移动设备的兼容性也非常好。再时后端运行支持 python ,这多适合豆瓣啊。

另外,从 URL 和对话的 侧滑 slide-panel 都是仿 twitter 的。至于 URL 为什么为这样做,可以参照 Google 的文章。至于侧滑这种这么好的体验方法拿来用,也没有什么可说的,只能说还有比这个更好的吗!

对于为什么公司会让他们使用这些技术,我只能说他们很酷,这在某些公司是很难做到的。再想想豆瓣的 HTML5 应用都做得…,其实也挺佩服这帮人的。还有 @kejunz 去年写的这篇文章:新版twitter背后的技术。这些技术在豆瓣上有多少已经用上了呢?哈,大部分呢。这是多好的事,如果是你,你会如何做?

不过,话说回来。这些都只是我个人看得到的。或许有更多关于前端的开源技术运用在里面,而我没看出来。是应该好好想想自己应该怎么去做了。团队可以怎么去做了。

至于页面的 HTML 什么的嘛,不是坑爹么。全都是 div,加上这么多嵌套。不知道是是谁写的,偷笑一下。我不是有意冒犯,您快修改回来吧。然后,哈哈哈哈哈,加油吧同学。

好吧,至此,这篇没技术含量的文章到此结束。总结就是,去用吧,去告诉别人为何要用吧。在新技术的应用上,某些公司应该向豆瓣说前端团队学习学习。


© 2011 幸福收藏夹。 版权所有,转载务必注明。域名已经更新为:sofish.de
注意:当你觉得某篇文章有用,请直接看原文,因为通常我都会在写了文章后更新、去错别字、升级观点之类的。

相关 [豆瓣 前端 开源] 推荐:

“豆瓣说” 背后的前端开源技术

- chaoping - 幸福收藏夹
提及网站: http://shuo.douban.com/. 这是一篇毫无技术含量而又不得不说的文章. 一、我不能深度评论这些技术,因为本身并不熟悉,所以可能看起来真的“毫无技术含量”,但要介绍的这些又都是含金量很高的开源技术. 二、豆瓣说太简单了,简单的都不知道从哪个地方谈这个产品,但又答应了 @gaowhen 同学说要写某个产品的时候第一篇应该写豆瓣说;另外一个不得不说的原因是这些开源技术都是值得前端去研究的.

豆瓣显示

- frank - 读库情报站

优秀的开源前端框架Bootstrap发布2.0.1版

- - InfoQ cn
Bootstrap是著名的社交网站、微博的先驱Twitter在2011年8月推出的开源WEB前端框架,集合CSS和HTML,使用了最新的浏览器技术,为快速WEB开发提供了一套前端工具包,包括布局、网格、表格、按钮、表单、导航、提示等等. 使用Bootstrap可以构建出非常优雅的前端界面,而且占用资源非常小.

直接拿来用!最火的前端开源项目

- - 酷勤网-挖经验 [expanded by feedex.net]
对于开发者而言,了解当下比较流行的开源项目很是必要. 利用这些项目,有时能够让你达到事半功倍的效果. 为此,本文整理GitHub上最火的前端开源项目列表,内容涵盖了. 如何成为优秀的前端开发工程师、. Web开发教学材等,这里按分类的方式列出前九个. 一、Architecture. 网站架构,一般认为是根据客户需求分析的结果,准确定位网站目标群体,设定网站整体架构,规划、设计网站栏目及其内容,制定网站开发流程及顺序,以最大限度地进行高效资源分配与管理的设计.

豆瓣的初衷

- Alex Yu - 豆瓣blog
六年前,我开始写豆瓣第一行代码的时候,是想做一个关于生活发现的服务. 也就是说,豆瓣想帮人发现真实生活里的好东西. 今天豆瓣有一百多人的团队了,我们依然在做一个关于生活发现的服务. 这个想法可以在2005年以来一直没有改动过的一个页面里看到,就是”关于豆瓣“. “豆瓣的发起者发现,对多数人做选择最有效的帮助其实来自亲友和同事.

OSD Lyrics + 豆瓣电台

- 培培 - 画猫不成反类虎
现在已经可以试用了,参见wiki页面安装0.5版,然后按照README文件的说明使用浏览器扩展. OSD Lyrics 0.5计划中的一项新特性就是提供一个HTTP Player接口,使得可以方便地实现网络播放器支持. 作为其副产品之一,豆瓣电台的支持已经初步实现了. 代码库在 https://github.com/osdlyrics/osdlyrics-doubanfm.

豆瓣的基础架构

- - 博客园_知识库
  本文根据InfoQ中文站对豆瓣洪强宁(@hongqn)的沟通交流整理而成. 洪强宁介绍了豆瓣的架构和组件,并分享了豆瓣基础平台部的一些团队经验. 文中截图来自洪强宁在2013年CTO俱乐部中的分享.   豆瓣整个基础架构可以粗略的分为在线和离线两大块.   BeansDB项目可以说是一个简化版的AWS DynamoDB,该项目在2008年启动,2009年开源,第⼀版使⽤tokyo cabinet作为存储引擎,2010年使⽤bitcask存储格式重写了存储引擎,性能更好.

2015年豆瓣高分榜

- - 豆瓣blog
在过去的一年里,豆瓣用户有了更丰富的生活,标记了更多项目,包括图书、电影、音乐、东西、小组等. 我们根据这些标记,整理了2015年口碑最好的兴趣榜单. 在这里,你也许会发现:今年最爱的书 《你今天真好看》也受到了大家的欢迎;你和友邻一直都在共同关注着 “我不知道该如何像正常人那样生活”专栏;原来电影 《心迷宫》有那么多人看过并给了高分;那张被友邻们念叨了好久的 《敷衍》你一直没来得及听…….

安装淘宝开源web服务器tengine替换nginx并使用proxy_cache做前端代理

- - C1G军火库
Tengine是由淘宝网发起的Web服务器项目. 它在Nginx的基础上,针对大访问量网站的需求,添加了很多高级功能和特性. Tengine的性能和稳定性已经在大型的网站如淘宝网,天猫商城等得到了很好的检验. 它的最终目标是打造一个高效、稳定、安全、易用的Web平台. 目前稳定版[2013-11-22] Tengine-1.5.2.