update

05-es6-plus/09-final-modern-js/starter.js

@@ -5,3 +5,28 @@
 // 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()