微信小程序首次官方分享的纪要
2016-11-30 16:44
260 查看
先交代备注:
这次有关小程序的分享只有技术的 QA环节,其他如产品、入口、流量、与公众号的整合等等,回答都是暂时无法给出答案或不确定;
小程序最终发布时间官方也还未确定,不过说应该就是近期;
小程序的分享环节不允许录像;
官方不会分享本次小程序的PPT,但是前排同学有拍照,已经统一按顺利放在结尾处,强烈推荐阅读;
图片较多,打开较慢,请有心理准备。
很久没参加技术相关的大会了,不过 11/23 特意去参加了微信官方组织的开发者培训班,日常安排如下:
![](http://www.fefork.com/images/post/wx/WechatIMG1.jpeg)
当然,其实去听培训偶就是为了下午要分享的 微信小程序,但是没想到上午内容都非常的干货,确实有很多值得思考的地方,微信生态的商业化确实令人期待。
言归正传,这篇文章就是介绍微信小程序分享的纪要。
先分享段视频,内容是微小新程序的demo(比较模糊,凑活体会哈):
可以直观的看到微小程序的体验非常流畅。
ps:屁话,虽然用的是 Web的开发方式,但是最终的在 Client的效果是用原生实现,体验必须流畅。
当天的内容非常多,但是这里就重点介绍几个我觉得有意思的。
虽然自己有开发过几个 demo,也看到网上很多开源的项目。但是通过官方技术同学一点点的去深入剖析,进一步理解了实现方式。
WXML -> 编译为JS -> Virtual Tree -> DOM Tree
WXSS -> Compiler -> JS -> DPR -> CSS
ps:请重点关注 PPT中有关 View的那几页。
官方的解释是:为了减少运营风险,因为如果可以一致,肯定会引起大量的名称抢注。
小程序的注册账号不可以和公众号、开放平台、个人微信号的邮箱重复。
我当初就直接注册了一个新 QQ,然后用新 QQ的邮箱注册的。
官方的解释是自己做的不对,而且不光小程序,公众号同样有这个问题,都是历史包袱导致,原因是一个账号只能关联一个服务,不能关联多个。
![](http://www.fefork.com/images/em/maomi/19.jpg)
开发者工具和客户端回归的样式不一样?
不一样就对了,因为暂时就是没法保证一样。
开发者工具是基于 nwjs,其实就是 Chrome;而 Client中其实使用的是 JSCore(IOS)和X5 JS解析器(Android)。
从基础环境上就不是一个东西。
比如你再开发者工具中的 .js文件输入 document或者windows之类的,特么它还给你 Autocomplete,你别天真的以为可以使用这些对象,你说这受的鸟么。
![](http://www.fefork.com/images/em/xiaorentou/32.png)
虽然一直在黑开发者工具,但是还是替他多解释一句吧。官方表示:暂时就一个全人力在支持开发者工具...
所以不好用的原因一句定位了,这个锅背的不容易哈~
想用 node mudule?
想用 ES6?
想用 SASS?
想...
好吧,不要想太多,这些都是需要开发者自己去用构建工具搞定的。
PS:听官方同学透露,大多数的小程序开发都是用构建工具来实现。
但是小程序有提供滑动到底部和头部下拉的 JS接口,分别为 onReachBottom和 onPullDownRefresh。
影响:图片的 lazyload不要想啦。
五十张会议 PPT记录,请查收。
![](http://www.fefork.com/images/post/wx/WechatIMG1.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG2.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG3.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG4.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG5.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG6.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG7.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG8.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG9.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG10.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG11.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG12.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG13.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG14.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG15.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG16.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG17.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG18.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG19.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG20.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG21.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG22.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG23.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG24.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG25.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG26.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG27.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG28.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG29.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG30.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG31.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG32.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG33.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG34.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG35.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG36.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG37.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG38.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG39.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG40.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG41.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG42.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG43.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG44.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG45.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG46.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG47.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG48.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG49.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG50.jpeg)
微信小程序暂时哪哪都不美好,但是微信的生态确实预示着很多互联网的未来。
就这样,over.
这次有关小程序的分享只有技术的 QA环节,其他如产品、入口、流量、与公众号的整合等等,回答都是暂时无法给出答案或不确定;
小程序最终发布时间官方也还未确定,不过说应该就是近期;
小程序的分享环节不允许录像;
官方不会分享本次小程序的PPT,但是前排同学有拍照,已经统一按顺利放在结尾处,强烈推荐阅读;
图片较多,打开较慢,请有心理准备。
很久没参加技术相关的大会了,不过 11/23 特意去参加了微信官方组织的开发者培训班,日常安排如下:
![](http://www.fefork.com/images/post/wx/WechatIMG1.jpeg)
当然,其实去听培训偶就是为了下午要分享的 微信小程序,但是没想到上午内容都非常的干货,确实有很多值得思考的地方,微信生态的商业化确实令人期待。
言归正传,这篇文章就是介绍微信小程序分享的纪要。
先分享段视频,内容是微小新程序的demo(比较模糊,凑活体会哈):
可以直观的看到微小程序的体验非常流畅。
ps:屁话,虽然用的是 Web的开发方式,但是最终的在 Client的效果是用原生实现,体验必须流畅。
当天的内容非常多,但是这里就重点介绍几个我觉得有意思的。
一、类 Web的开发方式、Native的体验效果的实现原理
其实最大的收获就是了解了小程序这套框架原理。虽然自己有开发过几个 demo,也看到网上很多开源的项目。但是通过官方技术同学一点点的去深入剖析,进一步理解了实现方式。
WXML -> 编译为JS -> Virtual Tree -> DOM Tree
WXSS -> Compiler -> JS -> DPR -> CSS
ps:请重点关注 PPT中有关 View的那几页。
二、微信公众平台的历史包袱
注册小程序的时候发现,不能和公众号名称一样,我那时心想着不是坑爹么。官方的解释是:为了减少运营风险,因为如果可以一致,肯定会引起大量的名称抢注。
小程序的注册账号不可以和公众号、开放平台、个人微信号的邮箱重复。
我当初就直接注册了一个新 QQ,然后用新 QQ的邮箱注册的。
官方的解释是自己做的不对,而且不光小程序,公众号同样有这个问题,都是历史包袱导致,原因是一个账号只能关联一个服务,不能关联多个。
![](http://www.fefork.com/images/em/maomi/19.jpg)
三、被吐槽的开发者工具
如果你关注小程序开发,那么吐槽最多就是这个开发者工具。同样,我也多次被开发者工具弄的欲哭无泪。开发者工具和客户端回归的样式不一样?
不一样就对了,因为暂时就是没法保证一样。
开发者工具是基于 nwjs,其实就是 Chrome;而 Client中其实使用的是 JSCore(IOS)和X5 JS解析器(Android)。
从基础环境上就不是一个东西。
比如你再开发者工具中的 .js文件输入 document或者windows之类的,特么它还给你 Autocomplete,你别天真的以为可以使用这些对象,你说这受的鸟么。
![](http://www.fefork.com/images/em/xiaorentou/32.png)
虽然一直在黑开发者工具,但是还是替他多解释一句吧。官方表示:暂时就一个全人力在支持开发者工具...
所以不好用的原因一句定位了,这个锅背的不容易哈~
四、请用构建的方式开发小程序
想用 node mudule?
想用 ES6?
想用 SASS?
想...
好吧,不要想太多,这些都是需要开发者自己去用构建工具搞定的。
PS:听官方同学透露,大多数的小程序开发都是用构建工具来实现。
五、滑动事件和 Web中有区别
小程序中的 scroll 事件不好使。原因是小程序其实是客户端界面,不是在浏览器里,所以没有这个滑动事件。但是小程序有提供滑动到底部和头部下拉的 JS接口,分别为 onReachBottom和 onPullDownRefresh。
影响:图片的 lazyload不要想啦。
五十张会议 PPT记录,请查收。
![](http://www.fefork.com/images/post/wx/WechatIMG1.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG2.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG3.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG4.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG5.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG6.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG7.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG8.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG9.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG10.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG11.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG12.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG13.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG14.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG15.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG16.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG17.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG18.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG19.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG20.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG21.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG22.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG23.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG24.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG25.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG26.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG27.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG28.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG29.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG30.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG31.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG32.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG33.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG34.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG35.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG36.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG37.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG38.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG39.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG40.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG41.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG42.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG43.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG44.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG45.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG46.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG47.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG48.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG49.jpeg)
![](http://www.fefork.com/images/post/wx/WechatIMG50.jpeg)
微信小程序暂时哪哪都不美好,但是微信的生态确实预示着很多互联网的未来。
就这样,over.
相关文章推荐
- 张小龙首次公开演讲,分享微信的四个价值观(官方无删减版)
- 微信官方首次表态:微信公众平台不是营销工具
- 不使用官方SDK,实现微信分享(发送到朋友,发送到朋友圈)
- 微信分享自定义图片标题摘要-微信官方API
- [置顶] AndroidStudio用微信官方方法接入微信分享功能
- 分享常见网站的爬虫程序下载地址[微信|微博|企信|知乎|优酷|京东]
- 微信官方首次表态:微信公众平台不是营销工具
- 小程序开发遇到问题如何联系微信官方
- 不集成QQ、微信分享官方SDK 分享方法
- 微信官方sdk分享ios9检测微信不存在的了解决办法
- 微信官方发布的微信应用号(小程序)设计规范
- 微信官方首次表态:微信公众平台不是营销工具
- [转]微信JSAPI 微信内置JSAPI 2015年1月官方正式API接口,分享完整实例
- “分享到微信”的官方SDK和文档中的坑。。。
- 微信分享官方第三方接入(图片及文字)
- 安卓一键分享到qq,微信,微博,官方SDK非第三方
- 微信官方首次表态:微信公众平台不是营销工具
- 不使用官方SDK,实现微信分享(发送到朋友,发送到朋友圈)
- [Android分享] 不使用官方SDK,实现微信分享(发送到朋友,发送到朋友圈)
- Android微信之简单文本分享(集成官方SDK-Android Studio)