web前端小程序开发的部分重要点

1. bindtap和catchtap的区别是什么？

bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡

2、 微信小程序的相关文件类型。

小程序：pages ——index：index.js(页面逻辑) /index.wxml (页面结构)/index.wxss (页面样式表) / index.json (页面配置)
App.js 小程序逻辑
App.json 小程序公共设置
App.wxss 小程序公共样式表

3、小程序参数传值的方法

1、设置id的方法标识跳转后传递的参数值；
2、通过使用data - xxxx 的方法来标识要传递的值
微信小程序设置id的方法标识来传值
在要跳转的item处，设置一个id并给当前的id赋值上对应的key值，比如一部电影的id（后面带着id去下一个页面查询，详细信息）如：
后我们在js的bindtap的响应事件中获取，并传递到下一个界面中；
获取到id传的值
通过e.currentTarget.id;获取设置的id值，并通过设置全局对象的方式来传递数值，

获取全局对象 var app=getApp(); //设置全局的请求访问传递的参数 app.requestDetailid=id;

提示：其实我们也可以在，wxml中查看到我们设置的每一个item的id值

通过使用data - xxxx 的方法标识来传值
通过使用data - xxxx 的方法标识来传值，xxxx可以自定义取名 比如data-key等等都以。
如何获取data-xxxx传递的值？
在js的bindtap的响应事件中：
通过数据解析一层层找到数据，var id=e.target.dataset.id(根据你的data-id的取名)
微信小程序如何跨页面获取值？
依据上面的方式设置要传递的值，页面跳转后，我们就需要在下一个页面拿到传递的数据（这个数据在传递前，就已经被设置成全局变量）
在跳转后的js页面，接收传递过来的数据detail.js
同样通过全局额方式取值出来，（即和app.js中取某个变量的值是一样的）
var movieid=getApp().MovieDetailid;
console.log(movieid);

4、wx.navigateTo(), wx.redirectTo(),wx.switchTab(), wx.navigateBack(), wx.reLaunch()的区别

1、wx.navigateTo()：保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面
2、wx.redirectTo()：关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面
3、wx.switchTab()：跳转到 abBar 页面，并关闭其他所有非 tabBar 页面
4、wx.navigateBack()关闭当前页面，返回上一页面或多级页面。可通getCurrentPages() 获取当前的页面栈，决定需要返回几层
5、wx.reLaunch()：关闭所有页面，打开到应用内的某个页面

5、小程序登录解析

1、调用 wx.login() 获取 临时登录凭证 code，有效期为 5分钟；（临时登录凭证 code 只能使用一次）

2、将临时 code 传到我们的后端，后端调用 auth.code2Session 接口，换取用户唯一标识 OpenID 和 会话密钥 session_key；（ openid 是用户唯一标识，session_key 能保证当前用户进行会话操作的有效性）

注意：获取 session_key 出于安全性的考虑，要在后端调用。如果我们在前端通过 request 调用此接口，就不可避免的需要将我们小程序的appid 、secret 和服务端下发的 session_key 暴露在外部，会给我们的业务安全带来极大的风险。
session_key 拥有一定的时效性。用户越久未使用小程序，用户登录态越有可能失效。反之如果用户一直在使用小程序，则用户登录态一直保持有效。具体时效逻辑由微信维护，对开发者透明。开发者需要调用 wx.checkSession 接口检测当前用户登录态是否有效。

3、后端自定义新的密钥并关联返回的 session_key 和 openid，将新的密钥返给前端，前端将其存储在 storage 中。（会话密钥 session_key 是对用户数据进行 加密签名 的密钥。为了应用自身的数据安全，开发者服务器不应该把会话密钥下发到小程序，也不应该对外提供这个密钥，所以要定义新的密钥）。
之所以存在storage中，是因为小程序没有 cookie，相应的后端 set-cookie 在小程序中不起作用。

4、前端发送请求的时候，带着密钥，后端根据密钥识别用户身份，返回数据。

现如今互联网主流微信小程序开发，每天学习一点点，未来可期。

欢迎大家进群探讨前端技术交流，仅限于技术交流，并无他意 。群号：954314851