32 lines
1.0 KiB
JavaScript
32 lines
1.0 KiB
JavaScript
// 任务：
|
|
// 1. 从 ./summary-service.js 导入数据
|
|
// 2. 用 async / await 获取额外技能
|
|
// 3. 解构 name、stage、skills
|
|
// 4. 用展开运算符合并技能
|
|
// 5. 用模板字符串渲染标题和说明
|
|
// 6. 用 forEach 或 map + 箭头函数渲染列表
|
|
import { baseSummary, loadExtraSkills } from './summary-service.js'
|
|
async function get() {
|
|
const title = document.getElementById("title")
|
|
const intro = document.getElementById("intro")
|
|
title.textContent = '加载中...'
|
|
intro.innerHTML = ''
|
|
try {
|
|
let load = await loadExtraSkills()
|
|
title.textContent = '加载成功'
|
|
const { name, stage, skills } = baseSummary
|
|
intro.textContent = `
|
|
name:${name}
|
|
stage:${stage}`
|
|
load = [...load, ...skills]
|
|
load.forEach(item => {
|
|
const li = document.createElement("li")
|
|
const skillList = document.getElementById("skill-list")
|
|
li.textContent = item
|
|
skillList.appendChild(li)
|
|
});
|
|
} catch (error) {
|
|
title.textContent = '加载失败'
|
|
}
|
|
}
|
|
get() |