这里是修真院前端小课堂，每篇分享文从前端
【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】json
八个方面深度解析前端知识/技能，本篇分享的是：canvas
【微信小程序】小程序
1、背景介绍windows
微信小程序，简称小程序，英文名mini program，是一种不须要下载安装便可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下便可打开应用。全面开放申请后，主体类型为企业、政府、媒体、其余组织或我的的开发者，都可申请注册小程序。小程序、订阅号、服务号、企业号是并行的体系。微信小程序
2、知识剖析微信
小程序是什么?有什么功能?网络
小程序是一种不须要下载安装便可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下便可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。对于开发者而言，小程序开发门槛相对较低，难度不及APP，可以知足简单的基础应用，hishop小程序开发认为适合生活服务类线下商铺以及非刚需低频应用的转换。小程序可以实现消息通知、线下扫码、公众号关联等七大功能。其中，经过公众号关联，用户能够实现公众号与小程序之间相互跳转微信开发
小程序开发前的准备app
①在微信公众平台官网首页（mp.weixin.qq.com）点击右上角的“当即注册”按钮；
②填写邮箱和密码:请填写未注册过公众平台、开放平台、企业号、未绑定我的号的邮箱。
③绑定微信进行登陆：微信须要绑定银行卡。
④绑定开发者:进入“设置-开发设置”，获取AppID信息,添加项目必需要有AppId;我的主体小程序最多可绑定5个开发者，10个体验者;
⑤下载小程序开发工具开发
3、常见问题
小程序里面的各项配置
4、解决方案
基本目录结构
文件
必填
做用
app.js
是
小程序逻辑
app.json
是
小程序公共设置
app.wxss
否
小程序公共样式表
一个小程序页面由四个文件组成，分别是：
文件类型
必填
做用
js
是
页面逻辑
wxml
是
页面结构
wxss
否
页面样式表
json
否
页面配置
主体部分的配置
app.json配置项解释
属性
类型
必填
描述
pages
String/Array
是
设置页面路径
window
Object
否
设置默认页面的窗口表现
tabBar
Object
否
设置底部 tab 的表现
networkTimeout
Object
否
设置网络超时时间
debug
Boolean
否
设置是否开启 debug 模式
子页面APP.JSON
每个小程序页面也可使用.json文件来对本页面的窗口表现进行配置。页面的配置比app.json全局配置简单得多，只是设置 app.json 中的 window 配置项的内容，页面中配置项会覆盖 app.json 的 window 中相同的配置项。页面的.json只能设置 window 相关的配置项，以决定本页面的窗口表现，因此无需写 window 这个键
HTML标签
视图容器：view,scroll-view,swiper,movable-view
基本内容：icon,text,progress
表单组件：button，checkbox，form，input，label，picker，picker-view，radio，slider，switch，textarea
导航：navigator
媒体组件：audio，image，video
地图：map
画布：canvas
客服绘画：contact-button
WXSS样式
基本和咱们日常的同样，有两个拓展特性：尺寸单位，样式导入
尺寸单位：rpx（responsivepixel）: 能够根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx =375px = 750物理像素，1rpx = 0.5px= 1物理像素。
样式导入：使用@import语句能够导入外联样式表，@import后跟须要导入的外联样式表的相对路径，用;表示语句结束。
选择器支持：class,id,element,:before,:after
全局样式与局部样式:定义在 app.wxss 中的样式为全局样式，做用于每个页面。在 page 的 wxss 文件中定义的样式为局部样式，只做用在对应的页面，并会覆盖 app.wxss 中相同的选择器。
事件
类型
触发条件
touchstart
手指触摸动做开始
touchmove
手指触摸后移动
touchcancel
手指触摸动做被打断，如来电提醒，弹窗
touchend
手指触摸动做结束
tap
手指触摸后立刻离开
longtap
手指触摸后，超过350ms再离开
5、编码实战
腾讯视频
6、拓展思考
小程序可否使用windows对象的方法？
小程序中没有原生js中的window对象，所以现暂时没法使用第三方框架以及使用window对象中的方法
7、参考文献
微信开发文档
8、更多讨论
讨论一：顶部wechat能改么?
在app.josn中的window部分能够改的。
讨论二：点击事件是什么？
bindtap事件
讨论三：触发的点击事件是什么？
tap事件