大量产业升级 - 新需求 - 小程序=>解决前端的问题
一些库
一些文档
- https://www.yuque.com/webboys/pnadia/qggxhs
Video
互动视频组件开发
why
- 视频(v2.4.0 起支持同层渲染) 相关api:wx.createVideoContext
- 可以做互动视频播放
- https://developers.weixin.qq.com/miniprogram/dev/api/media/video/VideoContext.html
API
https://developers.weixin.qq.com/miniprogram/dev/api/media/video/VideoContext.seek.html
跳转到指定位置
什么场景会用
why
• 诞生背景
◦ 更好的体验
◦ 规范与管理
- what
• 触手可及
◦ 不需要下载安装即可使用
• 用完即走
◦ 扫or搜即可打开
• 无需安装卸载
APP VS 小程序
无需安装
不占内存
易传播
with h5 - 小程序(消息订阅,直接转发给好友)
advantage
(相对)(app - 时频,时长)
- 下载,安装成本 - 无
- 启动速度
- hybrid-app - 审核周期
- 用户体验|商户运营|技术开发
学生端引流或者小型测试使用(运营引流+教师测试-课后配套免费服务)
feature - 持续拓展中!
- 命名(可重名)
- 星标
- 关联多个公众号
- 群能力
- 灰度更新|线上回退
- 客服能力
- 微信能力的接入
搜索
- 百度影响了微信
- 微信小程序SEO指南(20年1月) - 去中心化?
- 搜一搜 - 提高小程序搜索排名(注意描述到填写)
- 中间有个坑,22年的时候,年初,新开发的小程序,IOS端一直搜不到,然后需要配置搜一搜才能搜到
附近小程序
- 评价机制
- 本地化商家
基础商业能力的完善
直播组件
- 2020年
小程序框架
- 脱离微信客户端环境
订阅消息
- 通知机制
安全问题
- 对于webview部分,对于允许访问的域要做好控制,尤其设置文档对象存储的部分,一旦文档对象存储的密钥泄漏,容易被放入违规内容,然后进行举报
服务器域名配置
每个微信小程序需要事先设置通讯域名,小程序只可以跟指定的域名进行网络通信。
业务域名
- https://developers.weixin.qq.com/miniprogram/dev/framework/ability/domain.html
- webview 指向网页的链接。可打开关联的公众号的文章,其它网页需登录小程序管理后台配置业务域名
- 配置业务域名后,可打开任意合法的子域名;
- 注意安全部分
登录及鉴权及权限设计
- 待补充 - 简单逻辑 + 复杂项目逻辑 + 改造
总结
触碰区域:
要比显示的大点
1.设计师切图,留点空白(透明的)
Flex 布局(宽度陷阱)
Container 也要设置宽度
记得设置内容的宽高
如果确定宽度是100%,就设置,不然container是自适应的,被内部元素撑起来的
小程序中的继承机制——behavior——实现组件中的复用
- 构造器
- Es6 extend 单继承
- 单继承比较简单
- Behavior 继承与多继承的覆盖规则(子类会覆盖父类中的相关属性)(生命周期函数不会覆盖,会每个都执行)
- (如果要构建自己的组件库,就很有用了,可以用在多个项目之中)
- 面向对象中是通过class继承的
- python 支持多继承
tips
1 | // 自定义事件的激活与监听 |
- 表示类型命名尽量不用type,type 是保留关键字,用category
- 想看data的初始值,可以在生命周期函数里面进行打印
1
2
3
4
5
6Number
ƒ Number() { [native code] }
typeof Number
"function"
Properties / data
打印出来显示结果一样 - 设置name不要重名
- 注意防范内存泄漏,不要在observer中修改自身属性, 会引起无限递归