mpVue小程序全栈开发

1、微信小程序，mpVue和wepy的对比

2、

3、es6中关于数组的一些方法

    <script>
      let arr = [,,,]
      // 遍历
      arr.forEach(v => {
        console.log(v)
      })
 //     循环操作
      console.log(arr.map(v => v*))
 //     循环判断
      console.log(arr.every(v => v > ))
      // 过滤
      console.log(arr.filter(v => v <= ))
 //     数组去重
      let arr1 = [,,,,,]
      let arr2 = [,,,]
      console.log([...new Set(arr1)])
 //     并集
      console.log(arr1.concat(arr2))
19 //     去重并集
      console.log([...new Set([...arr1,...arr2])])
    </script>

arr.foreach 遍历

arr.map 按顺序进行操作 返回一个数组

arr.every    every() 方法测试数组的所有元素是否都通过了指定函数的测试。 https://www.cnblogs.com/leejersey/p/5483247.html

4、小程序生命周期

https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/app.html

5、初始化一个mpvue项目

http://mpvue.com/mpvue/quickstart/

 # . 全局安装 vue-cli
 # 一般是要 sudo 权限的
 $ npm install --global vue-cli

 # . 创建一个基于 mpvue-quickstart 模板的新项目
 # 新手一路回车选择默认就可以了
 $ vue init mpvue/mpvue-quickstart my-project

 # . 安装依赖，走你
 $ cd my-project
 $ npm install
 $ npm run dev

npm run dev启动项目后  用微信小程序开发工具打开项目  就可以自动运行

6、mpvue项目结构

7、mpVue中的生命周期

主要是用Vue的生命周期，Created创建初始化。Vue没有的生命周期，就用小程序自己的

8、koa的一些知识

ctx是什么？

是封装了request和response的上下文

next是什么？

下一个中间件

app是什么？

启动应用

koa中的中间件

类似洋葱一样的圆环，从中间件1,2,3进入，再从3,2,1出来，得到最后的响应结果，因为是圆环状的，所以可以得到网络请求之前或之后的内容

结果是：135642

9、回调地狱，Promise，async+await

 function ajax(fn) {
   setTimeout(() => {
     console.log('你好')
     fn()
   }, )
 }
 // 回调地狱
 ajax(()=>{
   console.log('执行结束')
   ajax(()=>{
     ajax(()=>{
       ajax(()=>{
         console.log('执行结束3')
       })
     })
     console.log('执行结束2')
   })
 })

 // 你好
 // 执行结束
 // 你好
 // 执行结束2
 // 你好
 // 你好
 // 执行结束3

 function delay(word) {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve(word)
      }, )
    })
 }

 // 使用Promise
 delay('孙悟空')
   .then((word) => {
     console.log(word)
     return delay('猪八戒')
   })
   .then((word) => {
     console.log(word)
     return delay('沙僧')
   })
   .then((word) => {
     console.log(word)
   })

 // saync+await一起使用
 async function start() {
   const word1 = await delay('孙悟空')
   console.log(word1)
   const word2 = await delay('猪八戒')
   console.log(word2)
   const word3 = await delay('沙僧')
   console.log(word3)
 }
 start()

 // 孙悟空
 // 猪八戒
 // 沙僧

第一个就是回调地狱，外层的请求结果是内层的参数， 代码可读性差，错误不易处理

Promise就是用来处理异步请求的

async+await 是Promise的语法糖

为什么使用async+await

https://cnodejs.org/topic/58e4914e43ee7e7106c13541

10、

11、

腾讯云常见问题：https://cloud.tencent.com/document/product/619/11442

本地搭建开发环境：https://cloud.tencent.com/document/product/619/11442#.E6.9C.AC.E5.9C.B0.E5.A6.82.E4.BD.95.E6.90.AD.E5.BB.BA.E5.BC.80.E5.8F.91.E7.8E.AF.E5.A2.83

https://coding.imooc.com/lesson/218.html#mid=14305

秘钥：https://console.cloud.tencent.com/cam/capi

APPid：https://console.cloud.tencent.com/developer

12、微信小程序 请求的url如果报下面的错

解决办法是，在微信小程序工具中，点击详情，选中下面的

13、eslint: await is a reserved word的解决办法

解决办法：

14、微信小程序后台

https://developers.weixin.qq.com/miniprogram/dev/qcloud/qcloud.html#通过微信公众平台授权登录腾讯云

微信公众平台

https://mp.weixin.qq.com/wxopen/initprofile?action=home&lang=zh_CN&token=1777431014

腾讯云

https://mp.weixin.qq.com/wxopen/thirdtools?action=index&token=1777431014&lang=zh_CN

腾讯云后台管理

https://console.qcloud.com/lav2/dev

这里面有关于腾讯云的各种API

腾讯云服务端SDK API  wafer2-node-sdk

Wafer 服务端 SDK 是腾讯云为微信小程序开发者提供的快速开发库

https://github.com/tencentyun/wafer2-node-sdk/blob/master/README.md

腾讯云相关文档

https://developers.weixin.qq.com/miniprogram/dev/qcloud/qcloud.html#其他具体开发文档

15、Mpvue课程问答区总结帖

http://www.imooc.com/article/31092

16、获取到用户信息后，用户信息是如何存入mysql数据库 的

https://coding.imooc.com/learn/questiondetail/60293.html

17、微信小程序要实现下拉刷新，需要在json里面配置enablePullDownRefresh

https://developers.weixin.qq.com/miniprogram/dev/framework/config.html

下拉刷新的时候会触发onPullDownRefresh事件

https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html

在mpvue中，要配置的话，在main.js里面

export default {
  config: {
    enablePullDownRefresh: true
  }
}

18、8-7 图书访问次数统计

mpveu中获取传递的options   http://mpvue.com/mpvue/#_18

1. 如何获取小程序在 page onLoad 时候传递的 options

在所有 页面 的组件内可以通过 this.$root.$mp.query 进行获取。

19、9-5 手机型号

获取手机的信息     https://developers.weixin.qq.com/miniprogram/dev/api/systeminfo.html

20.  9-10 （分享功能，使用了button）

button组件  https://developers.weixin.qq.com/miniprogram/dev/component/button.html