- 本月热门
-
ANGULAR2 vs REACT（简介及框架比较) by 500Tech -
Docker 1.10 Security Improvements（Docker安全改进) by Diogo Mónica -
Five Things You May Not Know About Bitcoin（关于比特币你可能不知道的5件事) by Brian Armstrong -
基于AWS的Python程序开发 by 费良宏 -
DynamoDB Design Patterns and Best Practices(DynamoDB设计模式和最佳实践) by Rick Houlihan -
百度HTTPS实践-安全，快速，可靠 by 陈曦洋 -
Growth Hacking for Startups（创业公司的增长黑客) by Andy Young -
HTTP2 on Go1.6 by Jxck -
Docker在点评私有云平台的应用 by 盛延敏@大众点评网 -
Golang在BFE的应用 by 陶春华@百度
加收藏
微信公众平台Web App开发最佳实践 by 汪剑锋@Wechat
第2页
Web App
2016/03/19
/
/
2016/03/19
/
/
第3页
•
•
• Web
WeUI
• https://github.com/progrape
•
• Web
WeUI
• https://github.com/progrape
第4页
PARK 00
第5页
Web App
• •
• Web
Web
• •
• Web
Web
第6页
JS-SDK
• • •
• • •
第7页
JS-SDK
• 5 500 •5 1 •5 1 •5 5
• 5 500 •5 1 •5 1 •5 5
第9页
•
• JS-SDK • JS
http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login
• JS-SDK • JS
http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login
第10页
JS-SDK
第11页
JS-SDK
• URL
• •
“#” http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign
Content-Type
• URL
• •
“#” http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign
Content-Type
第12页
PARK 01
第13页
Android
3% 4% 5% 8%
11%
42%
13% 14%
4.4 5.1 5.0 4.2 4.3 4.1 4.0 others
3% 4% 5% 8%
11%
42%
13% 14%
4.4 5.1 5.0 4.2 4.3 4.1 4.0 others
第14页
Android
15%
4% 5% 5%
30%
1280*720 1176*1080
11% 11%
19%
1920*1080 1184*720
854*480 others
960*540
800*480
15%
4% 5% 5%
30%
1280*720 1176*1080
11% 11%
19%
1920*1080 1184*720
854*480 others
960*540
800*480
第15页
10% 5% 8%
20%
57%
WIFI 4G 2G 3G Others
20%
57%
WIFI 4G 2G 3G Others
第16页
PARK 02
X5
X5
第17页
X5
• Android
• •
WebView
• Android
• •
WebView
第18页
1
• •
• •
第19页
• —— • URL
——
——
第20页
//triggerWebViewCacheCleanup
第21页
2 flex
•
• autoprefixer • flex-wrap
•
• autoprefixer • flex-wrap
第22页
3
• •
• •
第23页
4
• controls • ontimeupdate • autoplay
touchstart
currentTime WeixinJSBridge ready
• controls • ontimeupdate • autoplay
touchstart
currentTime WeixinJSBridge ready
第25页
cookie localStorage
• cookie localStorage • WebView cookie localStorage
• • • • •
• cookie localStorage
• cookie localStorage • WebView cookie localStorage
• • • • •
• cookie localStorage
第26页
UIWebView
• history.pushState • hash
• history.pushState • hash
第27页
PARK 03
UI
UI
第28页
UI
第29页
WeUI
•
• UI
•
http://weui.io
•
• UI
•
http://weui.io
第30页
WeUI
weui.js
react-weui
vue-weui/vux
weui.js
react-weui
vue-weui/vux
第32页
UI
第33页
UI
第37页
UI
第38页
PARK 04
第39页
Web
•
• JS-SDK • Chrome DevTools
•
• weinre
•
• JS-SDK • Chrome DevTools
•
• weinre
第41页
X5
Webkit —> Blink
Webkit —> Blink
第42页
X5
• 2016 2
• 2016 3 19
• 2016 3
70% 100%
• 2016 2
• 2016 3 19
• 2016 3
70% 100%
第44页
X5 with Blink
• Chrome inspect
•
• flex
• canvas • filter:blur
CSS
•
•
• autoplay • controls
• Chrome inspect
•
• flex
• canvas • filter:blur
CSS
•
•
• autoplay • controls
第45页
X5 Webkit
X5 Blink
X5 Blink
第48页
Q&A