AirJD 焦点
AirJD

没有录音文件
00:00/00:00
加收藏

微信公众平台Web App开发最佳实践 by 汪剑锋@Wechat

发布者 FEer   简介 前端技术
发布于 1459990101912  浏览 2224 关键词 移动开发, Hybrid混合开发, 前端 
分享到

第2页

Web App



2016/03/19



/



/



第3页









• Web



WeUI



• https://github.com/progrape



第4页

PARK 00



第5页

Web App

• •

• Web



Web



第6页

JS-SDK

• • •



第7页

JS-SDK

• 5 500 •5 1 •5 1 •5 5



第9页



• 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



第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



第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页

10% 5% 8%

20%



57%



WIFI 4G 2G 3G Others



第16页

PARK 02

X5



第17页

X5

• Android

• •



WebView



第18页

1

• •



第19页

• —— • URL



——



第20页

//triggerWebViewCacheCleanup



第21页

2 flex



• autoprefixer • flex-wrap



第22页

3

• •



第23页

4

• controls • ontimeupdate • autoplay

touchstart



currentTime WeixinJSBridge ready



第25页

cookie localStorage

• cookie localStorage • WebView cookie localStorage

• • • • •

• cookie localStorage



第26页

UIWebView

• history.pushState • hash



第27页

PARK 03

UI



第28页

UI



第29页

WeUI



• UI



http://weui.io



第30页

WeUI



weui.js



react-weui



vue-weui/vux



第32页

UI



第33页

UI



第37页

UI



第38页

PARK 04



第39页

Web



• JS-SDK • Chrome DevTools



• weinre



第41页

X5

Webkit —> Blink



第42页

X5



• 2016 2



• 2016 3 19



• 2016 3





70% 100%



第44页

X5 with Blink



• Chrome inspect





• flex



• canvas • filter:blur



CSS









• autoplay • controls



第45页

X5 Webkit



X5 Blink



第48页

Q&A



支持文件格式:*.ppt, *.pptx, *.pdf
上传最后阶段需要进行在线转换,可能需要1~2分钟,请耐心等待。