百度技术沙龙第23期回顾:一站式的前端开发框架(含资料下载)

标签: 百度 技术 沙龙 | 发表时间:2012-02-20 17:37 | 作者:
出处:http://pipes.yahoo.com/pipes/pipe.info?_id=10560380f804c7341f042a2b8a03e117

在2月18日由百度主办、InfoQ策划组织实施的 第23期百度技术沙龙活动上,来自百度前端通用组技术负责人雷志兴( @berg)、豌豆实验室前端架构师陈广琛( @CatChen)和赵望野( @赵望野)分别分享了各自在前端开发技术上取得的成果及经验,话题涉及“前端集成解决方案”,以及“豌豆荚的Web界面”等。本文将对他们各自的分享做下简单的回顾,同时提供相关资料的下载。

主题一:前端集成解决方案微盘下载讲稿

来自百度的高级工程师,前端通用组技术负责人雷志兴第一个为大家分享,演讲主要包括病疾已久的前端架构、体系结构和集成开发环境等内容。目前前端病疾主要包括:

  • 开发慢
  • 运行慢
  • 协作慢
  • 产品上线慢

雷志兴重点讲述了贯穿开发流程的体系结构和集成开发环境,他提到,工具只能解决表面问题,而且多种工具往往不能很好地与系统集成,增加了工程师学习和使用的成本。针对这些问题,百度实现了一个完整的自动化构建系统,通过本地化的应用程序,基于一套规范的开发模式解决了上述矛盾——保证开发时系统的模块化,在上线前自动优化静态资源,实现维护和运行的双赢。接着,他通过JavaScript和CSS代码片段说明了体系结构的基本特性:

  • 简化开发,提高协作和沟通效率
  • 业务型的框架
  • 更多、更好的库

此外,本地模拟也很重要,这涉及到自动“编译”、本地化调试和数据构建等工作。“架构即高效”主要要做好以下工作:

  • 体系结构
    • 组件化,简化开发方式,提高协作效率
  • 集成开发环境
    • “编译”代码,持续提高运行速度
    • 模拟环境和工具,让开发更自动化

主题二:豌豆荚的Web界面微盘下载讲稿

豌豆实验室前端架构师陈广琛以及前端工程师赵望野第二个为大家分享,主要内容涉及交互设计的主要原则和豌豆荚2.0中的前端MVC实践。重点介绍了OneRing、Backbone.js并加以实例进行演示。陈广琛首先讲到,使用Web的好处就是能够带来更好的交互与视觉设计、实现数据与视图的分离。一个Web MVC的典型流程是:

  • Control截获请求
  • Control操作Model并完成读写
  • Control把数据传递给View
  • View进行渲染并呈献给用户

在未引入Web MVC之前,Single Page Application主要面临前端工程的规模越来越来,逻辑越来越复杂以及数据、交互、UI逻辑混杂的问题。为了解决此问题,豌豆荚引入了桌面应用框架 OneRing。和Adobe AIR类似,它支持用HTML/JS/CSS制作用户界面,与之不同的是,它的应用为本地程序,可以直接访问操作系统的数据。此外,在豌豆荚2.0中,还用到了 Backbone.js,提供了JavaScript代码的组织功能。Backbone主要包括Models、Collections、Views、Events以及Controller。此外,在进行前端实践的过程中,豌豆荚也面临着一些挑战:

  • 通过实践和性能跟踪调整View的划分力度、渲染策略,复用DOM节点
  • 同后端业务边界划分(不对数据进行任何处理)
  • 数据的组织结构(尽量同后端保持一致)
  • 大量异步请求的处理。

Open Space(开放式讨论环节)

和以往的环节一样,​为了让参会者能够有更多的时间进行相互的交流,本次活动依然设置了Open ​Space(开放式讨论)环节。除百度讲师雷志兴、豌豆实验室陈广琛和赵望野,北京互动阳光张涛、天津渤海商品交易所张二青也分别作为话题小组长,同参会者进行了话题分享和讨论。

会后,一些参会者也通过新浪微博分享了他们的参会感受:​​

@_仑子_#百度技术沙龙#@berg 讲百度前端开发对csshtmljs 的处理方式,对于不了解百度开发方式的人,虽然讲的有些笼统,但对庞杂的前端代码的处理思想却很值得借鉴。

@fejustin:刚从 #百度技术沙龙#出来,百度在 #前端集成开发#方面的探索值得称道,相信这是未来趋势,我很喜欢这个主题,可惜今天内容不够丰富,有点不过瘾;早就怀疑过 #豌豆荚#的UI是纯前端的,果然如此!现在这样典型的客户端应用都是纯前端实现的,我似乎隐约看到传统客户端的未来。[另外, #Backbone#要火啊!]

@网际大鱼:百度前端开发碰到的问题我们都碰到了,下面看他们的解决方案。

@单车之梦想:在听百度前端技术沙龙,感觉自己在技术上越来越是井底之蛙了,现在还能看到天,估计再过几年,连天都看不到了。

有关百度技术沙龙的更多信息,可以通过新浪微博关注 @百度技术沙龙,或者加入 百度技术沙龙微群,InfoQ上也总结了过往22期所有百度技术沙龙的演讲视频和资料等,感兴趣的读者可以 直接浏览阅读

贾国清 是InfoQ中文站高级策划编辑,热爱生活,喜欢旅游和体育运动。

相关 [百度 技术 沙龙] 推荐:

百度技术沙龙讲座目录

- - 弯曲评论
第三十二期:讲讲地图开发那些事儿. 进入 第三十一期:推荐引擎算法与技术. 进入 第三十期:网页展示新技术实践. 进入 第二十九期:易维护的前端框架. 进入 第二十八期:如何测试你的搜索引擎. 进入 第二十七期:HTML5开发之美. 进入 第二十六期:前端组件原理及开发实践.

百度技术沙龙年度回顾:姜太文谈开源硬件

- - InfoQ cn
在上周刚刚结束的 第22期百度技术沙龙中,来自 @与非网的CTO @姜太文也来到了沙龙现场,他曾在LanguageCalls、NCsoft和完美世界等互联网公司负责技术研发和管理工作. 作为活跃的开源开发者,多年担任国际开源项目 XOOPS的负责人和主要开发者,并获得多项国际国内荣誉和Packt Publishing的Open Source MVP称号.

百度技术沙龙第23期回顾:一站式的前端开发框架(含资料下载)

- - InfoQ cn
在2月18日由百度主办、InfoQ策划组织实施的 第23期百度技术沙龙活动上,来自百度前端通用组技术负责人雷志兴( @berg)、豌豆实验室前端架构师陈广琛( @CatChen)和赵望野( @赵望野)分别分享了各自在前端开发技术上取得的成果及经验,话题涉及“前端集成解决方案”,以及“豌豆荚的Web界面”等.

D2前端技术沙龙(北京场)纪录

- blankyao - Taobao UED Team
淘宝北京前端团队在此分享一下整场的精彩内容. 本次北京会场由淘宝技术嘉年华与淘宝北京新业务前端团队共同组织协办,现场100多人,整个会场围绕着浓厚的技术氛围,技术牛人带动刚步入前端行业的新人共同畅言分享. 同时本次的技术交流会是淘宝北京前端团队第一次组织,有很多不尽人意的地方,譬如稍过形式化,重点没有放在交流讨论上等.

HTML 5 技术沙龙之“趋势”:于审慎中求发展

- - 爱范儿 · Beats of Bits
昨天,7 月 22 日下午2点,爱范儿如期举办了第三场 HTML 5 分享沙龙. 这一期,我们分享、交流的主题是——“HTML 5 的发展趋势”. 这次演讲的嘉宾有:热酷游戏的副总裁余波;点心 OS的 CEO 张磊 和HTML 5 项目技术负责人唐才林; FunPlus Game 的 CEO 陈琦.

[广州] 珠三角技术沙龙2011年7月HTML5沙龙 PPT/录音 分享

- senyo - python.cn(jobs, news)
2011年7月24日,珠三角技术沙龙在盛暑当中迎来了小沙龙历史上最火爆的一天. 据不完全统计,当天参加广州7月HTML5专场的人数不下于120,把原来只能容纳70人的寻觅咖非厅挤得水泄不通,来晚的同学除了站在后面围观,还有部份跑到前面铺上报纸便席地而坐,看来HTML5魅力的火热度已远远超过广州大暑后的晌午了.

亲历百度面试有感:技术or前端型产品

- - 互联网的一些事-关注互联网产品管理,交流产品设计、用户体验心得
  近日在换工作,先后面试了百度云和百度安全的相关岗位,最后因为非常可惜的原因,跟百度安全失之交臂. 经过总结,自己认为主要的原因就在于 "技术型产品"和"前端型产品"的认知,特写出来跟互联网的各位产品经理做一下分享.   a、毕业四年,互联网工作经验,大于五年.   b、客服、技术支持、市场、服务器采购和运维、产品、项目总负责人等等,都干过....

百度前端技术交流会总结

- - 潘魏增
10月30日星期六下午参加 百度前端技术交流会,这是目前百度第一次对外开放的前端交流会,主题是《架构和基础化设施服务》. 美团网的前端团队很快就要建立起来,所以正好去学习一下其他公司的先进经验. 同一时间在新浪举办的 web标准化交流会同样精彩,但只好忍痛错过了. 百度交流会第一个嘉宾是来自豆瓣的张克军,他分享的主题是《 豆瓣前端团队的工作方式》.

百度大会:坚定不移地走向技术流

- - 爱范儿 · Beats of Bits
今天,百度世界大会召开,从大会传达的信息和李彦宏演讲来看,未来百度将坚定不移地走技术流,既然是技术流,那么我们挑一个细节,分析一下百度是如何坚定地走技术流的. 我们所讲的细节就是这次在百度世界大会发布的两款硬件产品其中之一的百度筷搜. 无论百度将百度筷搜描绘成多么牛逼的产品,但当我们拆分一下会发现,虽然百度筷搜无论从需求或者是工艺上,它都能在如今参差不齐的智能硬件里面脱颖而出,它的核心技术依旧是百度的优势——大数据.

Elasticsearch对垒8大竞品技术,孰优孰劣? - 运维 - dbaplus社群:围绕Data、Blockchain、AiOps的企业级专业社群。技术大咖、原创干货,每天精品原创文章推送,每周线上技术分享,每月线下技术沙龙。

- -
Elasticsearch当前热度排名很高. 入行Elastic-Stack技术栈很久很久,为了免于知识匮乏眼光局限,有必要到外面的世界看看,丰富自己的世界观. 本篇内容从Elastic的竞争产品角度分析探讨. 哪些应用场景下使用Elasticsearch最佳. 哪些应用场景下不使用Elasticsearch最好.