mpVue小程序全栈开发

 1    <script>
 2      let arr = [1,2,3,4]
 3      // 遍历
 4      arr.forEach(v => {
 5        console.log(v)
 6      })
 7 //     循环操作
 8      console.log(arr.map(v => v*2))
 9 //     循环判断
10      console.log(arr.every(v => v > 2))
11      // 过滤
12      console.log(arr.filter(v => v <= 3))
13 //     数组去重
14      let arr1 = [1,2,3,4,5,2]
15      let arr2 = [4,5,6,7]
16      console.log([...new Set(arr1)])
17 //     并集
18      console.log(arr1.concat(arr2))
19 //     去重并集
20      console.log([...new Set([...arr1,...arr2])])
21    </script>

 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-project
11 $ npm install
12 $ npm run dev

 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 // 执行结束2
24 // 你好
25 // 你好
26 // 执行结束3
27 
28 
29 function delay(word) {
30    return new Promise((resolve, reject) => {
31      setTimeout(() => {
32        resolve(word)
33      }, 2000)
34    })
35 }
36 
37 // 使用Promise
38 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 // 沙僧

export default {
  config: {
    enablePullDownRefresh: true
  }
}