feat: 正式发布1.0.0版本

README.md

@@ -4,5 +4,5 @@
 ## 使用方法
 1. 克隆项目，运行`npm install`
 2. 修改`src/modules/data.json`
-3. 运行`npm run dev`，打开`dist`目录的`index.html`预览效果
-4. 运行`npm run prod`，最后生成`pdf`到`dist`目录
+3. 运行`npm run dev`，用chrome打开`dist`目录的`index.html`预览效果
+4. 在菜单中选择`打印`，可另存为`pdf`

dist/app.js

@@ -10447,7 +10447,7 @@ var resetCss = __webpack_require__(11);
 
 __webpack_require__(12);
 
-// render.init();
+render.init();
 resetCss.init();
 
 console.log($);
@@ -11778,7 +11778,7 @@ if (true) {
 /* 9 */
 /***/ (function(module, exports) {
 
-module.exports = {"info":{"avater":"img.jpg","name":"邓康","detail":"意向：前端开发","personal":[["e-mail","[email protected]"],["地址","天河龙洞广东金融学院"],["博客","http://www.cnblogs.cn/dkplus"],["github","http://github.com/dk-plus"],["手机","13556130815"]],"skills":[["css",90],["javascript",80],["webpack",60],["nodejs",40],["canvas",40],["html",90]]},"experience":[{"id":"教育经历","name":"广东金融学院","time":"2015.09-至今","detail":["学习各种知识，改换行了","终于换行了"],"ol":["第一件事是怎样","第二件事是怎样","第三件事是怎样","第四件事是怎样","第五件事是怎样"],"ul":["第一件事是怎样","第二件事是怎样","第三件事是怎样","第四件事是怎样","第五件事是怎样"]},{"id":"教育经历","name":"广东金融学院","time":"2015.09-至今","detail":["学习各种知识，改换行了","终于换行了"],"ol":["第一件事是怎样","第二件事是怎样","第三件事是怎样","第四件事是怎样","第五件事是怎样"],"ul":["第一件事是怎样","第二件事是怎样","第三件事是怎样","第四件事是怎样","第五件事是怎样"]},{"id":"教育经历","name":"广东金融学院","time":"2015.09-至今","detail":["学习各种知识，改换行了","终于换行了"],"ol":["第一件事是怎样","第二件事是怎样","第三件事是怎样","第四件事是怎样","第五件事是怎样"],"ul":["第一件事是怎样","第二件事是怎样","第三件事是怎样","第四件事是怎样","第五件事是怎样"]}]}
+module.exports = {"info":{"avater":"img.jpg","name":"邓康","detail":"意向：前端开发","personal":[["e-mail","[email protected]"],["地址","天河龙洞广东金融学院"],["博客","www.cnblogs.cn/dkplus"],["github","github.com/dk-plus"],["手机","13556130815"]],"skills":[["css",90],["javascript",80],["webpack",60],["nodejs",40],["canvas",40],["html",90]]},"experience":[{"id":"教育经历","name":"广东金融学院","time":"2015.09-至今","detail":["学习各种知识，改换行了","终于换行了"],"ol":["第一件事是怎样","第二件事是怎样","第三件事是怎样","第四件事是怎样","第五件事是怎样"],"ul":["第一件事是怎样","第二件事是怎样","第三件事是怎样","第四件事是怎样","第五件事是怎样"]},{"id":"教育经历","name":"广东金融学院","time":"2015.09-至今","detail":["学习各种知识，改换行了","终于换行了"],"ol":["第一件事是怎样","第二件事是怎样","第三件事是怎样","第四件事是怎样","第五件事是怎样"],"ul":["第一件事是怎样","第二件事是怎样","第三件事是怎样","第四件事是怎样","第五件事是怎样"]},{"id":"教育经历","name":"广东金融学院","time":"2015.09-至今","detail":["学习各种知识，改换行了","终于换行了"],"ol":["第一件事是怎样","第二件事是怎样","第三件事是怎样","第四件事是怎样","第五件事是怎样"],"ul":["第一件事是怎样","第二件事是怎样","第三件事是怎样","第四件事是怎样","第五件事是怎样"]}]}
 
 /***/ }),
 /* 10 */
@@ -11788,7 +11788,7 @@ module.exports = function (obj) {
 obj || (obj = {});
 var __t, __p = '';
 with (obj) {
-__p += '{{set info = data.info}}\r\n{{set exp = data.experience}}\r\n<div class="info">\r\n  <div class="header">\r\n    <div class="avater">\r\n      <img src={{info.avater}} alt="">\r\n    </div>\r\n    <div class="name">{{info.name}}</div>\r\n    <div class="detail">{{info.detail}}</div>\r\n  </div>\r\n  <div class="personal-info">\r\n    <h3 class="title">个人信息</h3>\r\n    {{each info.personal as per}}\r\n    <div>\r\n      <label for={{per[0]}}>博客：</label><div id={{per[0]}}>{{per[1]}}</div>\r\n    </div>\r\n    {{/each}}\r\n  </div>\r\n  <div class="skills">\r\n    <h3 class="title">个人技能</h3>\r\n    <ul>\r\n      {{each info.skills as skill}}\r\n      <li class="skill">\r\n        <label class="name" for={{skill[0]}}>{{skill[0]}}</label>\r\n        <div class="bar" id={{skill[0]}}>\r\n          <div class="full">\r\n            <div class="val" data-val={{skill[1]}}></div>\r\n          </div>\r\n        </div>\r\n      </li>\r\n      {{/each}}\r\n    </ul>\r\n  </div>\r\n</div>\r\n<div class="experience">\r\n  {{each exp as exp}}\r\n  <div id={{exp.id}} class="exp">\r\n    <h3 class="title">{{exp.id}}</h3>\r\n    <div class="sub-title">\r\n      <div class="name">{{exp.name}}</div>\r\n      <div class="time">{{exp.time}}</div>\r\n    </div>\r\n    {{each exp.detail as detail}}\r\n    <div class="detail">\r\n    {{detail}}\r\n    </div>\r\n    {{/each}}\r\n    <div class="list">\r\n      <ul>\r\n        {{each exp.ul as ul}}\r\n        <li class="item">{{ul}}</li>\r\n        {{/each}}\r\n      </ul>\r\n      <ol>\r\n        {{each exp.ul as ol}}\r\n        <li class="item">{{ol}}</li>\r\n        {{/each}}\r\n      </ol>\r\n    </div>\r\n  </div>\r\n  {{/each}}\r\n</div>';
+__p += '<div class="info">\r\n  <div class="header">\r\n    <div class="avater">\r\n      <img src={{data.info.avater}} alt="">\r\n    </div>\r\n    <div class="name">{{data.info.name}}</div>\r\n    <div class="detail">{{data.info.detail}}</div>\r\n  </div>\r\n  <div class="personal-info">\r\n    <h3 class="title">个人信息</h3>\r\n    {{each data.info.personal as per}}\r\n    <div>\r\n      <label for={{per[0]}}>{{per[0]}}：</label><div id={{per[0]}}>{{per[1]}}</div>\r\n    </div>\r\n    {{/each}}\r\n  </div>\r\n  <div class="skills">\r\n    <h3 class="title">个人技能</h3>\r\n    <ul>\r\n      {{each data.info.skills as skill}}\r\n      <li class="skill">\r\n        <label class="name" for={{skill[0]}}>{{skill[0]}}</label>\r\n        <div class="bar" id={{skill[0]}}>\r\n          <div class="full">\r\n            <div class="val" data-val={{skill[1]}}></div>\r\n          </div>\r\n        </div>\r\n      </li>\r\n      {{/each}}\r\n    </ul>\r\n  </div>\r\n</div>\r\n<div class="experience">\r\n  {{each data.experience as exp}}\r\n  <div id={{exp.id}} class="exp">\r\n    <h3 class="title">{{exp.id}}</h3>\r\n    <div class="sub-title">\r\n      <div class="name">{{exp.name}}</div>\r\n      <div class="time">{{exp.time}}</div>\r\n    </div>\r\n    {{each exp.detail as detail}}\r\n    <div class="detail">\r\n    {{detail}}\r\n    </div>\r\n    {{/each}}\r\n    <div class="list">\r\n      <ul>\r\n        {{each exp.ul as ul}}\r\n        <li class="item">{{ul}}</li>\r\n        {{/each}}\r\n      </ul>\r\n      <ol>\r\n        {{each exp.ul as ol}}\r\n        <li class="item">{{ol}}</li>\r\n        {{/each}}\r\n      </ol>\r\n    </div>\r\n  </div>\r\n  {{/each}}\r\n</div>';
 
 }
 return __p

src/index.js

@@ -4,7 +4,7 @@ const resetCss = require('./view/reset_css');
 
 require('./view/index.less');
 
-// render.init();
+render.init();
 resetCss.init();
 
 console.log($);

src/modules/data.json

@@ -6,8 +6,8 @@
     "personal": [
       ["e-mail", "[email protected]"],
       ["地址", "天河龙洞广东金融学院"],
-      ["博客", "http://www.cnblogs.cn/dkplus"],
-      ["github", "http://github.com/dk-plus"],
+      ["博客", "www.cnblogs.cn/dkplus"],
+      ["github", "github.com/dk-plus"],
       ["手机", "13556130815"]
     ],
     "skills": [

src/view/index.tpl

@@ -1,25 +1,23 @@
-{{set info = data.info}}
-{{set exp = data.experience}}
 <div class="info">
   <div class="header">
     <div class="avater">
-      <img src={{info.avater}} alt="">
+      <img src={{data.info.avater}} alt="">
     </div>
-    <div class="name">{{info.name}}</div>
-    <div class="detail">{{info.detail}}</div>
+    <div class="name">{{data.info.name}}</div>
+    <div class="detail">{{data.info.detail}}</div>
   </div>
   <div class="personal-info">
     <h3 class="title">个人信息</h3>
-    {{each info.personal as per}}
+    {{each data.info.personal as per}}
     <div>
-      <label for={{per[0]}}>博客：</label><div id={{per[0]}}>{{per[1]}}</div>
+      <label for={{per[0]}}>{{per[0]}}：</label><div id={{per[0]}}>{{per[1]}}</div>
     </div>
     {{/each}}
   </div>
   <div class="skills">
     <h3 class="title">个人技能</h3>
     <ul>
-      {{each info.skills as skill}}
+      {{each data.info.skills as skill}}
       <li class="skill">
         <label class="name" for={{skill[0]}}>{{skill[0]}}</label>
         <div class="bar" id={{skill[0]}}>
@@ -33,7 +31,7 @@
   </div>
 </div>
 <div class="experience">
-  {{each exp as exp}}
+  {{each data.experience as exp}}
   <div id={{exp.id}} class="exp">
     <h3 class="title">{{exp.id}}</h3>
     <div class="sub-title">

src/view/temp.tpl

@@ -0,0 +1,62 @@
+{{set info = data.info}}
+{{set exp = data.experience}}
+<div class="info">
+  <div class="header">
+    <div class="avater">
+      <img src={{info.avater}} alt="">
+    </div>
+    <div class="name">{{info.name}}</div>
+    <div class="detail">{{info.detail}}</div>
+  </div>
+  <div class="personal-info">
+    <h3 class="title">个人信息</h3>
+    {{each info.personal as per}}
+    <div>
+      <label for={{per[0]}}>博客：</label><div id={{per[0]}}>{{per[1]}}</div>
+    </div>
+    {{/each}}
+  </div>
+  <div class="skills">
+    <h3 class="title">个人技能</h3>
+    <ul>
+      {{each info.skills as skill}}
+      <li class="skill">
+        <label class="name" for={{skill[0]}}>{{skill[0]}}</label>
+        <div class="bar" id={{skill[0]}}>
+          <div class="full">
+            <div class="val" data-val={{skill[1]}}></div>
+          </div>
+        </div>
+      </li>
+      {{/each}}
+    </ul>
+  </div>
+</div>
+<div class="experience">
+  {{each exp as exp}}
+  <div id={{exp.id}} class="exp">
+    <h3 class="title">{{exp.id}}</h3>
+    <div class="sub-title">
+      <div class="name">{{exp.name}}</div>
+      <div class="time">{{exp.time}}</div>
+    </div>
+    {{each exp.detail as detail}}
+    <div class="detail">
+    {{detail}}
+    </div>
+    {{/each}}
+    <div class="list">
+      <ul>
+        {{each exp.ul as ul}}
+        <li class="item">{{ul}}</li>
+        {{/each}}
+      </ul>
+      <ol>
+        {{each exp.ul as ol}}
+        <li class="item">{{ol}}</li>
+        {{/each}}
+      </ol>
+    </div>
+  </div>
+  {{/each}}
+</div>