用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
  • TA的每日心情
    无聊
    2017-8-15 16:38
  • 签到天数: 42 天

    [LV.5]常住居民I

    890

    主题

    2079

    帖子

    3万

    金钱

    管理员

    论坛管理员

    Rank: 9Rank: 9Rank: 9

    积分
    0

    突出贡献优秀版主荣誉管理论坛元老

    QQ
    2016-11-23 17:00:55 zhichi_admin 管理员 楼主 53905
    因为现场禁止录像,所以只有图片及现场童鞋记录的文字内容,会后将通过各种渠道,想办法收集一下ppt和视频。现在的话,图文先将就看看吧undefined

    以下为整场公开课ppt实录及部分文字讲解。

    WechatIMG271.jpeg
    WechatIMG276.jpeg
    下面的案例都是已经通过审核的
    WechatIMG277.jpeg

    WechatIMG279.jpeg

    WechatIMG280.jpeg

    WechatIMG281.jpeg

    WechatIMG287.jpeg

    WechatIMG304.jpeg
    WechatIMG307.jpeg

    WechatIMG314.jpeg

    WechatIMG326.jpeg
    重点是服务范围:大家不要乱填,不然会出问题
    金融和医疗之类的敏感行业需要提交资质
    WechatIMG329.jpeg

    WechatIMG334.jpeg
    WechatIMG337.jpeg
    审核通过后的界面
    WechatIMG351.jpeg
    个测试账号最好不要使用个人微信账号,因为微信审核人员能够看到测试账号的小程序信息
    WechatIMG356.jpeg
    重点来了,运营规范。

    1、不能有小程序推荐和小程序排行榜
    2、不能有道、赢销、广告、测试、游戏
    3、不能私自获取用户隐私数据
    WechatIMG364.jpeg
    隐藏潜规则:不要!和!腾讯!业务!重合!
    WechatIMG373.jpeg

    WechatIMG381.jpeg
    邮箱注册问题由于微信公众平台的历史遗留问题导致无法重复注册~
    小程序名称不能喝公众号名称重复,因为避免抢注、各种纠纷;第二个两个定位不一样所以通过名称区分服务

    WechatIMG384.jpeg

    帅帅的胡浩大大来了
    WechatIMG402.jpeg

    WechatIMG405.jpeg

    WechatIMG406.jpeg


    WechatIMG407.jpeg

    WechatIMG408.jpeg

    小程序架构  
    小程序支持离线应用!
    WechatIMG411.jpeg
    小程序的内容构造逻辑

    ----------
    小程序黑魔法来了
    为什么会这么快呢?
    Native 与先加载一个webview,把相关的脚本与先加载;当打开指定页面直接渲染
    WechatIMG415.jpeg

    WechatIMG419.jpeg

    WechatIMG420.jpeg

    胡浩讲的非常清楚
    WechatIMG422.jpeg

    WechatIMG424.jpeg

    WechatIMG429.jpeg

    WechatIMG432.jpeg

    WechatIMG433.jpeg
    如果用户推出小程序,appsevice其实没有退出只是调用了onHIde而已,所以重新打开可以继续操作,而不是重新操作

    WechatIMG437.jpeg

    正在解释navigateBack to 的具体逻辑
    WechatIMG455.jpeg
    navigateTo的时候是  把 新页面 onShow,上一个页面是 onHide
    所以返回的时候非常快,因为是隐藏了
    但是navigateBack的时候,直接unLoad关闭掉页面了
    WechatIMG467.jpeg

    WechatIMG470.jpeg
    虚拟tree 模拟dom,局部渲染,控制frame
    WechatIMG474.jpeg
    目前不建议使用级联,怕影响开发者的组件
    WechatIMG482.jpeg

    WechatIMG488.jpeg

    WechatIMG497.jpeg
    前端组件框架,web comonent普及太慢;考虑谷歌的  polymer 但是效率太慢
    WechatIMG500.jpeg
    最后选择是
    wx component,自己造
    WechatIMG508.jpeg
    因为渲染是wx自己渲染的,所以是真正意义的跨平台,出现一个xxx平台,直接修改渲染就ok
    关于自定义组件,胡浩说“这是一个非常有意思的事情”   大家自己想象
    WechatIMG510.jpeg
    因为小程序是托管到微信平台上的,所以cdn之类的就帮咱们做了,因为代码只有1m以内,所以用户感知不到
    WechatIMG512.jpeg

    WechatIMG527.jpeg

    后面就是纯写代码了
    WechatIMG529.jpeg

    WechatIMG536.jpeg

    分离目的。渲染交给框架,防止两边都渲染 造成错乱
    框架渲染效率高,而且安全 防止注入攻击
    随意串改dom
    WechatIMG540.jpeg

    WechatIMG542.jpeg
    渲染出来的html每个叶子节点 其实是组件,每个组件自己渲染处理
    虚拟tree 在内存中,初次渲染变成真实的dom tree 第二次比较,有变化的地方修改
    WechatIMG546.jpeg
    增加wx key的意义在于放一个钩子 做比较 快速更新
    WechatIMG550.jpeg
    对比过程中记录一个补丁,这个补丁会应用到最后的tree中,比较只做同级,算法损耗O(N)
    WechatIMG552.jpeg
    小程序 input的双向绑定 还是比较痛苦的,因为是双线程
    WechatIMG554.jpeg

    WechatIMG555.jpeg
    开发者工具编译环境和真机不一样的,表现也不一样 所以实际开发以真机为准
    WechatIMG557.jpeg

    缩进的两条是解决方案
    WechatIMG559.jpeg

    WechatIMG560.jpeg
    这两块之前做过微信公众平台开发的话就会很熟悉了
    同理这块通过unionid可以吧小程序和本来存在的微信平台和开放平台应用的用户打通
    WechatIMG563.jpeg

    WechatIMG564.jpeg

    WechatIMG565.jpeg

    后续http 头会增强,目前无法支持set-cookie


    有小程序官方文档 回复可以见

    游客,如果您要查看本帖隐藏内容请回复


    使用道具 举报 回复
    太好
    使用道具 举报 回复
    啥也不说了,感谢楼主分享哇!
    啥也不说了,感谢楼主分享哇!
    2016-11-24 17:38:46 zhichi_admin 来自手机 管理员
    5#
    使用道具 举报 回复
    多谢分享
    使用道具 举报 回复
    发新帖
    您需要登录后才可以回帖 登录 | 立即注册
    咫尺论坛|小程序开发社区
    X

    扫码添加专属客服即可随时咨询

    还可领取小程序推广攻略