1
// 将6插入到5后面 使得arr变成 [1,2,3,4,5,6,7,8,9]
2
const arr = [ 1,2,3,4,5,7,8,9]

1
const arr = [ { id: 1, name: '张三' }, { id: 2, name: '李四' }, { id: 1, name: '王五', age: 18, … }, … ]
2

3
function dedupId(arr) {
4

5
}

1
// 不用写css样式，把基本的html结构和js逻辑写出就可以
2
// 比如进入腾讯新闻应用 有若干个频道: 农业频道、军事频道、科技频道
3
// 用户点击农业频道，可以预览农业频道下方的内容，点击军事频道同理
4
// 点击到哪个频道，对应频道标题高亮(标题字体颜色变为红色)以提醒用户现在处于哪个频道
5
<template>
6
<div>
7

8
</div>
9
</template>
10

11

12
<script setup>
13
const list = ref([
14
  { title: '农业频道', content: '农业内容' },
15
  { title: '军事频道', content: '军事内容' },
16
  {title: '科技频道', content: '科技内容' },
17
])
18
</script>
19

20

21
<style>
22
 </style>

1
// user 表有 name, id, mobile 等属性
2
// goods表有 name, id, user_id等属性
3
// 查出goods表中的商品以及对应的用户名称

1
new Promise((resolve, reject) => {
2
    console.log(1)
3
    setTimeout(() => {
4
        resolve(2)
5
       reject(4)
6
        console.log(5)
7
    }, 1000)
8
    console.log(3)
9

10
}).then(res => console.log('resolve', res)).catch(err => console.log('error', err))
11
console.log(7)

1
<template>
2
    <div>
3
        <button @click="submit">
4

5
        </button>
6
    </div>
7
</template>
8

9
<script setup>
10
    // 场景介绍: 当用户点击当前页面button时提交请求(requestA、requestB)并且跳转下一页面
11
    //
12

13
   // A和B request 请求为一个接口请求，不需要补充，调用效果会过若干秒后接口请求成功或者失败
14
   // 失败后会throw Error
15
    const requestA = async () => {
16

17
    }
18

19
   // A和B request 请求为一个接口请求，不需要补充，调用效果会过若干秒后接口请求成功或者失败，并且返回后台数据
20
    const requestB = async () => {
21
        …
22
    }
23

24

25
    const jumpToC(){
26
        router.push('/C')
27
    }
28

29

30

31
    const submit = async() => {
32
       // 补充sumit 效果， A 和B 接口请求成功后跳转下一页面jumpToC， A B接口不要求调用顺序
33
    }
34
    const submit1 async () => {
35
          // 补充sumit1 效果， A 和B 接口请求无论成功与否，都跳转下一页 A B接口不要求调用顺序
36
    }
37

38
    const router = useRouter()
39
    const jumpToC = () => {
40
        router.push('./c')
41
    }
42
</script>

1
type Payload = {
2
    url: string;
3
    data: any;
4
    success: (res: any): void;
5
    fail(reason: any): void
6
}
7

8
functino Ajax(payload: Payload) {
9

10
}
11
// 正常调用ajax获取接口数据
12
Ajax({
13
    url: '',
14
    method: 'post',
15
    success(data) {
16
        console.log(data)
17
    }
18
})
19

20
// 提供一个辅助函数将接受Payload类型参数的函数转换成Promisefy形式
21
function promisefy () {
22

23
}
24
// 借助promisefy 可以向下面形式一样调用Ajax
25
promisefy(Ajax)({ url: '', method: 'post' }).then(data => {
26

27
})