{"version":3,"sources":["webpack:///static/js/app.c4b2e14682ed119846b5.js","webpack:///./src/components/ResumeEditor.vue?6006","webpack:///./src/components/ResumeEditor.vue?f570","webpack:///./src/components/StyleEditor.vue?3aaf","webpack:///./src/App.vue?35a7","webpack:///./src/Mobile.vue?9c8c","webpack:///App.vue","webpack:///Mobile.vue","webpack:///ResumeEditor.vue","webpack:///StyleEditor.vue","webpack:///ThankEditor.vue","webpack:///./src/main.js","webpack:///./src/components/ThankEditor.vue?804a","webpack:///./src/App.vue?1b1d","webpack:///./src/components/ThankEditor.vue?db25","webpack:///./src/components/StyleEditor.vue?475c","webpack:///./src/Mobile.vue?91fe"],"names":["webpackJsonp","100","module","exports","render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","class","htmlMode","enableHtml","domProps","innerHTML","_s","result","_v","staticRenderFns","40","42","__webpack_require__","Component","43","44","45","47","__webpack_exports__","Object","defineProperty","value","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_promise__","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_promise___default","n","__WEBPACK_IMPORTED_MODULE_1_babel_runtime_regenerator__","__WEBPACK_IMPORTED_MODULE_1_babel_runtime_regenerator___default","__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_asyncToGenerator__","__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_asyncToGenerator___default","__WEBPACK_IMPORTED_MODULE_3__components_StyleEditor__","__WEBPACK_IMPORTED_MODULE_3__components_StyleEditor___default","__WEBPACK_IMPORTED_MODULE_4__components_ResumeEditor__","__WEBPACK_IMPORTED_MODULE_4__components_ResumeEditor___default","__WEBPACK_IMPORTED_MODULE_5__components_ThankEditor__","__WEBPACK_IMPORTED_MODULE_5__components_ThankEditor___default","__WEBPACK_IMPORTED_MODULE_6__assets_reset_css__","name","components","StyleEditor","a","ResumeEditor","ThankEditor","data","interval","currentStyle","fullStyle","currentMarkdown","currentThankMarkdown","fullMarkdown","thanksMarkdown","created","makeResume","methods","_ref","apply","arguments","mark","_callee","wrap","_context","prev","next","progressivelyShowStyle","progressivelyShowResume","showHtml","progressivelyShowThanks","stop","_this","resolve","reject","_this2","showStyle","_callee2","style","length","prefixLength","l","char","_this3","_context2","abrupt","filter","_","index","map","item","reduce","p","c","substring","$refs","styleEditor","$nextTick","goBottom","setTimeout","bind","_this4","showResume","resumeEditor","_this5","showThanks","thankEditor","48","__WEBPACK_IMPORTED_MODULE_5__assets_reset_css__","goTop","49","__WEBPACK_IMPORTED_MODULE_0_marked__","__WEBPACK_IMPORTED_MODULE_0_marked___default","props","computed","markdown","container","scrollTop","50","__WEBPACK_IMPORTED_MODULE_0_prismjs__","__WEBPACK_IMPORTED_MODULE_0_prismjs___default","highlightedCode","highlight","code","languages","css","codeInStyleTag","51","52","__WEBPACK_IMPORTED_MODULE_0_vue__","__WEBPACK_IMPORTED_MODULE_1__App__","__WEBPACK_IMPORTED_MODULE_1__App___default","__WEBPACK_IMPORTED_MODULE_2__Mobile__","__WEBPACK_IMPORTED_MODULE_2__Mobile___default","width","document","documentElement","clientWidth","el","h","87","88","89","90","91","95","96","attrs","id","97","98","99"],"mappings":"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","file":"static/js/app.c4b2e14682ed119846b5.js","sourcesContent":["webpackJsonp([1],{\n\n/***/ 100:\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    ref: \"container\",\n    staticClass: \"resumeEditor\",\n    class: {\n      htmlMode: _vm.enableHtml\n    }\n  }, [(_vm.enableHtml) ? _c('div', {\n    domProps: {\n      \"innerHTML\": _vm._s(_vm.result)\n    }\n  }) : _c('pre', [_vm._v(_vm._s(_vm.result))])])\n},staticRenderFns: []}\n\n/***/ }),\n\n/***/ 40:\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ 42:\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(91)\n\nvar Component = __webpack_require__(8)(\n  /* script */\n  __webpack_require__(49),\n  /* template */\n  __webpack_require__(100),\n  /* scopeId */\n  \"data-v-647e008b\",\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n\n/***/ 43:\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(89)\n\nvar Component = __webpack_require__(8)(\n  /* script */\n  __webpack_require__(50),\n  /* template */\n  __webpack_require__(98),\n  /* scopeId */\n  \"data-v-35c047fd\",\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n\n/***/ 44:\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(87)\n\nvar Component = __webpack_require__(8)(\n  /* script */\n  __webpack_require__(47),\n  /* template */\n  __webpack_require__(96),\n  /* scopeId */\n  \"data-v-22ce9519\",\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n\n/***/ 45:\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(90)\n\nvar Component = __webpack_require__(8)(\n  /* script */\n  __webpack_require__(48),\n  /* template */\n  __webpack_require__(99),\n  /* scopeId */\n  \"data-v-53c8d54c\",\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n\n/***/ 47:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_promise__ = __webpack_require__(15);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_promise___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_promise__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_regenerator__ = __webpack_require__(25);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_regenerator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_regenerator__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_asyncToGenerator__ = __webpack_require__(24);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_asyncToGenerator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_asyncToGenerator__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_StyleEditor__ = __webpack_require__(43);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_StyleEditor___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3__components_StyleEditor__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_ResumeEditor__ = __webpack_require__(42);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_ResumeEditor___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4__components_ResumeEditor__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__components_ThankEditor__ = __webpack_require__(95);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__components_ThankEditor___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5__components_ThankEditor__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__assets_reset_css__ = __webpack_require__(40);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__assets_reset_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6__assets_reset_css__);\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'app',\n  components: {\n    StyleEditor: __WEBPACK_IMPORTED_MODULE_3__components_StyleEditor___default.a,\n    ResumeEditor: __WEBPACK_IMPORTED_MODULE_4__components_ResumeEditor___default.a,\n    ThankEditor: __WEBPACK_IMPORTED_MODULE_5__components_ThankEditor___default.a\n  },\n  data: function data() {\n    return {\n      interval: 5,\n      currentStyle: '',\n      enableHtml: false,\n      fullStyle: ['/*\\n* Inspired by http://strml.net/\\n* \\u6E90\\u7801\\u5730\\u5740 https://github.com/sitexa/anires\\n* \\u5927\\u5BB6\\u597D\\uFF0C\\u6211\\u662F\\u5357\\u65B9\\u3002\\n* \\u6211\\u6765\\u5199\\u4E00\\u4EFD\\u7B80\\u5386\\uFF01\\n*/\\n\\n/* \\u7ED9\\u6240\\u6709\\u5143\\u7D20\\u52A0\\u4E0A\\u8FC7\\u6E21\\u6548\\u679C */\\n* {\\n  transition: all .1s;\\n}\\n/* \\u8BBE\\u7F6E\\u80CC\\u666F\\u989C\\u8272 */\\nhtml {\\n  color: rgb(222,222,222); background: rgb(0,64,64);\\n}\\n#content{\\n  height:70vh;\\n  margin:0;\\n}\\n#foot{\\n  height:29vh;\\n  margin:0;\\n}\\n\\n/* \\u8BBE\\u7F6E\\u8FB9\\u6846 */\\n.styleEditor {\\n  padding: .5em;\\n  border: 1px solid;\\n  margin: .5em;\\n  overflow: auto;\\n  width: 50vw; height: 70vh;\\n  background: rgb(20,20,20);\\n}\\n/* \\u4EE3\\u7801\\u9AD8\\u4EAE */\\n.token.selector{ color: rgb(130,150,0); }\\n.token.property{ color: rgb(190,140,0); }\\n.token.punctuation{ color: yellow; }\\n.token.function{ color: rgb(40,160,150); }\\n\\n/* \\u52A03D\\u6548\\u679C */\\nhtml{\\n  perspective: 1000px;\\n}\\n.styleEditor {\\n  position: fixed; left: 0; top: 0;\\n  -webkit-transition: none;\\n  transition: none;\\n  -webkit-transform: rotateY(10deg) translateZ(-100px) ;\\n          transform: rotateY(10deg) translateZ(-100px) ;\\n}\\n\\n/* \\u51C6\\u5907\\u4E00\\u4E2A\\u7F16\\u8F91\\u5668 */\\n.resumeEditor{\\n  position: fixed; right: 0; top: 0;\\n  padding: .5em;  margin: .5em;\\n  width: 50vw; height: 70vh;\\n  border: 1px solid;\\n  background: rgb(200,200,200); color: #222;\\n  overflow: auto;\\n  -webkit-transition: none;\\n  transition: none;\\n  -webkit-transform: rotateY(-10deg) translateZ(-100px) ;\\n          transform: rotateY(-10deg) translateZ(-100px) ;\\n}\\n/* \\u5F00\\u59CB\\u5199\\u7B80\\u5386 */\\n', '\\n/*\\u5C06Markdown\\u683C\\u5F0F\\u7FFB\\u8BD1\\u6210HTML\\n *\\u518D\\u5BF9HTML\\u52A0\\u70B9\\u6837\\u5F0F\\n*/\\n.resumeEditor{\\n  padding: 2em;\\n}\\n.resumeEditor h2{\\n  display: inline-block;\\n  border-bottom: 1px solid;\\n  margin: 1em 0 .5em;\\n}\\n.resumeEditor ul,.resumeEditor ol{\\n  list-style: none;\\n}\\n.resumeEditor ul> li::before{\\n  content: \\'\\u2022\\';\\n  margin-right: .5em;\\n}\\n.resumeEditor ol {\\n  counter-reset: section;\\n}\\n.resumeEditor ol li::before {\\n  counter-increment: section;\\n  content: counters(section, \".\") \" \";\\n  margin-right: .5em;\\n}\\n.resumeEditor blockquote {\\n  margin: 1em;\\n  padding: .5em;\\n  background: #ddd;\\n}\\n', '/* \\u5199\\u5C01\\u611F\\u8C22\\u4FE1\\u3002\\n * \\u611F\\u8C22\\u5927\\u5BB6\\u5BF9\\u6211\\u7684\\u5173\\u6CE8\\u3002\\n */\\n.styleEditor{\\n    width:50vw;height:70vh;\\n}\\n\\n.resumeEditor{\\n   width:50vw;height:70vh;\\n}\\n\\n.thankEditor{\\n  position: relative; left: 0; top: 0;\\n  background: #E9D9BB;\\n  color: #001C42;\\n  overflow: auto;\\n}\\n\\n.thankEditor {\\n  width: 99vw; height: 45vh;\\n  border: 1px solid #ccc;\\n  font-size: .9em;\\n}\\n', '\\n.thankEditor{\\n  padding: .5em;  margin: .5em; margin-top:1em;\\n}\\n\\n.thankEditor ul,.thankEditor ol{\\n  list-style: none;\\n}\\n.thankEditor ul> li::before{\\n  content: \\'\\u261E\\'; color: red;\\n  margin-right: .5em;\\n}\\n.thankEditor ol {\\n  counter-reset: section;\\n}\\n.thankEditor ol li::before {\\n  counter-increment: section;\\n  content: counters(section, \"\\u261E\") \" \";\\n  margin-right: .5em;\\n}\\n\\n.thankEditor{\\n  width: 99vw; height: 45vh;\\n  -webkit-transition: none;\\n  transition: none;\\n  -webkit-transform: rotateX(-10deg) translateZ(-200px);\\n          transform: rotateX(-10deg) translateZ(-200px);\\n}\\n\\n'],\n      currentMarkdown: '',\n      currentThankMarkdown: '',\n      fullMarkdown: '\\u5357\\u65B9\\n====\\n\\n\\u5750\\u6807\\uFF1A\\u6E56\\u5357\\u957F\\u6C99\\u3002\\n\\n\\u8D44\\u6DF1\\u8F6F\\u4EF6\\u5DE5\\u7A0B\\u5E08\\uFF0C\\u8D44\\u6DF1\\u4EA7\\u54C1\\u7ECF\\u7406\\uFF0C\\u9AD8\\u7EA7\\u9879\\u76EE\\u7ECF\\u7406\\u3002\\u73B0\\u4E3A\\u81EA\\u7531\\u804C\\u4E1A\\u3002\\n\\n\\u6280\\u80FD\\n====\\n\\n\\u6570\\u636E\\u5E93\\u8BBE\\u8BA1\\n----\\n  - \\u7ED3\\u6784\\u5316\\u6570\\u636E\\u5E93\\u8BBE\\u8BA1\\n  - noSQL\\u8BBE\\u8BA1\\n\\n\\u540E\\u7AEF\\u5F00\\u53D1\\n----\\n  - \\u7528\\u6237\\u7BA1\\u7406\\n  - \\u5355\\u70B9\\u767B\\u5F55\\n  - \\u7B2C\\u4E09\\u65B9\\u767B\\u5F55\\n  - \\u6743\\u9650\\u7BA1\\u7406\\n  - \\u4EA4\\u6613\\u7CFB\\u7EDF\\n  - \\u652F\\u4ED8\\u7CFB\\u7EDF\\n  - \\u793E\\u533A\\u7CFB\\u7EDF\\n  - \\u535A\\u5BA2\\u7CFB\\u7EDF\\n  - \\u516C\\u4F17\\u53F7\\u5F00\\u53D1\\n  - \\u5C0F\\u7A0B\\u5E8F\\u5F00\\u53D1\\n  - API\\u63A5\\u53E3\\u5F00\\u53D1\\n\\n\\u524D\\u7AEF\\u5F00\\u53D1\\n----\\n  - Web\\u524D\\u7AEF\\u5F00\\u53D1\\n  - \\u79FB\\u52A8\\u7EC8\\u7AEF(Native App, Hybrid App)\\n\\n\\u4EA7\\u54C1\\u8BBE\\u8BA1\\n----\\n  - \\u667A\\u6167\\u65C5\\u6E38\\u9879\\u76EE\\n  - \\u8FD0\\u52A8\\u5065\\u5EB7\\u4E91\\u5E73\\u53F0\\n  - \\u793E\\u533A\\u652F\\u6301\\u519C\\u4E1AO2O\\u9879\\u76EE\\n  - \\u7701\\u7EA7\\u73AF\\u5883\\u76D1\\u63A7\\u5E73\\u53F0\\n  - \\u9AD8\\u901F\\u516C\\u8DEF\\u5F02\\u5730\\u5904\\u7F5A\\u7CFB\\u7EDF\\n  - \\u73AF\\u4FDD\\u5C40\\u529E\\u516C\\u81EA\\u52A8\\u5316\\u7CFB\\u7EDF\\n  - \\u4FDD\\u9669\\u516C\\u53F8\\u6570\\u636E\\u8FC1\\u79FB\\u9879\\u76EE\\n  - \\u5564\\u9152\\u5382\\u4F9B\\u5E94\\u94FE\\u9879\\u76EE\\n  - \\u8D27\\u8FD0\\u4EE3\\u7406\\u7CFB\\u7EDF\\n  - \\u96C6\\u88C5\\u7BB1\\u7BA1\\u7406\\u7CFB\\u7EDF\\n  - \\u6EDE\\u671F\\u8D39\\u7BA1\\u7406\\u9879\\u76EE\\n\\n\\u6280\\u672F\\u53CA\\u8BED\\u8A00\\n----\\n  - Java: SpringMVC, SpringCloud, Hibernate, iBatis, spark, sql2o, HikariCP, freemarker, okHttp, retrofit, RxJava\\n  - Kotlin: ktor, exposed, anko\\n  - Node.js: express, angular, ionic, react, cordova, meteor, electron, axios\\n  - Swift: Vapor, ReactiveSwift\\n  - Golang: hugo, beego, gorm, sqlx, matcha\\n  - Python: tushare, pandas, numpy, matplotlib\\n  - DotNet and PHP\\n  - DB: SQLServer, Oracle, MySQL/MariaDB, MongoDB, graphQL, redis, memcached\\n  - WebServer: apache, nginx, tomcat, netty, jetty\\n  - OS: Ubuntu, CentOS, MacOS, Windows\\n  - Others: Docker, git, Xmind\\uFF0CAxure\\n\\n\\u5DE5\\u4F5C\\u7ECF\\u5386\\n----\\n\\n1. \\u6E56\\u5357\\u878D\\u8000\\u5065\\u5EB7\\u7BA1\\u7406\\u6709\\u9650\\u516C\\u53F8\\n2. \\u6E56\\u5357\\u4E09\\u82F1\\u7279\\u65C5\\u6E38\\u667A\\u80FD\\u6280\\u672F\\u6709\\u9650\\u516C\\u53F8\\n3. \\u5408\\u80A5\\u84DD\\u76FE\\u79D1\\u6280\\u6709\\u9650\\u516C\\u53F8\\n4. \\u4E0A\\u6D77\\u6613\\u4FDD\\u7F51\\u7EDC\\u6709\\u9650\\u516C\\u53F8\\n5. \\u53A6\\u95E8\\u6D77\\u73AF\\u8BA1\\u7B97\\u673A\\u8F6F\\u4EF6\\u6709\\u9650\\u516C\\u53F8\\n\\n\\u6559\\u80B2\\u7ECF\\u5386\\n----\\n\\n1. \\u534E\\u4E1C\\u7406\\u5DE5\\u5927\\u5B66 \\u73AF\\u5883\\u5DE5\\u7A0B\\u5B66\\u58EB\\n2. \\u53A6\\u95E8\\u5927\\u5B66 \\u7CFB\\u7EDF\\u5DE5\\u7A0B\\u7855\\u58EB\\n\\n\\u6587\\u7AE0\\n----\\n\\n* [\\u6545\\u571F\\u96BE\\u79BB\\uFF08\\u6211\\u7684\\u7236\\u4EB2\\u6BCD\\u4EB2\\uFF09](https://www.meipian.cn/qacqfbz?uuid=d541c15eef694065bc9d1ac9a07925a2)\\n* [\\u6CB9\\u817B\\u817B\\u7684\\u4E2D\\u5E74\\uFF08\\u5C0F\\u8BD7\\uFF09](https://www.meipian.cn/wjaz3zh?uuid=ca1cd053b717451da781786de44e66e7)\\n* [\\u751F\\u547D\\uFF08\\u8001\\u56DB\\u4EEC\\u7684\\u877C\\u8681\\u4EBA\\u751F\\uFF09](https://www.meipian.cn/vc4pr59?uuid=799c98f5a187405c94c86f7da7788869)\\n* [\\u5927\\u5065\\u5EB7\\u5546\\u4E1A\\u6A21\\u5F0F](http://www.sitexa.org/technology/%E5%A4%A7%E5%81%A5%E5%BA%B7%E5%95%86%E4%B8%9A%E6%A8%A1%E5%BC%8F.html)\\n* [\\u793E\\u533A\\u793E\\u4EA4\\u5546\\u4E1A\\u6A21\\u578B](http://www.sitexa.org/other/%E7%A4%BE%E5%8C%BA%E7%A4%BE%E4%BA%A4%E5%95%86%E4%B8%9A%E6%A8%A1%E5%9E%8B.html)\\n\\n\\u94FE\\u63A5\\n----\\n\\n* [GitHub](https://github.com/sitexa)\\n* [\\u6280\\u672F\\u535A\\u5BA2](http://www.sitexa.org)\\n* [\\u5357\\u65B9\\u65F6\\u4EE3](http://www.sitexa.net)\\n* [\\u795E\\u79D8\\u6E58\\u9102\\u897F](http://www.sitexa.cn)\\n* [\\u6211\\u7684\\u7B80\\u5386\\u6545\\u4E8B(\\u7A0B\\u5E8F\\u4EBA\\u751F\\u516C\\u4F17\\u53F7\\u6587\\u7AE0)](https://mp.weixin.qq.com/s/5rsB956EPVm0FoFOe6xYTg)\\n\\n\\u52FE\\u5F15\\u65B9\\u5F0F\\n----\\n\\n* \\u5FAE\\u4FE1\\uFF1Axnpeng\\n\\n', thanksMarkdown: '\\n\\u9E23\\u8C22\\n----\\n\\n* \\u8FD9\\u6BB5\\u65F6\\u95F4\\uFF0C\\u6211\\u6709\\u4E9B\\u8BDA\\u714C\\u8BDA\\u6050\\u3002\\u6211\\u7684\\u7B80\\u5386\\u88AB\\u5F88\\u591A\\u4EBA\\u5173\\u6CE8(49842\\uFF09\\uFF0C\\u6211\\u7801\\u7684\\u90A3\\u51E0\\u7BC7\\u6587\\u7AE0\\u4E5F\\u6709\\u5F88\\u591A\\u4EBA\\u70B9\\u51FB(20095\\uFF09\\uFF0C\\u5FAE\\u4FE1\\u597D\\u53CB\\u589E\\u52A0\\u4E862000\\u591A\\u4EBA\\u3002\"\\u7A0B\\u5E8F\\u4EBA\\u751F\"\\u516C\\u4F17\\u53F7\\u6587\\u7AE0\\uFF08\\u6211\\u7684\\u7B80\\u5386\\u6545\\u4E8B\\uFF09\\u9605\\u8BFB\\u91CF\\u8D85\\u8FC7\\u5341\\u4E07+\\u3002\\n* \\u6709\\u5F88\\u591A\\u4F01\\u4E1A\\u5411\\u6211\\u53D1\\u51FA\\u4E86\\u9762\\u8BD5\\u9080\\u8BF7\\uFF0C\\u6709\\u5F88\\u591A\\u521B\\u4E1A\\u56E2\\u961F\\u5411\\u6211\\u4F38\\u51FA\\u4E86\\u6A44\\u6984\\u679D\\uFF0C\\u4E00\\u4E9B\\u670B\\u53CB\\u7ED9\\u6211\\u63D0\\u51FA\\u975E\\u5E38\\u597D\\u7684\\u5EFA\\u8BAE\\uFF0C\\u8FD8\\u6709\\u5F88\\u591A\\u540C\\u5B66\\u5E0C\\u671B\\u8DDF\\u6211\\u8FDB\\u884C\\u6280\\u672F\\u4EA4\\u6D41\\uFF0C\\u751A\\u81F3\\u6709\\u4E9B\\u4F01\\u4E1A\\u95EE\\u6211\\u80FD\\u5426\\u627F\\u63A5\\u5916\\u5305\\u4E1A\\u52A1\\u3002\\n* \\u4E8E\\u662F\\uFF0C\\u6211\\u53D7\\u547D\\u4E0B\\u5C71\\uFF0C\\u5230\\u4E86\\u6DF1\\u5733\\u3001\\u73E0\\u6D77\\u3001\\u5317\\u4EAC\\u3001\\u5929\\u6D25\\u7B49\\u5730\\uFF0C\\u62DC\\u8BBF\\u4E86\\u4E00\\u4E9B\\u8001\\u677F\\uFF0C\\u7ED3\\u8BC6\\u4E86\\u4E00\\u4E9B\\u65B0\\u670B\\u53CB\\uFF0C\\u89C1\\u4E86\\u4E00\\u4E9B\\u540C\\u5B66\\u548C\\u8001\\u540C\\u4E8B\\uFF0C\\u611F\\u89E6\\u5F88\\u591A\\uFF0C\\u6536\\u83B7\\u5F88\\u5927\\u3002IT\\u884C\\u4E1A\\u6B63\\u5728\\u53D1\\u751F\\u6DF1\\u523B\\u7684\\u53D8\\u5316\\uFF0C\\u65B0\\u6280\\u672F\\u3001\\u65B0\\u6A21\\u5F0F\\u3001\\u65B0\\u601D\\u7EF4\\u3001\\u65B0\\u4E1A\\u6001\\uFF0C\\u5C42\\u51FA\\u4E0D\\u7A77\\uFF0C\\u5404\\u79CD\\u63A2\\u7D22\\uFF0C\\u5404\\u79CD\\u7092\\u4F5C\\uFF0C\\u8BA9\\u4EBA\\u773C\\u82B1\\u7F2D\\u4E71\\u3002\\n* \\u6211\\u5BF9\\u81EA\\u5DF1\\u4E5F\\u6709\\u4E86\\u4E00\\u4E2A\\u65B0\\u7684\\u8BA4\\u8BC6\\u3002\\u6211\\u9010\\u6E10\\u53D1\\u73B0\\uFF0C\\u6211\\u4E0D\\u662F\\u53BB\\u627E\\u4E00\\u4EFD\\u5DE5\\u4F5C\\uFF0C\\u800C\\u662F\\u5728\\u5BFB\\u627E\\u4E00\\u4E9B\\u673A\\u4F1A\\uFF0C\\u4E00\\u4E9B\\u5FD7\\u540C\\u9053\\u5408\\u7684\\u4F19\\u4F34\\uFF0C\\u4E00\\u4EFD\\u6FC0\\u52A8\\u4EBA\\u5FC3\\u7684\\u4E8B\\u4E1A\\u3002\\u5F88\\u8363\\u5E78\\uFF0C\\u5DF2\\u7ECF\\u6709\\u51E0\\u4E2A\\u670B\\u53CB\\u8DDF\\u6211\\u8FBE\\u6210\\u4E86\\u610F\\u5411\\uFF0C\\u51C6\\u5907\\u7EC4\\u5EFA\\u56E2\\u961F\\u3002\\n* \\u5230\\u5E95\\u505A\\u4EC0\\u4E48\\u9879\\u76EE\\u5462\\uFF1F\\u6211\\u53EA\\u80FD\\u7B80\\u5355\\u5730\\u8BF4\\uFF0C\\u793E\\u4EA4+\\u7535\\u5546+\\u533A\\u5757\\u94FE\\u3002\\u80AF\\u5B9A\\u6709\\u4EBA\\u8981\\u8BF4\\uFF0C\\u8FD9\\u4E2A\\u9898\\u76EE\\u592A\\u5927\\u4E86\\uFF0C\\u662F\\u8E6D\\u70ED\\u5EA6\\u3002\\u6211\\u4E0D\\u8FD9\\u6837\\u60F3\\u3002\\u6211\\u4EE5\\u524D\\u5BF9\\u793E\\u4EA4\\u7684\\u601D\\u8003\\u4E2D\\uFF0C\\u4E00\\u4E2A\\u91CD\\u8981\\u7684\\u56E0\\u7D20\\u5C31\\u662F\\u4FE1\\u4EFB\\u5173\\u7CFB\\uFF0C\\u800C\\u5BF9\\u7535\\u5546\\u7684\\u601D\\u8003\\u4E2D\\uFF0C\\u53BB\\u4E2D\\u5FC3\\u5316\\u662F\\u4E00\\u4E2A\\u6838\\u5FC3\\u8003\\u91CF\\u3002\\u800C\\u533A\\u5757\\u94FE\\u6280\\u672F\\u4E0D\\u6B63\\u662F\\u89E3\\u51B3\\u4FE1\\u4EFB\\u673A\\u5236\\u548C\\u53BB\\u4E2D\\u5FC3\\u5316\\u7684\\u5229\\u5668\\u4E48\\uFF1F\\n* \\u5728\\u6B64\\uFF0C\\u6211\\u6B22\\u8FCE\\u6709\\u5174\\u8DA3\\u7684\\u670B\\u53CB\\u52A0\\u5165\\u6211\\u4EEC\\uFF0C\\u5C3D\\u5FEB\\u63A8\\u8FDB\\u9879\\u76EE\\u7684\\u5B9E\\u65BD\\u3002\\uFF08\\u5FAE\\u4FE1\\uFF1Axnpeng\\uFF09\\n\\n  '\n    };\n  },\n  created: function created() {\n    this.makeResume();\n  },\n\n\n  methods: {\n    makeResume: function () {\n      var _ref = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_asyncToGenerator___default()(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_regenerator___default.a.mark(function _callee() {\n        return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_regenerator___default.a.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _context.next = 2;\n                return this.progressivelyShowStyle(0);\n\n              case 2:\n                _context.next = 4;\n                return this.progressivelyShowResume();\n\n              case 4:\n                _context.next = 6;\n                return this.progressivelyShowStyle(1);\n\n              case 6:\n                _context.next = 8;\n                return this.showHtml();\n\n              case 8:\n                _context.next = 10;\n                return this.progressivelyShowStyle(2);\n\n              case 10:\n                _context.next = 12;\n                return this.progressivelyShowThanks();\n\n              case 12:\n                _context.next = 14;\n                return this.progressivelyShowStyle(3);\n\n              case 14:\n              case 'end':\n                return _context.stop();\n            }\n          }\n        }, _callee, this);\n      }));\n\n      function makeResume() {\n        return _ref.apply(this, arguments);\n      }\n\n      return makeResume;\n    }(),\n    showHtml: function showHtml() {\n      var _this = this;\n\n      return new __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_promise___default.a(function (resolve, reject) {\n        _this.enableHtml = true;\n        resolve();\n      });\n    },\n    progressivelyShowStyle: function progressivelyShowStyle(n) {\n      var _this2 = this;\n\n      return new __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_promise___default.a(function (resolve, reject) {\n        var interval = _this2.interval;\n        var showStyle = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_asyncToGenerator___default()(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_regenerator___default.a.mark(function _callee2() {\n          var _this3 = this;\n\n          var style, length, prefixLength, l, char;\n          return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_regenerator___default.a.wrap(function _callee2$(_context2) {\n            while (1) {\n              switch (_context2.prev = _context2.next) {\n                case 0:\n                  style = this.fullStyle[n];\n\n                  if (style) {\n                    _context2.next = 3;\n                    break;\n                  }\n\n                  return _context2.abrupt('return');\n\n                case 3:\n                  length = this.fullStyle.filter(function (_, index) {\n                    return index <= n;\n                  }).map(function (item) {\n                    return item.length;\n                  }).reduce(function (p, c) {\n                    return p + c;\n                  }, 0);\n                  prefixLength = length - style.length;\n\n                  if (this.currentStyle.length < length) {\n                    l = this.currentStyle.length - prefixLength;\n                    char = style.substring(l, l + 1) || ' ';\n\n                    this.currentStyle += char;\n                    if (style.substring(l - 1, l) === '\\n' && this.$refs.styleEditor) {\n                      this.$nextTick(function () {\n                        _this3.$refs.styleEditor.goBottom();\n                      });\n                    }\n                    setTimeout(showStyle, interval);\n                  } else {\n                    resolve();\n                  }\n\n                case 6:\n                case 'end':\n                  return _context2.stop();\n              }\n            }\n          }, _callee2, this);\n        })).bind(_this2);\n        showStyle();\n      });\n    },\n    progressivelyShowResume: function progressivelyShowResume() {\n      var _this4 = this;\n\n      return new __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_promise___default.a(function (resolve, reject) {\n        var length = _this4.fullMarkdown.length;\n        var interval = _this4.interval;\n        var showResume = function showResume() {\n          if (_this4.currentMarkdown.length < length) {\n            _this4.currentMarkdown = _this4.fullMarkdown.substring(0, _this4.currentMarkdown.length + 1);\n            var lastChar = _this4.currentMarkdown[_this4.currentMarkdown.length - 1];\n            var prevChar = _this4.currentMarkdown[_this4.currentMarkdown.length - 2];\n            if (prevChar === '\\n' && _this4.$refs.resumeEditor) {\n              _this4.$nextTick(function () {\n                return _this4.$refs.resumeEditor.goBottom();\n              });\n            }\n            setTimeout(showResume, interval);\n          } else {\n            resolve();\n          }\n        };\n        showResume();\n      });\n    },\n    progressivelyShowThanks: function progressivelyShowThanks() {\n      var _this5 = this;\n\n      return new __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_promise___default.a(function (resolve, reject) {\n        var length = _this5.thanksMarkdown.length;\n        var interval = _this5.interval;\n        var showThanks = function showThanks() {\n          if (_this5.currentThankMarkdown.length < length) {\n            _this5.currentThankMarkdown = _this5.thanksMarkdown.substring(0, _this5.currentThankMarkdown.length + 1);\n            var lastChar = _this5.currentThankMarkdown[_this5.currentThankMarkdown.length - 1];\n            var prevChar = _this5.currentThankMarkdown[_this5.currentThankMarkdown.length - 2];\n            if (prevChar === '\\n' && _this5.$refs.thankEditor) {\n              _this5.$nextTick(function () {\n                return _this5.$refs.thankEditor.goBottom();\n              });\n            }\n            setTimeout(showThanks, interval);\n          } else {\n            resolve();\n          }\n        };\n        showThanks();\n      });\n    }\n  }\n});\n\n/***/ }),\n\n/***/ 48:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_promise__ = __webpack_require__(15);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_promise___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_promise__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_regenerator__ = __webpack_require__(25);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_regenerator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_regenerator__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_asyncToGenerator__ = __webpack_require__(24);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_asyncToGenerator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_asyncToGenerator__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_StyleEditor__ = __webpack_require__(43);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_StyleEditor___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3__components_StyleEditor__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_ResumeEditor__ = __webpack_require__(42);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_ResumeEditor___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4__components_ResumeEditor__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__assets_reset_css__ = __webpack_require__(40);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__assets_reset_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5__assets_reset_css__);\n\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'app',\n  components: {\n    StyleEditor: __WEBPACK_IMPORTED_MODULE_3__components_StyleEditor___default.a,\n    ResumeEditor: __WEBPACK_IMPORTED_MODULE_4__components_ResumeEditor___default.a\n  },\n  data: function data() {\n    return {\n      interval: 5,\n      currentStyle: '',\n      enableHtml: false,\n      fullStyle: ['/*\\n* Inspired by http://strml.net/\\n* \\u6E90\\u7801\\u5730\\u5740 https://github.com/sitexa/anires\\n* \\u5927\\u5BB6\\u597D\\uFF0C\\u6211\\u662F\\u5357\\u65B9\\u3002\\n* \\u6211\\u6765\\u5199\\u4E00\\u4EFD\\u7B80\\u5386\\uFF01\\n*/\\n\\n/* \\u7ED9\\u6240\\u6709\\u5143\\u7D20\\u52A0\\u4E0A\\u8FC7\\u6E21\\u6548\\u679C */\\n* {\\n  transition: all .2s;\\n}\\n/* \\u8BBE\\u7F6E\\u80CC\\u666F\\u989C\\u8272 */\\nhtml {\\n  color: rgb(222,222,222);\\n  background: rgb(0,43,54);\\n}\\n/* \\u8BBE\\u7F6E\\u8FB9\\u6846 */\\n.styleEditor {\\n  padding: .5em;\\n  border: 1px solid;\\n  overflow: auto;\\n  width: 90vw;\\n  margin: 2.5vh 5vw;\\n  height: 90vh;\\n}\\n/* \\u592A\\u9AD8\\u4E86 */\\n.styleEditor {\\n  height: 45vh;\\n}\\n/* \\u4EE3\\u7801\\u9AD8\\u4EAE */\\n.token.selector{\\n  color: rgb(133,153,0);\\n}\\n.token.property{\\n  color: rgb(187,137,0);\\n}\\n.token.punctuation{\\n  color: yellow;\\n}\\n.token.function{\\n  color: rgb(42,161,152);\\n}\\n\\n/* \\u52A03D\\u6548\\u679C */\\nhtml{\\n  perspective: 1000px;\\n}\\n.styleEditor {\\n  position: fixed; left: 0; top: 0;\\n  transform: rotateX(-10deg) translateZ(-50px) ;\\n}\\n\\n/* \\u51C6\\u5907\\u4E00\\u4E2A\\u7F16\\u8F91\\u5668 */\\n.resumeEditor{\\n  position: fixed;\\n  top: 50%; left: 0;\\n  padding: .5em;  margin: 2.5vh;\\n  width: 95vw; height: 45vh;\\n  border: 1px solid;\\n  background: white; color: #222;\\n  overflow: auto;\\n}\\n/* \\u5F00\\u59CB\\u5199\\u7B80\\u5386 */\\n\\n\\n', '\\n/*\\u5C06Markdown\\u683C\\u5F0F\\u7FFB\\u8BD1\\u6210HTML\\n *\\u518D\\u5BF9HTML\\u52A0\\u70B9\\u6837\\u5F0F\\n*/\\n', '\\n.resumeEditor{\\n  padding: 2em;\\n}\\n.resumeEditor h2{\\n  display: inline-block;\\n  border-bottom: 1px solid;\\n  margin: 1em 0 .5em;\\n}\\n.resumeEditor ul,.resumeEditor ol{\\n  list-style: none;\\n}\\n.resumeEditor ul> li::before{\\n  content: \\'\\u2022\\';\\n  margin-right: .5em;\\n}\\n.resumeEditor ol {\\n  counter-reset: section;\\n}\\n.resumeEditor ol li::before {\\n  counter-increment: section;\\n  content: counters(section, \".\") \" \";\\n  margin-right: .5em;\\n}\\n.resumeEditor blockquote {\\n  margin: 1em;\\n  padding: .5em;\\n  background: #ddd;\\n}\\n'],\n      currentMarkdown: '',\n      fullMarkdown: '\\u5357\\u65B9\\n====\\n\\u5750\\u6807\\uFF1A\\u6E56\\u5357\\u957F\\u6C99\\u3002\\n\\n\\u8D44\\u6DF1\\u8F6F\\u4EF6\\u5DE5\\u7A0B\\u5E08\\uFF0C\\u8D44\\u6DF1\\u4EA7\\u54C1\\u7ECF\\u7406\\uFF0C\\u9AD8\\u7EA7\\u9879\\u76EE\\u7ECF\\u7406\\u3002\\u73B0\\u4E3A\\u81EA\\u7531\\u804C\\u4E1A\\u3002\\n\\n\\u6280\\u80FD\\n====\\n\\n\\u6570\\u636E\\u5E93\\u8BBE\\u8BA1\\n----\\n  - \\u7ED3\\u6784\\u5316\\u6570\\u636E\\u5E93\\u8BBE\\u8BA1\\n  - noSQL\\u8BBE\\u8BA1\\n\\n\\u540E\\u7AEF\\u5F00\\u53D1\\n----\\n  - \\u7528\\u6237\\u7BA1\\u7406\\n  - \\u5355\\u70B9\\u767B\\u5F55\\n  - \\u7B2C\\u4E09\\u65B9\\u767B\\u5F55\\n  - \\u6743\\u9650\\u7BA1\\u7406\\n  - \\u4EA4\\u6613\\u7CFB\\u7EDF\\n  - \\u652F\\u4ED8\\u7CFB\\u7EDF\\n  - \\u793E\\u533A\\u7CFB\\u7EDF\\n  - \\u535A\\u5BA2\\u7CFB\\u7EDF\\n  - \\u516C\\u4F17\\u53F7\\u5F00\\u53D1\\n  - \\u5C0F\\u7A0B\\u5E8F\\u5F00\\u53D1\\n  - API\\u63A5\\u53E3\\n\\n\\u524D\\u7AEF\\u5F00\\u53D1\\n----\\n  - Web\\u524D\\u7AEF\\u5F00\\u53D1\\n  - \\u79FB\\u52A8\\u7EC8\\u7AEF(Native App, Hybrid App)\\n\\n\\u4EA7\\u54C1\\u8BBE\\u8BA1\\n----\\n  - \\u667A\\u6167\\u65C5\\u6E38\\u9879\\u76EE\\n  - \\u8FD0\\u52A8\\u5065\\u5EB7\\u4E91\\u5E73\\u53F0\\n  - \\u793E\\u533A\\u652F\\u6301\\u519C\\u4E1AO2O\\u9879\\u76EE\\n  - \\u7701\\u7EA7\\u73AF\\u5883\\u76D1\\u63A7\\u5E73\\u53F0\\n  - \\u9AD8\\u901F\\u516C\\u8DEF\\u5F02\\u5730\\u5904\\u7F5A\\u7CFB\\u7EDF\\n  - \\u73AF\\u4FDD\\u5C40\\u529E\\u516C\\u81EA\\u52A8\\u5316\\u7CFB\\u7EDF\\n  - \\u4FDD\\u9669\\u516C\\u53F8\\u6570\\u636E\\u8FC1\\u79FB\\u9879\\u76EE\\n  - \\u5564\\u9152\\u5382\\u4F9B\\u5E94\\u94FE\\u9879\\u76EE\\n  - \\u8D27\\u8FD0\\u4EE3\\u7406\\u7CFB\\u7EDF\\n  - \\u96C6\\u88C5\\u7BB1\\u7BA1\\u7406\\u7CFB\\u7EDF\\n  - \\u6EDE\\u671F\\u8D39\\u7BA1\\u7406\\u9879\\u76EE\\n\\n\\u6280\\u672F\\u53CA\\u8BED\\u8A00\\n----\\n  - Java: SpringMVC, SpringCloud, Hibernate, iBatis, spark, sql2o, HikariCP, freemarker, okHttp, retrofit, RxJava\\n  - Kotlin: ktor, exposed, anko\\n  - Node.js: express, angular, ionic, react, cordova, meteor, electron, axios\\n  - Swift: Vapor, ReactiveSwift\\n  - Golang: hugo, beego, gorm, sqlx, matcha\\n  - Python: tushare, pandas, numpy, matplotlib\\n  - DotNet and PHP\\n  - DB: SQLServer, Oracle, MySQL/MariaDB, MongoDB, graphQL, redis, memcached\\n  - WebServer: apache, nginx, tomcat, netty, jetty\\n  - OS: Ubuntu, CentOS, MacOS, Windows\\n  - Others: Docker, git, Xmind\\uFF0CAxure\\n\\n\\u5DE5\\u4F5C\\u7ECF\\u5386\\n====\\n\\n1. \\u6E56\\u5357\\u878D\\u8000\\u5065\\u5EB7\\u7BA1\\u7406\\u6709\\u9650\\u516C\\u53F8\\n2. \\u6E56\\u5357\\u4E09\\u82F1\\u7279\\u65C5\\u6E38\\u667A\\u80FD\\u6280\\u672F\\u6709\\u9650\\u516C\\u53F8\\n3. \\u5408\\u80A5\\u84DD\\u76FE\\u79D1\\u6280\\u6709\\u9650\\u516C\\u53F8\\n4. \\u4E0A\\u6D77\\u6613\\u4FDD\\u7F51\\u7EDC\\u6709\\u9650\\u516C\\u53F8\\n5. \\u53A6\\u95E8\\u6D77\\u73AF\\u8BA1\\u7B97\\u673A\\u8F6F\\u4EF6\\u6709\\u9650\\u516C\\u53F8\\n\\n\\u6559\\u80B2\\u7ECF\\u5386\\n====\\n\\n1. \\u534E\\u4E1C\\u7406\\u5DE5\\u5927\\u5B66 \\u73AF\\u5883\\u5DE5\\u7A0B\\u5B66\\u58EB\\n2. \\u53A6\\u95E8\\u5927\\u5B66 \\u7CFB\\u7EDF\\u5DE5\\u7A0B\\u7855\\u58EB\\n\\n\\u6587\\u7AE0\\n====\\n\\n* [\\u6545\\u571F\\u96BE\\u79BB\\uFF08\\u6211\\u7684\\u7236\\u4EB2\\u6BCD\\u4EB2\\uFF09](https://www.meipian.cn/qacqfbz?uuid=d541c15eef694065bc9d1ac9a07925a2)\\n* [\\u6CB9\\u817B\\u817B\\u7684\\u4E2D\\u5E74\\uFF08\\u5C0F\\u8BD7\\uFF09](https://www.meipian.cn/wjaz3zh?uuid=ca1cd053b717451da781786de44e66e7)\\n* [\\u751F\\u547D\\uFF08\\u8001\\u56DB\\u4EEC\\u7684\\u877C\\u8681\\u4EBA\\u751F\\uFF09](https://www.meipian.cn/vc4pr59?uuid=799c98f5a187405c94c86f7da7788869)\\n* [\\u5927\\u5065\\u5EB7\\u5546\\u4E1A\\u6A21\\u5F0F](http://www.sitexa.org/technology/%E5%A4%A7%E5%81%A5%E5%BA%B7%E5%95%86%E4%B8%9A%E6%A8%A1%E5%BC%8F.html)\\n* [\\u793E\\u533A\\u793E\\u4EA4\\u5546\\u4E1A\\u6A21\\u578B](http://www.sitexa.org/other/%E7%A4%BE%E5%8C%BA%E7%A4%BE%E4%BA%A4%E5%95%86%E4%B8%9A%E6%A8%A1%E5%9E%8B.html)\\n\\n\\u94FE\\u63A5\\n====\\n\\n* [GitHub](https://github.com/sitexa)\\n* [\\u6280\\u672F\\u535A\\u5BA2](http://www.sitexa.org)\\n* [\\u5357\\u65B9\\u65F6\\u4EE3](http://www.sitexa.net)\\n* [\\u795E\\u79D8\\u6E58\\u9102\\u897F](http://www.sitexa.cn)\\n* [\\u6211\\u7684\\u7B80\\u5386\\u6545\\u4E8B(\\u7A0B\\u5E8F\\u4EBA\\u751F\\u516C\\u4F17\\u53F7\\u6587\\u7AE0)](https://mp.weixin.qq.com/s/5rsB956EPVm0FoFOe6xYTg)\\n\\n\\u52FE\\u5F15\\u65B9\\u5F0F\\n====\\n\\n* \\u5FAE\\u4FE1\\uFF1Axnpeng\\n\\n\\u9E23\\u8C22\\n----\\n\\n* \\u8FD9\\u6BB5\\u65F6\\u95F4\\uFF0C\\u6211\\u6709\\u4E9B\\u8BDA\\u714C\\u8BDA\\u6050\\u3002\\u6211\\u7684\\u7B80\\u5386\\u88AB\\u5F88\\u591A\\u4EBA\\u5173\\u6CE8(49842\\uFF09\\uFF0C\\u6211\\u7801\\u7684\\u90A3\\u51E0\\u7BC7\\u6587\\u7AE0\\u4E5F\\u6709\\u5F88\\u591A\\u4EBA\\u70B9\\u51FB(20095\\uFF09\\uFF0C\\u5FAE\\u4FE1\\u597D\\u53CB\\u589E\\u52A0\\u4E862000\\u591A\\u4EBA\\u3002\"\\u7A0B\\u5E8F\\u4EBA\\u751F\"\\u516C\\u4F17\\u53F7\\u6587\\u7AE0\\uFF08\\u6211\\u7684\\u7B80\\u5386\\u6545\\u4E8B\\uFF09\\u9605\\u8BFB\\u91CF\\u8D85\\u8FC7\\u5341\\u4E07+\\u3002\\n* \\u6709\\u5F88\\u591A\\u4F01\\u4E1A\\u5411\\u6211\\u53D1\\u51FA\\u4E86\\u9762\\u8BD5\\u9080\\u8BF7\\uFF0C\\u6709\\u5F88\\u591A\\u521B\\u4E1A\\u56E2\\u961F\\u5411\\u6211\\u4F38\\u51FA\\u4E86\\u6A44\\u6984\\u679D\\uFF0C\\u4E00\\u4E9B\\u670B\\u53CB\\u7ED9\\u6211\\u63D0\\u51FA\\u975E\\u5E38\\u597D\\u7684\\u5EFA\\u8BAE\\uFF0C\\u8FD8\\u6709\\u5F88\\u591A\\u540C\\u5B66\\u5E0C\\u671B\\u8DDF\\u6211\\u8FDB\\u884C\\u6280\\u672F\\u4EA4\\u6D41\\uFF0C\\u751A\\u81F3\\u6709\\u4E9B\\u4F01\\u4E1A\\u95EE\\u6211\\u80FD\\u5426\\u627F\\u63A5\\u5916\\u5305\\u4E1A\\u52A1\\u3002\\n* \\u4E8E\\u662F\\uFF0C\\u6211\\u53D7\\u547D\\u4E0B\\u5C71\\uFF0C\\u5230\\u4E86\\u6DF1\\u5733\\u3001\\u73E0\\u6D77\\u3001\\u5317\\u4EAC\\u3001\\u5929\\u6D25\\u7B49\\u5730\\uFF0C\\u62DC\\u8BBF\\u4E86\\u4E00\\u4E9B\\u8001\\u677F\\uFF0C\\u7ED3\\u8BC6\\u4E86\\u4E00\\u4E9B\\u65B0\\u670B\\u53CB\\uFF0C\\u89C1\\u4E86\\u4E00\\u4E9B\\u540C\\u5B66\\u548C\\u8001\\u540C\\u4E8B\\uFF0C\\u611F\\u89E6\\u5F88\\u591A\\uFF0C\\u6536\\u83B7\\u5F88\\u5927\\u3002IT\\u884C\\u4E1A\\u6B63\\u5728\\u53D1\\u751F\\u6DF1\\u523B\\u7684\\u53D8\\u5316\\uFF0C\\u65B0\\u6280\\u672F\\u3001\\u65B0\\u6A21\\u5F0F\\u3001\\u65B0\\u601D\\u7EF4\\u3001\\u65B0\\u4E1A\\u6001\\uFF0C\\u5C42\\u51FA\\u4E0D\\u7A77\\uFF0C\\u5404\\u79CD\\u63A2\\u7D22\\uFF0C\\u5404\\u79CD\\u7092\\u4F5C\\uFF0C\\u8BA9\\u4EBA\\u773C\\u82B1\\u7F2D\\u4E71\\u3002\\n* \\u6211\\u5BF9\\u81EA\\u5DF1\\u4E5F\\u6709\\u4E86\\u4E00\\u4E2A\\u65B0\\u7684\\u8BA4\\u8BC6\\u3002\\u6211\\u9010\\u6E10\\u53D1\\u73B0\\uFF0C\\u6211\\u4E0D\\u662F\\u53BB\\u627E\\u4E00\\u4EFD\\u5DE5\\u4F5C\\uFF0C\\u800C\\u662F\\u5728\\u5BFB\\u627E\\u4E00\\u4E9B\\u673A\\u4F1A\\uFF0C\\u4E00\\u4E9B\\u5FD7\\u540C\\u9053\\u5408\\u7684\\u4F19\\u4F34\\uFF0C\\u4E00\\u4EFD\\u6FC0\\u52A8\\u4EBA\\u5FC3\\u7684\\u4E8B\\u4E1A\\u3002\\u5F88\\u8363\\u5E78\\uFF0C\\u5DF2\\u7ECF\\u6709\\u51E0\\u4E2A\\u670B\\u53CB\\u8DDF\\u6211\\u8FBE\\u6210\\u4E86\\u610F\\u5411\\uFF0C\\u51C6\\u5907\\u7EC4\\u5EFA\\u56E2\\u961F\\u3002\\n* \\u5230\\u5E95\\u505A\\u4EC0\\u4E48\\u9879\\u76EE\\u5462\\uFF1F\\u6211\\u53EA\\u80FD\\u7B80\\u5355\\u5730\\u8BF4\\uFF0C\\u793E\\u4EA4+\\u7535\\u5546+\\u533A\\u5757\\u94FE\\u3002\\u80AF\\u5B9A\\u6709\\u4EBA\\u8981\\u8BF4\\uFF0C\\u8FD9\\u4E2A\\u9898\\u76EE\\u592A\\u5927\\u4E86\\uFF0C\\u662F\\u8E6D\\u70ED\\u5EA6\\u3002\\u6211\\u4E0D\\u8FD9\\u6837\\u60F3\\u3002\\u6211\\u4EE5\\u524D\\u5BF9\\u793E\\u4EA4\\u7684\\u601D\\u8003\\u4E2D\\uFF0C\\u4E00\\u4E2A\\u91CD\\u8981\\u7684\\u56E0\\u7D20\\u5C31\\u662F\\u4FE1\\u4EFB\\u5173\\u7CFB\\uFF0C\\u800C\\u5BF9\\u7535\\u5546\\u7684\\u601D\\u8003\\u4E2D\\uFF0C\\u53BB\\u4E2D\\u5FC3\\u5316\\u662F\\u4E00\\u4E2A\\u6838\\u5FC3\\u8003\\u91CF\\u3002\\u800C\\u533A\\u5757\\u94FE\\u6280\\u672F\\u4E0D\\u6B63\\u662F\\u89E3\\u51B3\\u4FE1\\u4EFB\\u673A\\u5236\\u548C\\u53BB\\u4E2D\\u5FC3\\u5316\\u7684\\u5229\\u5668\\u4E48\\uFF1F\\n* \\u5728\\u6B64\\uFF0C\\u6211\\u6B22\\u8FCE\\u6709\\u5174\\u8DA3\\u7684\\u670B\\u53CB\\u52A0\\u5165\\u6211\\u4EEC\\uFF0C\\u5C3D\\u5FEB\\u63A8\\u8FDB\\u9879\\u76EE\\u7684\\u5B9E\\u65BD\\u3002\\n\\n'\n    };\n  },\n  created: function created() {\n    this.makeResume();\n  },\n\n\n  methods: {\n    makeResume: function () {\n      var _ref = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_asyncToGenerator___default()(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_regenerator___default.a.mark(function _callee() {\n        return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_regenerator___default.a.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _context.next = 2;\n                return this.progressivelyShowStyle(0);\n\n              case 2:\n                _context.next = 4;\n                return this.progressivelyShowResume();\n\n              case 4:\n                _context.next = 6;\n                return this.progressivelyShowStyle(1);\n\n              case 6:\n                _context.next = 8;\n                return this.showHtml();\n\n              case 8:\n                _context.next = 10;\n                return this.progressivelyShowStyle(2);\n\n              case 10:\n              case 'end':\n                return _context.stop();\n            }\n          }\n        }, _callee, this);\n      }));\n\n      function makeResume() {\n        return _ref.apply(this, arguments);\n      }\n\n      return makeResume;\n    }(),\n    showHtml: function showHtml() {\n      var _this = this;\n\n      return new __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_promise___default.a(function (resolve, reject) {\n        _this.enableHtml = true;\n        _this.$nextTick(function () {\n          _this.$refs.resumeEditor.goTop();\n        });\n        resolve();\n      });\n    },\n    progressivelyShowStyle: function progressivelyShowStyle(n) {\n      var _this2 = this;\n\n      return new __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_promise___default.a(function (resolve, reject) {\n        var interval = _this2.interval;\n        var showStyle = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_asyncToGenerator___default()(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_regenerator___default.a.mark(function _callee2() {\n          var _this3 = this;\n\n          var style, length, prefixLength, l, char;\n          return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_regenerator___default.a.wrap(function _callee2$(_context2) {\n            while (1) {\n              switch (_context2.prev = _context2.next) {\n                case 0:\n                  style = this.fullStyle[n];\n\n                  if (style) {\n                    _context2.next = 3;\n                    break;\n                  }\n\n                  return _context2.abrupt('return');\n\n                case 3:\n                  length = this.fullStyle.filter(function (_, index) {\n                    return index <= n;\n                  }).map(function (item) {\n                    return item.length;\n                  }).reduce(function (p, c) {\n                    return p + c;\n                  }, 0);\n                  prefixLength = length - style.length;\n\n                  if (this.currentStyle.length < length) {\n                    l = this.currentStyle.length - prefixLength;\n                    char = style.substring(l, l + 1) || ' ';\n\n                    this.currentStyle += char;\n                    if (style.substring(l - 1, l) === '\\n' && this.$refs.styleEditor) {\n                      this.$nextTick(function () {\n                        _this3.$refs.styleEditor.goBottom();\n                      });\n                    }\n                    setTimeout(showStyle, interval);\n                  } else {\n                    resolve();\n                  }\n\n                case 6:\n                case 'end':\n                  return _context2.stop();\n              }\n            }\n          }, _callee2, this);\n        })).bind(_this2);\n        showStyle();\n      });\n    },\n    progressivelyShowResume: function progressivelyShowResume() {\n      var _this4 = this;\n\n      return new __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_promise___default.a(function (resolve, reject) {\n        var length = _this4.fullMarkdown.length;\n        var interval = _this4.interval;\n        var showResume = function showResume() {\n          if (_this4.currentMarkdown.length < length) {\n            _this4.currentMarkdown = _this4.fullMarkdown.substring(0, _this4.currentMarkdown.length + 1);\n            var lastChar = _this4.currentMarkdown[_this4.currentMarkdown.length - 1];\n            var prevChar = _this4.currentMarkdown[_this4.currentMarkdown.length - 2];\n            if (prevChar === '\\n' && _this4.$refs.resumeEditor) {\n              _this4.$nextTick(function () {\n                return _this4.$refs.resumeEditor.goBottom();\n              });\n            }\n            setTimeout(showResume, interval);\n          } else {\n            resolve();\n          }\n        };\n        showResume();\n      });\n    }\n  }\n});\n\n/***/ }),\n\n/***/ 49:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_marked__ = __webpack_require__(41);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_marked___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_marked__);\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  props: ['markdown', 'enableHtml'],\n  name: 'ResumeEditor',\n  computed: {\n    result: function result() {\n      return this.enableHtml ? __WEBPACK_IMPORTED_MODULE_0_marked___default()(this.markdown) : this.markdown;\n    }\n  },\n  methods: {\n    goBottom: function goBottom() {\n      this.$refs.container.scrollTop = 100000;\n    },\n    goTop: function goTop() {\n      this.$refs.container.scrollTop = 0;\n    }\n  }\n});\n\n/***/ }),\n\n/***/ 50:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_prismjs__ = __webpack_require__(92);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_prismjs___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_prismjs__);\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'Editor',\n  props: ['code'],\n  computed: {\n    highlightedCode: function highlightedCode() {\n      return __WEBPACK_IMPORTED_MODULE_0_prismjs___default.a.highlight(this.code, __WEBPACK_IMPORTED_MODULE_0_prismjs___default.a.languages.css);\n    },\n    codeInStyleTag: function codeInStyleTag() {\n      return '<style>' + this.code + '</style>';\n    }\n  },\n  methods: {\n    goBottom: function goBottom() {\n      this.$refs.container.scrollTop = 100000;\n    }\n  }\n});\n\n/***/ }),\n\n/***/ 51:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_marked__ = __webpack_require__(41);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_marked___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_marked__);\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  props: ['markdown', 'enableHtml'],\n  name: 'ThankEditor',\n  computed: {\n    result: function result() {\n      return this.enableHtml ? __WEBPACK_IMPORTED_MODULE_0_marked___default()(this.markdown) : this.markdown;\n    }\n  },\n  methods: {\n    goBottom: function goBottom() {\n      this.$refs.container.scrollTop = 100000;\n    },\n    goTop: function goTop() {\n      this.$refs.container.scrollTop = 0;\n    }\n  }\n});\n\n/***/ }),\n\n/***/ 52:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(46);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__App__ = __webpack_require__(44);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__App___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__App__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Mobile__ = __webpack_require__(45);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Mobile___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__Mobile__);\n\n\n\n\nvar width = document.documentElement.clientWidth;\n\nnew __WEBPACK_IMPORTED_MODULE_0_vue__[\"a\" /* default */]({\n  el: '#app',\n  render: function render(h) {\n    return h(width > 500 ? __WEBPACK_IMPORTED_MODULE_1__App___default.a : __WEBPACK_IMPORTED_MODULE_2__Mobile___default.a);\n  }\n});\n\n/***/ }),\n\n/***/ 87:\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ 88:\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ 89:\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ 90:\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ 91:\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ 95:\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(88)\n\nvar Component = __webpack_require__(8)(\n  /* script */\n  __webpack_require__(51),\n  /* template */\n  __webpack_require__(97),\n  /* scopeId */\n  \"data-v-29ad1df6\",\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n\n/***/ 96:\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    attrs: {\n      \"id\": \"app\"\n    }\n  }, [_c('div', {\n    attrs: {\n      \"id\": \"content\"\n    }\n  }, [_c('StyleEditor', {\n    ref: \"styleEditor\",\n    attrs: {\n      \"code\": _vm.currentStyle\n    }\n  }), _vm._v(\" \"), _c('ResumeEditor', {\n    ref: \"resumeEditor\",\n    attrs: {\n      \"markdown\": _vm.currentMarkdown,\n      \"enableHtml\": _vm.enableHtml\n    }\n  })], 1), _vm._v(\" \"), _c('div', {\n    attrs: {\n      \"id\": \"foot\"\n    }\n  }, [_c('ThankEditor', {\n    ref: \"thankEditor\",\n    attrs: {\n      \"markdown\": _vm.currentThankMarkdown,\n      \"enableHtml\": _vm.enableHtml\n    }\n  })], 1)])\n},staticRenderFns: []}\n\n/***/ }),\n\n/***/ 97:\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    ref: \"container\",\n    staticClass: \"thankEditor\",\n    class: {\n      htmlMode: _vm.enableHtml\n    }\n  }, [(_vm.enableHtml) ? _c('div', {\n    domProps: {\n      \"innerHTML\": _vm._s(_vm.result)\n    }\n  }) : _c('pre', [_vm._v(_vm._s(_vm.result))])])\n},staticRenderFns: []}\n\n/***/ }),\n\n/***/ 98:\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    ref: \"container\",\n    staticClass: \"styleEditor\"\n  }, [_c('div', {\n    staticClass: \"code\",\n    domProps: {\n      \"innerHTML\": _vm._s(_vm.codeInStyleTag)\n    }\n  }), _vm._v(\" \"), _c('pre', {\n    domProps: {\n      \"innerHTML\": _vm._s(_vm.highlightedCode)\n    }\n  })])\n},staticRenderFns: []}\n\n/***/ }),\n\n/***/ 99:\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    attrs: {\n      \"id\": \"app\"\n    }\n  }, [_c('StyleEditor', {\n    ref: \"styleEditor\",\n    attrs: {\n      \"code\": _vm.currentStyle\n    }\n  }), _vm._v(\" \"), _c('ResumeEditor', {\n    ref: \"resumeEditor\",\n    attrs: {\n      \"markdown\": _vm.currentMarkdown,\n      \"enableHtml\": _vm.enableHtml\n    }\n  })], 1)\n},staticRenderFns: []}\n\n/***/ })\n\n},[52]);\n\n\n// WEBPACK FOOTER //\n// static/js/app.c4b2e14682ed119846b5.js","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    ref: \"container\",\n    staticClass: \"resumeEditor\",\n    class: {\n      htmlMode: _vm.enableHtml\n    }\n  }, [(_vm.enableHtml) ? _c('div', {\n    domProps: {\n      \"innerHTML\": _vm._s(_vm.result)\n    }\n  }) : _c('pre', [_vm._v(_vm._s(_vm.result))])])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-647e008b!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/ResumeEditor.vue\n// module id = 100\n// module chunks = 1","\n/* styles */\nrequire(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?sourceMap!../../node_modules/vue-loader/lib/style-rewriter?id=data-v-647e008b&scoped=true!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./ResumeEditor.vue\")\n\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./ResumeEditor.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-647e008b!../../node_modules/vue-loader/lib/selector?type=template&index=0!./ResumeEditor.vue\"),\n  /* scopeId */\n  \"data-v-647e008b\",\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/ResumeEditor.vue\n// module id = 42\n// module chunks = 1","\n/* styles */\nrequire(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?sourceMap!../../node_modules/vue-loader/lib/style-rewriter?id=data-v-35c047fd&scoped=true!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./StyleEditor.vue\")\n\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./StyleEditor.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-35c047fd!../../node_modules/vue-loader/lib/selector?type=template&index=0!./StyleEditor.vue\"),\n  /* scopeId */\n  \"data-v-35c047fd\",\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/StyleEditor.vue\n// module id = 43\n// module chunks = 1","\n/* styles */\nrequire(\"!!../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?sourceMap!../node_modules/vue-loader/lib/style-rewriter?id=data-v-22ce9519&scoped=true!../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n\nvar Component = require(\"!../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"),\n  /* template */\n  require(\"!!../node_modules/vue-loader/lib/template-compiler?id=data-v-22ce9519!../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"),\n  /* scopeId */\n  \"data-v-22ce9519\",\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/App.vue\n// module id = 44\n// module chunks = 1","\n/* styles */\nrequire(\"!!../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?sourceMap!../node_modules/vue-loader/lib/style-rewriter?id=data-v-53c8d54c&scoped=true!../node_modules/vue-loader/lib/selector?type=styles&index=0!./Mobile.vue\")\n\nvar Component = require(\"!../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./Mobile.vue\"),\n  /* template */\n  require(\"!!../node_modules/vue-loader/lib/template-compiler?id=data-v-53c8d54c!../node_modules/vue-loader/lib/selector?type=template&index=0!./Mobile.vue\"),\n  /* scopeId */\n  \"data-v-53c8d54c\",\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/Mobile.vue\n// module id = 45\n// module chunks = 1","<template>\n  <div id=\"app\">\n    <div id=\"content\">\n      <StyleEditor ref=\"styleEditor\" :code=\"currentStyle\"></StyleEditor>\n      <ResumeEditor ref=\"resumeEditor\" :markdown=\"currentMarkdown\" :enableHtml=\"enableHtml\"></ResumeEditor>\n    </div>\n    <div id=\"foot\">\n      <ThankEditor ref=\"thankEditor\" :markdown=\"currentThankMarkdown\" :enableHtml=\"enableHtml\"></ThankEditor>\n    </div>\n  </div>\n</template>\n\n<script>\n  import StyleEditor from './components/StyleEditor'\n  import ResumeEditor from './components/ResumeEditor'\n  import ThankEditor from './components/ThankEditor'\n  import './assets/reset.css'\n\n  export default {\n    name: 'app',\n    components: {\n      StyleEditor,\n      ResumeEditor,\n      ThankEditor\n    },\n    data() {\n      return {\n        interval: 5,\n        currentStyle: '',\n        enableHtml: false,\n        fullStyle: [\n          `/*\n* Inspired by http://strml.net/\n* 源码地址 https://github.com/sitexa/anires\n* 大家好，我是南方。\n* 我来写一份简历！\n*/\n\n/* 给所有元素加上过渡效果 */\n* {\n  transition: all .1s;\n}\n/* 设置背景颜色 */\nhtml {\n  color: rgb(222,222,222); background: rgb(0,64,64);\n}\n#content{\n  height:70vh;\n  margin:0;\n}\n#foot{\n  height:29vh;\n  margin:0;\n}\n\n/* 设置边框 */\n.styleEditor {\n  padding: .5em;\n  border: 1px solid;\n  margin: .5em;\n  overflow: auto;\n  width: 50vw; height: 70vh;\n  background: rgb(20,20,20);\n}\n/* 代码高亮 */\n.token.selector{ color: rgb(130,150,0); }\n.token.property{ color: rgb(190,140,0); }\n.token.punctuation{ color: yellow; }\n.token.function{ color: rgb(40,160,150); }\n\n/* 加3D效果 */\nhtml{\n  perspective: 1000px;\n}\n.styleEditor {\n  position: fixed; left: 0; top: 0;\n  -webkit-transition: none;\n  transition: none;\n  -webkit-transform: rotateY(10deg) translateZ(-100px) ;\n          transform: rotateY(10deg) translateZ(-100px) ;\n}\n\n/* 准备一个编辑器 */\n.resumeEditor{\n  position: fixed; right: 0; top: 0;\n  padding: .5em;  margin: .5em;\n  width: 50vw; height: 70vh;\n  border: 1px solid;\n  background: rgb(200,200,200); color: #222;\n  overflow: auto;\n  -webkit-transition: none;\n  transition: none;\n  -webkit-transform: rotateY(-10deg) translateZ(-100px) ;\n          transform: rotateY(-10deg) translateZ(-100px) ;\n}\n/* 开始写简历 */\n`, `\n/*将Markdown格式翻译成HTML\n *再对HTML加点样式\n*/\n.resumeEditor{\n  padding: 2em;\n}\n.resumeEditor h2{\n  display: inline-block;\n  border-bottom: 1px solid;\n  margin: 1em 0 .5em;\n}\n.resumeEditor ul,.resumeEditor ol{\n  list-style: none;\n}\n.resumeEditor ul> li::before{\n  content: '•';\n  margin-right: .5em;\n}\n.resumeEditor ol {\n  counter-reset: section;\n}\n.resumeEditor ol li::before {\n  counter-increment: section;\n  content: counters(section, \".\") \" \";\n  margin-right: .5em;\n}\n.resumeEditor blockquote {\n  margin: 1em;\n  padding: .5em;\n  background: #ddd;\n}\n`, `/* 写封感谢信。\n * 感谢大家对我的关注。\n */\n.styleEditor{\n    width:50vw;height:70vh;\n}\n\n.resumeEditor{\n   width:50vw;height:70vh;\n}\n\n.thankEditor{\n  position: relative; left: 0; top: 0;\n  background: #E9D9BB;\n  color: #001C42;\n  overflow: auto;\n}\n\n.thankEditor {\n  width: 99vw; height: 45vh;\n  border: 1px solid #ccc;\n  font-size: .9em;\n}\n`,`\n.thankEditor{\n  padding: .5em;  margin: .5em; margin-top:1em;\n}\n\n.thankEditor ul,.thankEditor ol{\n  list-style: none;\n}\n.thankEditor ul> li::before{\n  content: '☞'; color: red;\n  margin-right: .5em;\n}\n.thankEditor ol {\n  counter-reset: section;\n}\n.thankEditor ol li::before {\n  counter-increment: section;\n  content: counters(section, \"☞\") \" \";\n  margin-right: .5em;\n}\n\n.thankEditor{\n  width: 99vw; height: 45vh;\n  -webkit-transition: none;\n  transition: none;\n  -webkit-transform: rotateX(-10deg) translateZ(-200px);\n          transform: rotateX(-10deg) translateZ(-200px);\n}\n\n`],\n        currentMarkdown: '',\n        currentThankMarkdown: '',\n        fullMarkdown: `南方\n====\n\n坐标：湖南长沙。\n\n资深软件工程师，资深产品经理，高级项目经理。现为自由职业。\n\n技能\n====\n\n数据库设计\n----\n  - 结构化数据库设计\n  - noSQL设计\n\n后端开发\n----\n  - 用户管理\n  - 单点登录\n  - 第三方登录\n  - 权限管理\n  - 交易系统\n  - 支付系统\n  - 社区系统\n  - 博客系统\n  - 公众号开发\n  - 小程序开发\n  - API接口开发\n\n前端开发\n----\n  - Web前端开发\n  - 移动终端(Native App, Hybrid App)\n\n产品设计\n----\n  - 智慧旅游项目\n  - 运动健康云平台\n  - 社区支持农业O2O项目\n  - 省级环境监控平台\n  - 高速公路异地处罚系统\n  - 环保局办公自动化系统\n  - 保险公司数据迁移项目\n  - 啤酒厂供应链项目\n  - 货运代理系统\n  - 集装箱管理系统\n  - 滞期费管理项目\n\n技术及语言\n----\n  - Java: SpringMVC, SpringCloud, Hibernate, iBatis, spark, sql2o, HikariCP, freemarker, okHttp, retrofit, RxJava\n  - Kotlin: ktor, exposed, anko\n  - Node.js: express, angular, ionic, react, cordova, meteor, electron, axios\n  - Swift: Vapor, ReactiveSwift\n  - Golang: hugo, beego, gorm, sqlx, matcha\n  - Python: tushare, pandas, numpy, matplotlib\n  - DotNet and PHP\n  - DB: SQLServer, Oracle, MySQL/MariaDB, MongoDB, graphQL, redis, memcached\n  - WebServer: apache, nginx, tomcat, netty, jetty\n  - OS: Ubuntu, CentOS, MacOS, Windows\n  - Others: Docker, git, Xmind，Axure\n\n工作经历\n----\n\n1. 湖南融耀健康管理有限公司\n2. 湖南三英特旅游智能技术有限公司\n3. 合肥蓝盾科技有限公司\n4. 上海易保网络有限公司\n5. 厦门海环计算机软件有限公司\n\n教育经历\n----\n\n1. 华东理工大学 环境工程学士\n2. 厦门大学 系统工程硕士\n\n文章\n----\n\n* [故土难离（我的父亲母亲）](https://www.meipian.cn/qacqfbz?uuid=d541c15eef694065bc9d1ac9a07925a2)\n* [油腻腻的中年（小诗）](https://www.meipian.cn/wjaz3zh?uuid=ca1cd053b717451da781786de44e66e7)\n* [生命（老四们的蝼蚁人生）](https://www.meipian.cn/vc4pr59?uuid=799c98f5a187405c94c86f7da7788869)\n* [大健康商业模式](http://www.sitexa.org/technology/%E5%A4%A7%E5%81%A5%E5%BA%B7%E5%95%86%E4%B8%9A%E6%A8%A1%E5%BC%8F.html)\n* [社区社交商业模型](http://www.sitexa.org/other/%E7%A4%BE%E5%8C%BA%E7%A4%BE%E4%BA%A4%E5%95%86%E4%B8%9A%E6%A8%A1%E5%9E%8B.html)\n\n链接\n----\n\n* [GitHub](https://github.com/sitexa)\n* [技术博客](http://www.sitexa.org)\n* [南方时代](http://www.sitexa.net)\n* [神秘湘鄂西](http://www.sitexa.cn)\n* [我的简历故事(程序人生公众号文章)](https://mp.weixin.qq.com/s/5rsB956EPVm0FoFOe6xYTg)\n\n勾引方式\n----\n\n* 微信：xnpeng\n\n`, thanksMarkdown: `\n鸣谢\n----\n\n* 这段时间，我有些诚煌诚恐。我的简历被很多人关注(49842），我码的那几篇文章也有很多人点击(20095），微信好友增加了2000多人。\"程序人生\"公众号文章（我的简历故事）阅读量超过十万+。\n* 有很多企业向我发出了面试邀请，有很多创业团队向我伸出了橄榄枝，一些朋友给我提出非常好的建议，还有很多同学希望跟我进行技术交流，甚至有些企业问我能否承接外包业务。\n* 于是，我受命下山，到了深圳、珠海、北京、天津等地，拜访了一些老板，结识了一些新朋友，见了一些同学和老同事，感触很多，收获很大。IT行业正在发生深刻的变化，新技术、新模式、新思维、新业态，层出不穷，各种探索，各种炒作，让人眼花缭乱。\n* 我对自己也有了一个新的认识。我逐渐发现，我不是去找一份工作，而是在寻找一些机会，一些志同道合的伙伴，一份激动人心的事业。很荣幸，已经有几个朋友跟我达成了意向，准备组建团队。\n* 到底做什么项目呢？我只能简单地说，社交+电商+区块链。肯定有人要说，这个题目太大了，是蹭热度。我不这样想。我以前对社交的思考中，一个重要的因素就是信任关系，而对电商的思考中，去中心化是一个核心考量。而区块链技术不正是解决信任机制和去中心化的利器么？\n* 在此，我欢迎有兴趣的朋友加入我们，尽快推进项目的实施。（微信：xnpeng）\n\n  `\n      }\n    },\n    created() {\n      this.makeResume()\n    },\n\n    methods: {\n      makeResume: async function () {\n        await this.progressivelyShowStyle(0);\n        await this.progressivelyShowResume();\n        await this.progressivelyShowStyle(1);\n        await this.showHtml();\n        await this.progressivelyShowStyle(2);\n        await this.progressivelyShowThanks();\n        await this.progressivelyShowStyle(3)\n      },\n      showHtml() {\n        return new Promise((resolve, reject) => {\n          this.enableHtml = true\n          resolve()\n        })\n      },\n      progressivelyShowStyle(n) {\n        return new Promise((resolve, reject) => {\n          let interval = this.interval\n          let showStyle = (async function () {\n            let style = this.fullStyle[n]\n            if (!style) {\n              return\n            }\n            // 计算前 n 个 style 的字符总数\n            let length = this.fullStyle.filter((_, index) => index <= n).map((item) => item.length).reduce((p, c) => p + c, 0)\n            let prefixLength = length - style.length\n            if (this.currentStyle.length < length) {\n              let l = this.currentStyle.length - prefixLength\n              let char = style.substring(l, l + 1) || ' '\n              this.currentStyle += char\n              if (style.substring(l - 1, l) === '\\n' && this.$refs.styleEditor) {\n                this.$nextTick(() => {\n                  this.$refs.styleEditor.goBottom()\n                })\n              }\n              setTimeout(showStyle, interval)\n            } else {\n              resolve()\n            }\n          }).bind(this)\n          showStyle()\n        })\n      },\n      progressivelyShowResume() {\n        return new Promise((resolve, reject) => {\n          let length = this.fullMarkdown.length\n          let interval = this.interval\n          let showResume = () => {\n            if (this.currentMarkdown.length < length) {\n              this.currentMarkdown = this.fullMarkdown.substring(0, this.currentMarkdown.length + 1)\n              let lastChar = this.currentMarkdown[this.currentMarkdown.length - 1]\n              let prevChar = this.currentMarkdown[this.currentMarkdown.length - 2]\n              if (prevChar === '\\n' && this.$refs.resumeEditor) {\n                this.$nextTick(() => this.$refs.resumeEditor.goBottom())\n              }\n              setTimeout(showResume, interval)\n            } else {\n              resolve()\n            }\n          }\n          showResume()\n        })\n      },\n      progressivelyShowThanks() {\n        return new Promise((resolve, reject) => {\n          let length = this.thanksMarkdown.length\n          let interval = this.interval\n          let showThanks = () => {\n            if (this.currentThankMarkdown.length < length) {\n              this.currentThankMarkdown = this.thanksMarkdown.substring(0, this.currentThankMarkdown.length + 1)\n              let lastChar = this.currentThankMarkdown[this.currentThankMarkdown.length - 1]\n              let prevChar = this.currentThankMarkdown[this.currentThankMarkdown.length - 2]\n              if (prevChar === '\\n' && this.$refs.thankEditor) {\n                this.$nextTick(() => this.$refs.thankEditor.goBottom())\n              }\n              setTimeout(showThanks, interval)\n            } else {\n              resolve()\n            }\n          }\n          showThanks()\n        })\n      }\n    }\n  }\n\n</script>\n\n<style scoped>\n  #app {\n    font-family: 'Avenir', Helvetica, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  html {\n    min-height: 100vh;\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// App.vue?56fe36c8","<template>\n  <div id=\"app\">\n    <StyleEditor ref=\"styleEditor\" :code=\"currentStyle\"></StyleEditor>\n    <ResumeEditor ref=\"resumeEditor\" :markdown=\"currentMarkdown\" :enableHtml=\"enableHtml\"></ResumeEditor>\n  </div>\n</template>\n\n<script>\n  import StyleEditor from './components/StyleEditor'\n  import ResumeEditor from './components/ResumeEditor'\n  import './assets/reset.css'\n\n  export default {\n    name: 'app',\n    components: {\n      StyleEditor,\n      ResumeEditor\n    },\n    data() {\n      return {\n        interval: 5,\n        currentStyle: '',\n        enableHtml: false,\n        fullStyle: [\n          `/*\n* Inspired by http://strml.net/\n* 源码地址 https://github.com/sitexa/anires\n* 大家好，我是南方。\n* 我来写一份简历！\n*/\n\n/* 给所有元素加上过渡效果 */\n* {\n  transition: all .2s;\n}\n/* 设置背景颜色 */\nhtml {\n  color: rgb(222,222,222);\n  background: rgb(0,43,54);\n}\n/* 设置边框 */\n.styleEditor {\n  padding: .5em;\n  border: 1px solid;\n  overflow: auto;\n  width: 90vw;\n  margin: 2.5vh 5vw;\n  height: 90vh;\n}\n/* 太高了 */\n.styleEditor {\n  height: 45vh;\n}\n/* 代码高亮 */\n.token.selector{\n  color: rgb(133,153,0);\n}\n.token.property{\n  color: rgb(187,137,0);\n}\n.token.punctuation{\n  color: yellow;\n}\n.token.function{\n  color: rgb(42,161,152);\n}\n\n/* 加3D效果 */\nhtml{\n  perspective: 1000px;\n}\n.styleEditor {\n  position: fixed; left: 0; top: 0;\n  transform: rotateX(-10deg) translateZ(-50px) ;\n}\n\n/* 准备一个编辑器 */\n.resumeEditor{\n  position: fixed;\n  top: 50%; left: 0;\n  padding: .5em;  margin: 2.5vh;\n  width: 95vw; height: 45vh;\n  border: 1px solid;\n  background: white; color: #222;\n  overflow: auto;\n}\n/* 开始写简历 */\n\n\n`,\n          `\n/*将Markdown格式翻译成HTML\n *再对HTML加点样式\n*/\n`, `\n.resumeEditor{\n  padding: 2em;\n}\n.resumeEditor h2{\n  display: inline-block;\n  border-bottom: 1px solid;\n  margin: 1em 0 .5em;\n}\n.resumeEditor ul,.resumeEditor ol{\n  list-style: none;\n}\n.resumeEditor ul> li::before{\n  content: '•';\n  margin-right: .5em;\n}\n.resumeEditor ol {\n  counter-reset: section;\n}\n.resumeEditor ol li::before {\n  counter-increment: section;\n  content: counters(section, \".\") \" \";\n  margin-right: .5em;\n}\n.resumeEditor blockquote {\n  margin: 1em;\n  padding: .5em;\n  background: #ddd;\n}\n`],\n        currentMarkdown: '',\n        fullMarkdown: `南方\n====\n坐标：湖南长沙。\n\n资深软件工程师，资深产品经理，高级项目经理。现为自由职业。\n\n技能\n====\n\n数据库设计\n----\n  - 结构化数据库设计\n  - noSQL设计\n\n后端开发\n----\n  - 用户管理\n  - 单点登录\n  - 第三方登录\n  - 权限管理\n  - 交易系统\n  - 支付系统\n  - 社区系统\n  - 博客系统\n  - 公众号开发\n  - 小程序开发\n  - API接口\n\n前端开发\n----\n  - Web前端开发\n  - 移动终端(Native App, Hybrid App)\n\n产品设计\n----\n  - 智慧旅游项目\n  - 运动健康云平台\n  - 社区支持农业O2O项目\n  - 省级环境监控平台\n  - 高速公路异地处罚系统\n  - 环保局办公自动化系统\n  - 保险公司数据迁移项目\n  - 啤酒厂供应链项目\n  - 货运代理系统\n  - 集装箱管理系统\n  - 滞期费管理项目\n\n技术及语言\n----\n  - Java: SpringMVC, SpringCloud, Hibernate, iBatis, spark, sql2o, HikariCP, freemarker, okHttp, retrofit, RxJava\n  - Kotlin: ktor, exposed, anko\n  - Node.js: express, angular, ionic, react, cordova, meteor, electron, axios\n  - Swift: Vapor, ReactiveSwift\n  - Golang: hugo, beego, gorm, sqlx, matcha\n  - Python: tushare, pandas, numpy, matplotlib\n  - DotNet and PHP\n  - DB: SQLServer, Oracle, MySQL/MariaDB, MongoDB, graphQL, redis, memcached\n  - WebServer: apache, nginx, tomcat, netty, jetty\n  - OS: Ubuntu, CentOS, MacOS, Windows\n  - Others: Docker, git, Xmind，Axure\n\n工作经历\n====\n\n1. 湖南融耀健康管理有限公司\n2. 湖南三英特旅游智能技术有限公司\n3. 合肥蓝盾科技有限公司\n4. 上海易保网络有限公司\n5. 厦门海环计算机软件有限公司\n\n教育经历\n====\n\n1. 华东理工大学 环境工程学士\n2. 厦门大学 系统工程硕士\n\n文章\n====\n\n* [故土难离（我的父亲母亲）](https://www.meipian.cn/qacqfbz?uuid=d541c15eef694065bc9d1ac9a07925a2)\n* [油腻腻的中年（小诗）](https://www.meipian.cn/wjaz3zh?uuid=ca1cd053b717451da781786de44e66e7)\n* [生命（老四们的蝼蚁人生）](https://www.meipian.cn/vc4pr59?uuid=799c98f5a187405c94c86f7da7788869)\n* [大健康商业模式](http://www.sitexa.org/technology/%E5%A4%A7%E5%81%A5%E5%BA%B7%E5%95%86%E4%B8%9A%E6%A8%A1%E5%BC%8F.html)\n* [社区社交商业模型](http://www.sitexa.org/other/%E7%A4%BE%E5%8C%BA%E7%A4%BE%E4%BA%A4%E5%95%86%E4%B8%9A%E6%A8%A1%E5%9E%8B.html)\n\n链接\n====\n\n* [GitHub](https://github.com/sitexa)\n* [技术博客](http://www.sitexa.org)\n* [南方时代](http://www.sitexa.net)\n* [神秘湘鄂西](http://www.sitexa.cn)\n* [我的简历故事(程序人生公众号文章)](https://mp.weixin.qq.com/s/5rsB956EPVm0FoFOe6xYTg)\n\n勾引方式\n====\n\n* 微信：xnpeng\n\n鸣谢\n----\n\n* 这段时间，我有些诚煌诚恐。我的简历被很多人关注(49842），我码的那几篇文章也有很多人点击(20095），微信好友增加了2000多人。\"程序人生\"公众号文章（我的简历故事）阅读量超过十万+。\n* 有很多企业向我发出了面试邀请，有很多创业团队向我伸出了橄榄枝，一些朋友给我提出非常好的建议，还有很多同学希望跟我进行技术交流，甚至有些企业问我能否承接外包业务。\n* 于是，我受命下山，到了深圳、珠海、北京、天津等地，拜访了一些老板，结识了一些新朋友，见了一些同学和老同事，感触很多，收获很大。IT行业正在发生深刻的变化，新技术、新模式、新思维、新业态，层出不穷，各种探索，各种炒作，让人眼花缭乱。\n* 我对自己也有了一个新的认识。我逐渐发现，我不是去找一份工作，而是在寻找一些机会，一些志同道合的伙伴，一份激动人心的事业。很荣幸，已经有几个朋友跟我达成了意向，准备组建团队。\n* 到底做什么项目呢？我只能简单地说，社交+电商+区块链。肯定有人要说，这个题目太大了，是蹭热度。我不这样想。我以前对社交的思考中，一个重要的因素就是信任关系，而对电商的思考中，去中心化是一个核心考量。而区块链技术不正是解决信任机制和去中心化的利器么？\n* 在此，我欢迎有兴趣的朋友加入我们，尽快推进项目的实施。\n\n`\n      }\n    },\n    created() {\n      this.makeResume()\n    },\n\n    methods: {\n      makeResume: async function () {\n        await this.progressivelyShowStyle(0)\n        await this.progressivelyShowResume()\n        await this.progressivelyShowStyle(1)\n        await this.showHtml()\n        await this.progressivelyShowStyle(2)\n      },\n      showHtml: function () {\n        return new Promise((resolve, reject) => {\n          this.enableHtml = true\n          this.$nextTick(() => {\n            this.$refs.resumeEditor.goTop()\n          })\n          resolve()\n        })\n      },\n      progressivelyShowStyle(n) {\n        return new Promise((resolve, reject) => {\n          let interval = this.interval\n          let showStyle = (async function () {\n            let style = this.fullStyle[n]\n            if (!style) { return }\n            // 计算前 n 个 style 的字符总数\n            let length = this.fullStyle.filter((_, index) => index <= n).map((item) => item.length).reduce((p, c) => p + c, 0)\n            let prefixLength = length - style.length\n            if (this.currentStyle.length < length) {\n              let l = this.currentStyle.length - prefixLength\n              let char = style.substring(l, l + 1) || ' '\n              this.currentStyle += char\n              if (style.substring(l - 1, l) === '\\n' && this.$refs.styleEditor) {\n                this.$nextTick(() => {\n                  this.$refs.styleEditor.goBottom()\n                })\n              }\n              setTimeout(showStyle, interval)\n            } else {\n              resolve()\n            }\n          }).bind(this)\n          showStyle()\n        })\n      },\n      progressivelyShowResume() {\n        return new Promise((resolve, reject) => {\n          let length = this.fullMarkdown.length\n          let interval = this.interval\n          let showResume = () => {\n            if (this.currentMarkdown.length < length) {\n              this.currentMarkdown = this.fullMarkdown.substring(0, this.currentMarkdown.length + 1)\n              let lastChar = this.currentMarkdown[this.currentMarkdown.length - 1]\n              let prevChar = this.currentMarkdown[this.currentMarkdown.length - 2]\n              if (prevChar === '\\n' && this.$refs.resumeEditor) {\n                this.$nextTick(() => this.$refs.resumeEditor.goBottom())\n              }\n              setTimeout(showResume, interval)\n            } else {\n              resolve()\n            }\n          }\n          showResume()\n        })\n      }\n    }\n  }\n\n</script>\n\n<style scoped>\n  #app {\n    font-family: 'Avenir', Helvetica, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    min-height: 100vh; position: relative;\n  }\n\n  html {\n    min-height: 100vh;\n  }\n  *{\n    box-sizing: border-box;\n  }\n\n</style>\n\n\n\n// WEBPACK FOOTER //\n// Mobile.vue?65f72bc7","<template>\n  <div class=\"resumeEditor\" :class=\"{htmlMode:enableHtml}\" ref=\"container\">\n    <div v-if=\"enableHtml\" v-html=\"result\"></div>\n    <pre v-else>{{result}}</pre>\n  </div>\n</template>\n\n<script>\n  import marked from 'marked'\n  export default {\n    props: ['markdown', 'enableHtml'],\n    name: 'ResumeEditor',\n    computed: {\n      result: function () {\n        return this.enableHtml ? marked(this.markdown) : this.markdown\n      }\n    },\n    methods: {\n      goBottom: function () {\n        this.$refs.container.scrollTop = 100000\n      },\n      goTop: function(){\n        this.$refs.container.scrollTop = 0\n      }\n    }\n  }\n\n</script>\n\n<style scoped>\n\n  @media (max-width:500px){\n    .resumeEditor{\n    }\n  }\n  .htmlMode {\n    animation: flip 2s;\n  }\n\n  @keyframes flip {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// ResumeEditor.vue?0122220a","<template>\n  <div class=\"styleEditor\" ref=\"container\">\n    <div class=\"code\" v-html=\"codeInStyleTag\"></div>\n    <pre class=\"\" v-html=\"highlightedCode\"></pre>\n  </div>\n</template>\n\n<script>\n  import Prism from 'prismjs'\n  export default {\n    name: 'Editor',\n    props: ['code'],\n    computed: {\n      highlightedCode: function () {\n        return Prism.highlight(this.code, Prism.languages.css)\n      },\n      codeInStyleTag: function () {\n        return `<style>${this.code}</style>`\n      }\n    },\n    methods: {\n      goBottom() {\n        this.$refs.container.scrollTop = 100000\n      }\n    }\n  }\n\n</script>\n\n<style scoped>\n  pre{\n  }\n  @media (max-width:500px){\n    pre{\n    }\n  }\n  .code {\n    display: none;\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// StyleEditor.vue?e1441254","<template>\n  <div class=\"thankEditor\" :class=\"{htmlMode:enableHtml}\" ref=\"container\">\n    <div v-if=\"enableHtml\" v-html=\"result\"></div>\n    <pre v-else>{{result}}</pre>\n  </div>\n</template>\n\n<script>\n  import marked from 'marked'\n  export default {\n    props: ['markdown', 'enableHtml'],\n    name: 'ThankEditor',\n    computed: {\n      result: function () {\n        return this.enableHtml ? marked(this.markdown) : this.markdown\n      }\n    },\n    methods: {\n      goBottom: function () {\n        this.$refs.container.scrollTop = 100000\n      },\n      goTop: function(){\n        this.$refs.container.scrollTop = 0\n      }\n    }\n  }\n\n</script>\n\n<style scoped>\n\n  @media (max-width:500px){\n    .thankEditor{\n    }\n  }\n  .htmlMode {\n    animation: flip 2s;\n  }\n\n  @keyframes flip {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// ThankEditor.vue?e5218dd2","import Vue from 'vue'\nimport App from './App'\nimport Mobile from './Mobile'\n\nvar width = document.documentElement.clientWidth\n/* eslint-disable no-new */\nnew Vue({\n  el: '#app',\n  render: h => h(width > 500 ? App : Mobile)\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js","\n/* styles */\nrequire(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?sourceMap!../../node_modules/vue-loader/lib/style-rewriter?id=data-v-29ad1df6&scoped=true!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./ThankEditor.vue\")\n\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./ThankEditor.vue\"),\n  /* template */\n  require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-29ad1df6!../../node_modules/vue-loader/lib/selector?type=template&index=0!./ThankEditor.vue\"),\n  /* scopeId */\n  \"data-v-29ad1df6\",\n  /* cssModules */\n  null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/ThankEditor.vue\n// module id = 95\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    attrs: {\n      \"id\": \"app\"\n    }\n  }, [_c('div', {\n    attrs: {\n      \"id\": \"content\"\n    }\n  }, [_c('StyleEditor', {\n    ref: \"styleEditor\",\n    attrs: {\n      \"code\": _vm.currentStyle\n    }\n  }), _vm._v(\" \"), _c('ResumeEditor', {\n    ref: \"resumeEditor\",\n    attrs: {\n      \"markdown\": _vm.currentMarkdown,\n      \"enableHtml\": _vm.enableHtml\n    }\n  })], 1), _vm._v(\" \"), _c('div', {\n    attrs: {\n      \"id\": \"foot\"\n    }\n  }, [_c('ThankEditor', {\n    ref: \"thankEditor\",\n    attrs: {\n      \"markdown\": _vm.currentThankMarkdown,\n      \"enableHtml\": _vm.enableHtml\n    }\n  })], 1)])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-22ce9519!./~/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = 96\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    ref: \"container\",\n    staticClass: \"thankEditor\",\n    class: {\n      htmlMode: _vm.enableHtml\n    }\n  }, [(_vm.enableHtml) ? _c('div', {\n    domProps: {\n      \"innerHTML\": _vm._s(_vm.result)\n    }\n  }) : _c('pre', [_vm._v(_vm._s(_vm.result))])])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-29ad1df6!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/ThankEditor.vue\n// module id = 97\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    ref: \"container\",\n    staticClass: \"styleEditor\"\n  }, [_c('div', {\n    staticClass: \"code\",\n    domProps: {\n      \"innerHTML\": _vm._s(_vm.codeInStyleTag)\n    }\n  }), _vm._v(\" \"), _c('pre', {\n    domProps: {\n      \"innerHTML\": _vm._s(_vm.highlightedCode)\n    }\n  })])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-35c047fd!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/StyleEditor.vue\n// module id = 98\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    attrs: {\n      \"id\": \"app\"\n    }\n  }, [_c('StyleEditor', {\n    ref: \"styleEditor\",\n    attrs: {\n      \"code\": _vm.currentStyle\n    }\n  }), _vm._v(\" \"), _c('ResumeEditor', {\n    ref: \"resumeEditor\",\n    attrs: {\n      \"markdown\": _vm.currentMarkdown,\n      \"enableHtml\": _vm.enableHtml\n    }\n  })], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-53c8d54c!./~/vue-loader/lib/selector.js?type=template&index=0!./src/Mobile.vue\n// module id = 99\n// module chunks = 1"],"sourceRoot":""}