博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
mpVue小程序全栈开发
阅读量:2240 次
发布时间:2019-05-09

本文共 2706 字,大约阅读时间需要 9 分钟。

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

 2、

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

1    

arr.foreach 遍历

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

arr.every    every() 方法测试数组的所有元素是否都通过了指定函数的测试。

4、小程序生命周期

 5、初始化一个mpvue项目

1 # 3. 全局安装 vue-cli 2 # 一般是要 sudo 权限的 3 $ npm install --global vue-cli 4  5 # 4. 创建一个基于 mpvue-quickstart 模板的新项目 6 # 新手一路回车选择默认就可以了 7 $ vue init mpvue/mpvue-quickstart my-project 8  9 # 5. 安装依赖,走你10 $ cd my-project11 $ npm install12 $ 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

1 function ajax(fn) { 2   setTimeout(() => { 3     console.log('你好') 4     fn() 5   }, 1000) 6 } 7 // 回调地狱 8 ajax(()=>{ 9   console.log('执行结束')10   ajax(()=>{11     ajax(()=>{12       ajax(()=>{13         console.log('执行结束3')14       })15     })16     console.log('执行结束2')17   })18 })19 20 // 你好21 // 执行结束22 // 你好23 // 执行结束224 // 你好25 // 你好26 // 执行结束327 28 29 function delay(word) {30    return new Promise((resolve, reject) => {31      setTimeout(() => {32        resolve(word)33      }, 2000)34    })35 }36 37 // 使用Promise38 delay('孙悟空')39   .then((word) => {40     console.log(word)41     return delay('猪八戒')42   })43   .then((word) => {44     console.log(word)45     return delay('沙僧')46   })47   .then((word) => {48     console.log(word)49   })50 51 // saync+await一起使用52 async function start() {53   const word1 = await delay('孙悟空')54   console.log(word1)55   const word2 = await delay('猪八戒')56   console.log(word2)57   const word3 = await delay('沙僧')58   console.log(word3)59 }60 start()61 62 // 孙悟空63 // 猪八戒64 // 沙僧

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

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

async+await 是Promise的语法糖

为什么使用async+await   

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

10、

 11、

腾讯云常见问题:  

本地搭建开发环境:

秘钥:

APPid:

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

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

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

解决办法:

 14、微信小程序后台

微信公众平台

腾讯云

腾讯云后台管理

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

腾讯云服务端SDK API    

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

腾讯云相关文档

 

 15、Mpvue课程问答区总结帖

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

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    

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

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

 19、9-5 手机型号

获取手机的信息     

 20.  9-10 (分享功能,使用了button)

button组件  

 

转载于:https://www.cnblogs.com/zhaobao1830/p/9214539.html

你可能感兴趣的文章
Intellij IDEA使用(五)—— Intellij IDEA在使用中的一些其他常用功能或常用配置收集
查看>>
Intellij IDEA使用(六)—— 使用Intellij IDEA创建Java项目并配置jar包
查看>>
Eclipse使用(十)—— 使用Eclipse创建简单的Maven Java项目
查看>>
Eclipse使用(十一)—— 使用Eclipse创建简单的Maven JavaWeb项目
查看>>
Intellij IDEA使用(十三)—— 在Intellij IDEA中配置Maven
查看>>
面试题 —— 关于main方法的十个面试题
查看>>
集成测试(一)—— 使用PHP页面请求Spring项目的Java接口数据
查看>>
使用Maven构建的简单的单模块SSM项目
查看>>
Intellij IDEA使用(十四)—— 在IDEA中创建包(package)的问题
查看>>
FastDFS集群架构配置搭建(转载)
查看>>
HTM+CSS实现立方体图片旋转展示效果
查看>>
FFmpeg 命令操作音视频
查看>>
问题:Opencv(3.1.0/3.4)找不到 /opencv2/gpu/gpu.hpp 问题
查看>>
目的:使用CUDA环境变量CUDA_VISIBLE_DEVICES来限定CUDA程序所能使用的GPU设备
查看>>
问题:Mysql中字段类型为text的值, java使用selectByExample查询为null
查看>>
程序员--学习之路--技巧
查看>>
解决问题之 MySQL慢查询日志设置
查看>>
contOS6 部署 lnmp、FTP、composer、ThinkPHP5、docker详细步骤
查看>>
TP5.1模板布局中遇到的坑,配置完不生效解决办法
查看>>
PHPstudy中遇到的坑No input file specified,以及传到linux环境下遇到的坑,模板文件不存在
查看>>