SlideShare una empresa de Scribd logo
1 de 9
Descargar para leer sin conexión
velocity Beijing 2011
                  xianyu
                  2011-12




11年12月28日星期三
pm2.5




11年12月28日星期三
glance




11年12月28日星期三
周志超 腾讯


           Web + Apps 融合之路
               web app     vs.     native app/client

               write once, debug everywhere
               client + web page   debug 4xx/5xx cache/update strategy
                                   memory leak iframe sandbox performance
                                   web app->web page performance measure




11年12月28日星期三
玉伯 淘宝


           SeaJS前端模块化开发
         巨大的js 阻塞页面展现 版本锁定 combo:配置 调试代码
        命名空间的记忆负担和潜在冲突 跨环境共享通用模块
          ⼀一个模块对应⼀一个文件 异步并行下载 自动管理依赖 多版本共存
         约定优于配置 弱依赖:浏览器即服务器 require
           Module Loader


           浏览器的贪婪渲染 BigPipe BigRender




11年12月28日星期三
velocity keywords
                                        architecture
                      fast                                   measure
                               mobile
               controlJS                 html5         wpo
                             SeaJs
                strategy                         NodeJS
                                     yslow




11年12月28日星期三
单页面的性能到多页面性能 web app/系列页面的性能
               首页很快,那其他页面呢.....注册页面(多步)
               移动设备的问题 耗电、信号、安全、性能.....
               技术的深度、广度   低标量、超标量CPU 前端知识结构图




11年12月28日星期三
architecture
                      fast                                 measure
                               mobile
               controlJS                 html5       wpo
                             SeaJs
                strategy                         NodeJS
                                     yslow




11年12月28日星期三
http://velocity.oreilly.com.cn/
               http://s.weibo.com/weibo/%2523velocity%2523




11年12月28日星期三

Más contenido relacionado

Similar a Velocity beijing 2011 xianyu

SeaJS - 前端模块化开发探索与网站性能优化实践
SeaJS - 前端模块化开发探索与网站性能优化实践SeaJS - 前端模块化开发探索与网站性能优化实践
SeaJS - 前端模块化开发探索与网站性能优化实践lifesinger
 
Beyond rails server
Beyond rails serverBeyond rails server
Beyond rails serverMichael Chen
 
Top100summit用友 池建强-构建企业级应用开发平台
Top100summit用友 池建强-构建企业级应用开发平台Top100summit用友 池建强-构建企业级应用开发平台
Top100summit用友 池建强-构建企业级应用开发平台drewz lin
 
面向未来的重构
面向未来的重构面向未来的重构
面向未来的重构Kejun Zhang
 
iOS开发常用库推荐之一@techparty
iOS开发常用库推荐之一@techpartyiOS开发常用库推荐之一@techparty
iOS开发常用库推荐之一@techpartyGump Law
 
07 丛磊
07 丛磊07 丛磊
07 丛磊锐 张
 
移动Web开发框架jqm探讨
移动Web开发框架jqm探讨移动Web开发框架jqm探讨
移动Web开发框架jqm探讨newker
 
Android vs e pub
Android vs e pubAndroid vs e pub
Android vs e pub永昇 陳
 
D2-ETao-show
D2-ETao-showD2-ETao-show
D2-ETao-showleneli
 
Tmall demo environment
Tmall demo environmentTmall demo environment
Tmall demo environmenttbmallf2e
 
持续集成在Flex_as3应用程序中的应用v4
持续集成在Flex_as3应用程序中的应用v4持续集成在Flex_as3应用程序中的应用v4
持续集成在Flex_as3应用程序中的应用v4jexchan
 
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型Jackson Tian
 
新风尚活动分享
新风尚活动分享新风尚活动分享
新风尚活动分享tbmallf2e
 
Node.js Quick Tour
Node.js Quick TourNode.js Quick Tour
Node.js Quick Tourmyzykj
 
敏捷模式下的百度研发基础环境建设 1
敏捷模式下的百度研发基础环境建设 1敏捷模式下的百度研发基础环境建设 1
敏捷模式下的百度研发基础环境建设 1drewz lin
 
MobileWebAppFramework_V5_design
MobileWebAppFramework_V5_designMobileWebAppFramework_V5_design
MobileWebAppFramework_V5_designJackson Tian
 
事件驱动编程
事件驱动编程事件驱动编程
事件驱动编程banq jdon
 
July.2011.w3ctech
July.2011.w3ctechJuly.2011.w3ctech
July.2011.w3ctechKai Cui
 
善用 MySQL 及 PostgreSQL - RDBMS 的逆襲 - part1
善用 MySQL 及 PostgreSQL - RDBMS 的逆襲 - part1善用 MySQL 及 PostgreSQL - RDBMS 的逆襲 - part1
善用 MySQL 及 PostgreSQL - RDBMS 的逆襲 - part1Yi-Feng Tzeng
 

Similar a Velocity beijing 2011 xianyu (20)

SeaJS - 前端模块化开发探索与网站性能优化实践
SeaJS - 前端模块化开发探索与网站性能优化实践SeaJS - 前端模块化开发探索与网站性能优化实践
SeaJS - 前端模块化开发探索与网站性能优化实践
 
Beyond rails server
Beyond rails serverBeyond rails server
Beyond rails server
 
Top100summit用友 池建强-构建企业级应用开发平台
Top100summit用友 池建强-构建企业级应用开发平台Top100summit用友 池建强-构建企业级应用开发平台
Top100summit用友 池建强-构建企业级应用开发平台
 
面向未来的重构
面向未来的重构面向未来的重构
面向未来的重构
 
iOS开发常用库推荐之一@techparty
iOS开发常用库推荐之一@techpartyiOS开发常用库推荐之一@techparty
iOS开发常用库推荐之一@techparty
 
07 丛磊
07 丛磊07 丛磊
07 丛磊
 
移动Web开发框架jqm探讨
移动Web开发框架jqm探讨移动Web开发框架jqm探讨
移动Web开发框架jqm探讨
 
Android vs e pub
Android vs e pubAndroid vs e pub
Android vs e pub
 
D2-ETao-show
D2-ETao-showD2-ETao-show
D2-ETao-show
 
Tmall demo environment
Tmall demo environmentTmall demo environment
Tmall demo environment
 
持续集成在Flex_as3应用程序中的应用v4
持续集成在Flex_as3应用程序中的应用v4持续集成在Flex_as3应用程序中的应用v4
持续集成在Flex_as3应用程序中的应用v4
 
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
 
新风尚活动分享
新风尚活动分享新风尚活动分享
新风尚活动分享
 
Demo review
Demo reviewDemo review
Demo review
 
Node.js Quick Tour
Node.js Quick TourNode.js Quick Tour
Node.js Quick Tour
 
敏捷模式下的百度研发基础环境建设 1
敏捷模式下的百度研发基础环境建设 1敏捷模式下的百度研发基础环境建设 1
敏捷模式下的百度研发基础环境建设 1
 
MobileWebAppFramework_V5_design
MobileWebAppFramework_V5_designMobileWebAppFramework_V5_design
MobileWebAppFramework_V5_design
 
事件驱动编程
事件驱动编程事件驱动编程
事件驱动编程
 
July.2011.w3ctech
July.2011.w3ctechJuly.2011.w3ctech
July.2011.w3ctech
 
善用 MySQL 及 PostgreSQL - RDBMS 的逆襲 - part1
善用 MySQL 及 PostgreSQL - RDBMS 的逆襲 - part1善用 MySQL 及 PostgreSQL - RDBMS 的逆襲 - part1
善用 MySQL 及 PostgreSQL - RDBMS 的逆襲 - part1
 

Más de tbmallf2e

猫粮快报
猫粮快报猫粮快报
猫粮快报tbmallf2e
 
618风林火山(仙快羽)
618风林火山(仙快羽)618风林火山(仙快羽)
618风林火山(仙快羽)tbmallf2e
 
前端性能优化&测试
前端性能优化&测试前端性能优化&测试
前端性能优化&测试tbmallf2e
 
前端性能测试
前端性能测试前端性能测试
前端性能测试tbmallf2e
 
猫粮快报 金艳艳
猫粮快报 金艳艳猫粮快报 金艳艳
猫粮快报 金艳艳tbmallf2e
 
浅谈前端安全与规范(渔隐)
浅谈前端安全与规范(渔隐)浅谈前端安全与规范(渔隐)
浅谈前端安全与规范(渔隐)tbmallf2e
 
猫粮快报
猫粮快报猫粮快报
猫粮快报tbmallf2e
 
番茄工作法
番茄工作法番茄工作法
番茄工作法tbmallf2e
 
天祁《交易线》
天祁《交易线》天祁《交易线》
天祁《交易线》tbmallf2e
 
Tm快报201202 daqiu
Tm快报201202 daqiuTm快报201202 daqiu
Tm快报201202 daqiutbmallf2e
 
快速开发Css
快速开发Css快速开发Css
快速开发Csstbmallf2e
 
Google Chrome Developer Tools
Google Chrome Developer ToolsGoogle Chrome Developer Tools
Google Chrome Developer Toolstbmallf2e
 
Hello Html5 Games
Hello Html5 GamesHello Html5 Games
Hello Html5 Gamestbmallf2e
 
Chrome中的创意和应用
Chrome中的创意和应用Chrome中的创意和应用
Chrome中的创意和应用tbmallf2e
 
高端版Tmall
高端版Tmall高端版Tmall
高端版Tmalltbmallf2e
 
2011 04-19 html5 css3 及脚本
2011 04-19 html5 css3 及脚本2011 04-19 html5 css3 及脚本
2011 04-19 html5 css3 及脚本tbmallf2e
 
如何为非文本内容添加合适的替代信息
如何为非文本内容添加合适的替代信息如何为非文本内容添加合适的替代信息
如何为非文本内容添加合适的替代信息tbmallf2e
 

Más de tbmallf2e (20)

猫粮快报
猫粮快报猫粮快报
猫粮快报
 
618风林火山(仙快羽)
618风林火山(仙快羽)618风林火山(仙快羽)
618风林火山(仙快羽)
 
前端性能优化&测试
前端性能优化&测试前端性能优化&测试
前端性能优化&测试
 
前端性能测试
前端性能测试前端性能测试
前端性能测试
 
猫粮快报 金艳艳
猫粮快报 金艳艳猫粮快报 金艳艳
猫粮快报 金艳艳
 
浅谈前端安全与规范(渔隐)
浅谈前端安全与规范(渔隐)浅谈前端安全与规范(渔隐)
浅谈前端安全与规范(渔隐)
 
猫粮快报
猫粮快报猫粮快报
猫粮快报
 
番茄工作法
番茄工作法番茄工作法
番茄工作法
 
呜龙
呜龙呜龙
呜龙
 
天祁《交易线》
天祁《交易线》天祁《交易线》
天祁《交易线》
 
Tm快报201202 daqiu
Tm快报201202 daqiuTm快报201202 daqiu
Tm快报201202 daqiu
 
快速开发Css
快速开发Css快速开发Css
快速开发Css
 
Google Chrome Developer Tools
Google Chrome Developer ToolsGoogle Chrome Developer Tools
Google Chrome Developer Tools
 
Hello Html5 Games
Hello Html5 GamesHello Html5 Games
Hello Html5 Games
 
Mvc
MvcMvc
Mvc
 
Chrome中的创意和应用
Chrome中的创意和应用Chrome中的创意和应用
Chrome中的创意和应用
 
Wap
WapWap
Wap
 
高端版Tmall
高端版Tmall高端版Tmall
高端版Tmall
 
2011 04-19 html5 css3 及脚本
2011 04-19 html5 css3 及脚本2011 04-19 html5 css3 及脚本
2011 04-19 html5 css3 及脚本
 
如何为非文本内容添加合适的替代信息
如何为非文本内容添加合适的替代信息如何为非文本内容添加合适的替代信息
如何为非文本内容添加合适的替代信息
 

Velocity beijing 2011 xianyu

  • 1. velocity Beijing 2011 xianyu 2011-12 11年12月28日星期三
  • 4. 周志超 腾讯 Web + Apps 融合之路 web app vs. native app/client write once, debug everywhere client + web page debug 4xx/5xx cache/update strategy memory leak iframe sandbox performance web app->web page performance measure 11年12月28日星期三
  • 5. 玉伯 淘宝 SeaJS前端模块化开发 巨大的js 阻塞页面展现 版本锁定 combo:配置 调试代码 命名空间的记忆负担和潜在冲突 跨环境共享通用模块 ⼀一个模块对应⼀一个文件 异步并行下载 自动管理依赖 多版本共存 约定优于配置 弱依赖:浏览器即服务器 require Module Loader 浏览器的贪婪渲染 BigPipe BigRender 11年12月28日星期三
  • 6. velocity keywords architecture fast measure mobile controlJS html5 wpo SeaJs strategy NodeJS yslow 11年12月28日星期三
  • 7. 单页面的性能到多页面性能 web app/系列页面的性能 首页很快,那其他页面呢.....注册页面(多步) 移动设备的问题 耗电、信号、安全、性能..... 技术的深度、广度 低标量、超标量CPU 前端知识结构图 11年12月28日星期三
  • 8. architecture fast measure mobile controlJS html5 wpo SeaJs strategy NodeJS yslow 11年12月28日星期三
  • 9. http://velocity.oreilly.com.cn/ http://s.weibo.com/weibo/%2523velocity%2523 11年12月28日星期三