docs: feat joinus

src/config.json

@@ -25,22 +25,27 @@
     {
       "name": "intro,theme,start",
       "cName": "指南",
-      "path": "/intro"
+      "path": "#/intro"
     },
     {
       "name": "component",
       "cName": "组件",
-      "path": "/button"
+      "path": "#/button"
     },
     {
       "name": "example",
       "cName": "示例",
-      "path": "/"
+      "path": "demo.html"
     },
     {
       "name": "resource",
       "cName": "资源",
-      "path": "/resource"
+      "path": "#/resource"
+    },
+    {
+      "name": "joinus",
+      "cName": "加入我们",
+      "path": "#/joinus"
     }
   ],
   "docs": {

src/docs/joinus.md

@@ -1,22 +1,22 @@
 ## 招聘前端开发工程师
 
 ### 岗位职责：
-* 负责京东PLUS会员、大客户、京东ME、人资行政类项目前端开发。
-* JS组件开发，包括 NutUI、 popui、 legao等通用类库、构建工具等开发。
-* 与设计师、后台工程师紧密工作，负责产出高质量的产品前端层。
-* 通过各种前端技术手段，提高用户体验并满足性能要求。
-* 充分理解项目需求和设计需求，具有一定钻研精神，能解决各种未知问题。有较强的沟通能力和抗压能力。
+* 负责京东大客户业务、大促活动类、及内部职能类项目前端开发。
+* 负责团队基础设施建设，包括 NutUI、Legao、低代码平台等前端产品、效能工具开发。
+* 与产品经理、设计师、后台工程师紧密协作，负责输出高质量的前端层。
+* 通过各种技术手段，不断提升用户体验并满足性能要求。
+* 充分理解项目需求和设计需求，具有钻研精神，能解决各种平台兼容及未知问题，有较强的沟通能力和抗压能力。
 
 
 ### 岗位要求：
-* 计算机相关专业本科以上，4年以上前端开发经验，电商相关经验优先。
-* 精通各种Web前端技术，对符合Web标准的网站重构有丰富经验，有成功作品。
-* 掌握JS语言，ES6+，对JS框架( jQuery/Vue/ React)有实际项目经验。
-* 对CSS/JS性能优化、解决多浏览器兼容性问题有一定的经验。
-* 有基于Node的常见构建工具如Gulp、Rollup、 Webpack的实际项目经验。
+
+* 计算机相关专业本科以上，5 年以上前端开发经验，电商相关经验优先。
+* 精通各种 Web 前端技术，对符合 Web 标准的网站重构有丰富经验。
+* 掌握 JS 语言，ES6+，对 JS 框架 Vue/ React 有实际项目经验。
+* 对 CSS/JS 性能优化、解决多浏览器兼容性问题有一定的经验。
 * 对用户体验、交互操作流程、及用户需求有一定了解。
+* 有基于 Node 的常见构建工具如 Rollup、 Webpack、Vite 的实际项目经验。
 * 具备良好的服务意识、责任心及学习能力、优秀的团队沟通与协作能力。
-* 职级T5-T8，需要符合二五原则(各段平均工作年限需满2年)。
 
 
 ### 职位诱惑：
@@ -26,4 +26,4 @@
 
 ### 简历投递：
 
-yfzhoutao@jd.com
+<a href="mailto:yfzhoutao@jd.com">yfzhoutao@jd.com</a> 

src/sites/doc/components/Header.vue

@@ -10,26 +10,16 @@
       <Search />
       <div class="nav-box">
         <ul class="nav-list">
-          <li class="nav-item" :class="{ active: isActive(header[0].name) }">
-            <router-link :to="header[0].path">
-              {{ header[0].cName }}
-            </router-link>
-          </li>
-          <li class="nav-item" :class="{ active: isActive(header[1].name) }">
-            <router-link :to="header[1].path">
-              {{ header[1].cName }}
-            </router-link>
-          </li>
-          <li class="nav-item" :class="{ active: isActive(header[2].name) }">
-            <a href="demo.html#/">
-              {{ header[2].cName }}
+          <li
+            class="nav-item"
+            v-for="item in header"
+            :key="item.name"
+            :class="{ active: isActive(item.name) }"
+          >
+            <a :href="item.path">
+              {{ item.cName }}
             </a>
           </li>
-          <li class="nav-item" :class="{ active: isActive(header[3].name) }">
-            <router-link :to="header[3].name">
-              {{ header[3].cName }}
-            </router-link>
-          </li>
           <li class="nav-item">
             <div
               @focus="handleFocus"