Enviar pesquisa
Carregar
移动的前端技术架构和性能优化
•
0 gostou
•
560 visualizações
fangdeng
Seguir
Educação
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 28
Baixar agora
Baixar para ler offline
Recomendados
Rekoo social game 后端架构简介
Rekoo social game 后端架构简介
Binghong Liang
Rails girls session - Web Application
Rails girls session - Web Application
scott119
Ruby中的常量与rails中常量的加载
Ruby中的常量与rails中常量的加载
Yuan Cheung
Python小团队不妨知道的技术
Python小团队不妨知道的技术
jie.wang
Nodejs介绍
Nodejs介绍
myzykj
基于Tornado后端系统架构暨最佳实践
基于Tornado后端系统架构暨最佳实践
ZY Zhang
程序员的Web开发入门教程
程序员的Web开发入门教程
ideawu
Truck js 高性能移动web开发解决方案
Truck js 高性能移动web开发解决方案
美团技术团队
Recomendados
Rekoo social game 后端架构简介
Rekoo social game 后端架构简介
Binghong Liang
Rails girls session - Web Application
Rails girls session - Web Application
scott119
Ruby中的常量与rails中常量的加载
Ruby中的常量与rails中常量的加载
Yuan Cheung
Python小团队不妨知道的技术
Python小团队不妨知道的技术
jie.wang
Nodejs介绍
Nodejs介绍
myzykj
基于Tornado后端系统架构暨最佳实践
基于Tornado后端系统架构暨最佳实践
ZY Zhang
程序员的Web开发入门教程
程序员的Web开发入门教程
ideawu
Truck js 高性能移动web开发解决方案
Truck js 高性能移动web开发解决方案
美团技术团队
SAP Enterprise Mobility
SAP Enterprise Mobility
Jonathan Raspaud
Mobile Maturity Model
Mobile Maturity Model
AdeptPros LLC
tasmc Mason Liu SAP Teched@Shanghai
tasmc Mason Liu SAP Teched@Shanghai
tasmc
COIMOTION概念介紹
COIMOTION概念介紹
Ben Lue
jQuery底层架构
jQuery底层架构
fangdeng
Building an event driven web
Building an event driven web
fangdeng
浅尝jQuery
浅尝jQuery
fangdeng
【项目分享】赶集移动Web App开发总结
【项目分享】赶集移动Web App开发总结
yangdj
Node js q-con
Node js q-con
q3boy
Android vs e pub
Android vs e pub
永昇 陳
Sidekiq 源码分析
Sidekiq 源码分析
Yuan Cheung
Node.js Quick Tour
Node.js Quick Tour
myzykj
Understanding Mobile Web Browser Performance
Understanding Mobile Web Browser Performance
Baidu, Inc.
Top100summit 秀野堂主-做最好的html5游戏 copy
Top100summit 秀野堂主-做最好的html5游戏 copy
drewz lin
07 丛磊
07 丛磊
锐 张
从知乎 iPhone 端重构说开去:Web 为主的复杂社交产品的 iOS 端开发策略及实践
从知乎 iPhone 端重构说开去:Web 为主的复杂社交产品的 iOS 端开发策略及实践
imShining @DevCamp
Node getting start
Node getting start
tbmallf2e
Node Party HongKong
Node Party HongKong
KennyZ
百度实施持续集成之 “工具战争”-Qcon2011
百度实施持续集成之 “工具战争”-Qcon2011
Yiwei Ma
高性能Web应用缓存架构设计浅谈
高性能Web应用缓存架构设计浅谈
Alvin Qi
豆瓣网技术架构变迁
豆瓣网技术架构变迁
reinhardx
Something about Kafka - Why Kafka is so fast
Something about Kafka - Why Kafka is so fast
ViSenze - Artificial Intelligence for the Visual Web
Mais conteúdo relacionado
Destaque
SAP Enterprise Mobility
SAP Enterprise Mobility
Jonathan Raspaud
Mobile Maturity Model
Mobile Maturity Model
AdeptPros LLC
tasmc Mason Liu SAP Teched@Shanghai
tasmc Mason Liu SAP Teched@Shanghai
tasmc
COIMOTION概念介紹
COIMOTION概念介紹
Ben Lue
jQuery底层架构
jQuery底层架构
fangdeng
Building an event driven web
Building an event driven web
fangdeng
浅尝jQuery
浅尝jQuery
fangdeng
【项目分享】赶集移动Web App开发总结
【项目分享】赶集移动Web App开发总结
yangdj
Destaque
(8)
SAP Enterprise Mobility
SAP Enterprise Mobility
Mobile Maturity Model
Mobile Maturity Model
tasmc Mason Liu SAP Teched@Shanghai
tasmc Mason Liu SAP Teched@Shanghai
COIMOTION概念介紹
COIMOTION概念介紹
jQuery底层架构
jQuery底层架构
Building an event driven web
Building an event driven web
浅尝jQuery
浅尝jQuery
【项目分享】赶集移动Web App开发总结
【项目分享】赶集移动Web App开发总结
Semelhante a 移动的前端技术架构和性能优化
Node js q-con
Node js q-con
q3boy
Android vs e pub
Android vs e pub
永昇 陳
Sidekiq 源码分析
Sidekiq 源码分析
Yuan Cheung
Node.js Quick Tour
Node.js Quick Tour
myzykj
Understanding Mobile Web Browser Performance
Understanding Mobile Web Browser Performance
Baidu, Inc.
Top100summit 秀野堂主-做最好的html5游戏 copy
Top100summit 秀野堂主-做最好的html5游戏 copy
drewz lin
07 丛磊
07 丛磊
锐 张
从知乎 iPhone 端重构说开去:Web 为主的复杂社交产品的 iOS 端开发策略及实践
从知乎 iPhone 端重构说开去:Web 为主的复杂社交产品的 iOS 端开发策略及实践
imShining @DevCamp
Node getting start
Node getting start
tbmallf2e
Node Party HongKong
Node Party HongKong
KennyZ
百度实施持续集成之 “工具战争”-Qcon2011
百度实施持续集成之 “工具战争”-Qcon2011
Yiwei Ma
高性能Web应用缓存架构设计浅谈
高性能Web应用缓存架构设计浅谈
Alvin Qi
豆瓣网技术架构变迁
豆瓣网技术架构变迁
reinhardx
Something about Kafka - Why Kafka is so fast
Something about Kafka - Why Kafka is so fast
ViSenze - Artificial Intelligence for the Visual Web
Artifacts management with CI and CD
Artifacts management with CI and CD
Chen-Tien Tsai
Ruby基础培训
Ruby基础培训
xiaozhestrong
09 赵昆
09 赵昆
锐 张
Zh120226techparty jeff kit-ios-toolbox
Zh120226techparty jeff kit-ios-toolbox
Zoom Quiet
2011homepage
2011homepage
fangdeng
2011homepage
2011homepage
fangdeng
Semelhante a 移动的前端技术架构和性能优化
(20)
Node js q-con
Node js q-con
Android vs e pub
Android vs e pub
Sidekiq 源码分析
Sidekiq 源码分析
Node.js Quick Tour
Node.js Quick Tour
Understanding Mobile Web Browser Performance
Understanding Mobile Web Browser Performance
Top100summit 秀野堂主-做最好的html5游戏 copy
Top100summit 秀野堂主-做最好的html5游戏 copy
07 丛磊
07 丛磊
从知乎 iPhone 端重构说开去:Web 为主的复杂社交产品的 iOS 端开发策略及实践
从知乎 iPhone 端重构说开去:Web 为主的复杂社交产品的 iOS 端开发策略及实践
Node getting start
Node getting start
Node Party HongKong
Node Party HongKong
百度实施持续集成之 “工具战争”-Qcon2011
百度实施持续集成之 “工具战争”-Qcon2011
高性能Web应用缓存架构设计浅谈
高性能Web应用缓存架构设计浅谈
豆瓣网技术架构变迁
豆瓣网技术架构变迁
Something about Kafka - Why Kafka is so fast
Something about Kafka - Why Kafka is so fast
Artifacts management with CI and CD
Artifacts management with CI and CD
Ruby基础培训
Ruby基础培训
09 赵昆
09 赵昆
Zh120226techparty jeff kit-ios-toolbox
Zh120226techparty jeff kit-ios-toolbox
2011homepage
2011homepage
2011homepage
2011homepage
Mais de fangdeng
Html基础培训
Html基础培训
fangdeng
前端开发之Js
前端开发之Js
fangdeng
Javascript代码注释及文档生成
Javascript代码注释及文档生成
fangdeng
J engine -构建高性能、可监控的前端应用框架
J engine -构建高性能、可监控的前端应用框架
fangdeng
前端单元测试初体验
前端单元测试初体验
fangdeng
Java script测试之js unit ut
Java script测试之js unit ut
fangdeng
2011年方凳年度总结及颁奖
2011年方凳年度总结及颁奖
fangdeng
产品线中的思考
产品线中的思考
fangdeng
产品线中的思考
产品线中的思考
fangdeng
Postoffer前端架构设计
Postoffer前端架构设计
fangdeng
Varnish简介
Varnish简介
fangdeng
Websocket
Websocket
fangdeng
Let's talk about date in javascript
Let's talk about date in javascript
fangdeng
Test driven-frontend-develop
Test driven-frontend-develop
fangdeng
方凳良品1期
方凳良品1期
fangdeng
方凳良品2期
方凳良品2期
fangdeng
魏琪君-重构-关于可读性、原则和模式
魏琪君-重构-关于可读性、原则和模式
fangdeng
Datalazyload
Datalazyload
fangdeng
Request animateframe初探
Request animateframe初探
fangdeng
简鲜侠Websocket
简鲜侠Websocket
fangdeng
Mais de fangdeng
(20)
Html基础培训
Html基础培训
前端开发之Js
前端开发之Js
Javascript代码注释及文档生成
Javascript代码注释及文档生成
J engine -构建高性能、可监控的前端应用框架
J engine -构建高性能、可监控的前端应用框架
前端单元测试初体验
前端单元测试初体验
Java script测试之js unit ut
Java script测试之js unit ut
2011年方凳年度总结及颁奖
2011年方凳年度总结及颁奖
产品线中的思考
产品线中的思考
产品线中的思考
产品线中的思考
Postoffer前端架构设计
Postoffer前端架构设计
Varnish简介
Varnish简介
Websocket
Websocket
Let's talk about date in javascript
Let's talk about date in javascript
Test driven-frontend-develop
Test driven-frontend-develop
方凳良品1期
方凳良品1期
方凳良品2期
方凳良品2期
魏琪君-重构-关于可读性、原则和模式
魏琪君-重构-关于可读性、原则和模式
Datalazyload
Datalazyload
Request animateframe初探
Request animateframe初探
简鲜侠Websocket
简鲜侠Websocket
Último
taibif_資料標準概念介紹_20240509_20240509_20340509.pdf
taibif_資料標準概念介紹_20240509_20240509_20340509.pdf
jhujyunjhang
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
PUAXINYEEMoe
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx
businesshealthwise
taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdf
taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdf
jhujyunjhang
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
michaelell902
1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...
1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...
微信 tytyqqww业务接单
Último
(6)
taibif_資料標準概念介紹_20240509_20240509_20340509.pdf
taibif_資料標準概念介紹_20240509_20240509_20340509.pdf
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx
taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdf
taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdf
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...
1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...
移动的前端技术架构和性能优化
1.
移动的前端技术架构
& 性能优化 杨东星 11年9月13日星期二
2.
这里我们不说代码
谈思想 • http://m.1688.com • 触屏版 android ios • 简单版 ucweb • 2010国内30亿 国外b2b 国际站 中国制 造 。。。 11年9月13日星期二
3.
m.1688.com
• 3期 • 9∙1第三期上线 • 地图 • 周边搜索 11年9月13日星期二
4.
涉及到的技术
• HTML5 • CSS3 • MooTools 11年9月13日星期二
5.
优化思想规划
• 让网站变得更快(html5 vs mo bi le) • 让编码变得舒服(技术选择,整体规划) 11年9月13日星期二
6.
MooTools
• 从编程思想的角度和处理复杂逻辑的能力上, MT优于现在所有的主流框架。 • 最重要的是:可以让写代码变成⼀一件简单并且 开心的事情 11年9月13日星期二
7.
MooTools选择包含
• QueryElement∙slick • class方式 数据类型 • Element Event TouchEvent • Cookie • Request jsonp • 20k 11年9月13日星期二
8.
VM和页面的结构
2个头 • 头部 • 中间展示区 ••• ••• • 尾部 2个尾 11年9月13日星期二
9.
全局NS曝光
• MLoad • serverData.MTPlusVersion • Widget • nPage 11年9月13日星期二
10.
Mload
• 并行载入js • 控制本地存储功能+版本控制 • 控制页面层级js的下载和渲染 11年9月13日星期二
11.
缓存脚本文件
• LocalStorage js脚本 • Localstorage string • Ajax write read version 11年9月13日星期二
12.
serverData
• 服务器端模块化接口 serverData.xx • MTPlusVersion 版本控制 11年9月13日星期二
13.
Widget
• 所有的自定义的功能类都会放在这个 namespace下 • 页面的直接功能类 控件级别的类 自定义基类 等等 的容器 11年9月13日星期二
14.
nPage
• 本页面的话实例化调用接口 • window.addEvent('domready',nPage); • 本页面调用结构的整理 • 特有的简单方法的调用 11年9月13日星期二
15.
Lazyload
• Js文件的延时 并行下载和渲染 • 多图页面的图片滚动高度延时下载 11年9月13日星期二
16.
淘宝首页
• 5个请求/ • 31 11年9月13日星期二
17.
淘宝首页 after 缓存
• First all 311k • First dom 96k • Second dom 11.49k • Next dom 96k • Next all 311k 11年9月13日星期二
18.
Alibaba首页
• 15个请求/ • 19 11年9月13日星期二
19.
Alibaba首页 after 缓存
• First all 79k • First dom 39k • Second dom 6k • Next dom 39k • Next all 79k 11年9月13日星期二
20.
1688首页
• 4个请求/ • 11 11年9月13日星期二
21.
1688首页 after 缓存
• First all 136k • First dom 12k • Second dom 5.69k • Next dom 12k • Next all 88k 11年9月13日星期二
22.
400
300 200 100 0 淘宝 alibaba 1688 11年9月13日星期二
23.
After 2
还有什么可以提高 速度? 11年9月13日星期二
24.
浏览器加载页面
所用的时间 11年9月13日星期二
25.
Quick link架构
Head • 现在依靠之前VM的整理 • a标签+ajax • Old nPage = null New HTML • New nPage evaluate Foot 11年9月13日星期二
26.
还有哪些可用的?
• database:sqlite关系型数据库 • creat table insert select update delete • 数据的分布式计算。。。。 • 把全世界的电脑都作为我们的分布式站点 11年9月13日星期二
27.
或者还有更多...
canvas webworker websocket ... 11年9月13日星期二
28.
ok,let's talk free. 11年9月13日星期二
Baixar agora