webpackJsonp([1],{"G+Fo":function(n,e){},MPzD:function(n,e){},NHnr:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=t("7+uW"),o=t("//Fk"),i=t.n(o),s=t("Xxa5"),u=t.n(s),a=t("exGp"),l=t.n(a),c=(t("MPzD"),t("OEdS")),d=t.n(c),h={name:"StyleEditor",props:["code"],computed:{highlightedCode:function(){return d.a.highlight(this.code,d.a.languages.css)},codeInStyleTag:function(){return"<style>"+this.code+"</style>"}},methods:{goBottom:function(){this.$refs.container.scrollTop=1e5}}},m={render:function(){var n=this.$createElement,e=this._self._c||n;return e("div",{ref:"container",staticClass:"styleEditor"},[e("div",{staticClass:"code",domProps:{innerHTML:this._s(this.codeInStyleTag)}}),this._v(" "),e("pre",[this._v("        "),e("div",{domProps:{innerHTML:this._s(this.highlightedCode)}}),this._v("\n    ")])])},staticRenderFns:[]};var p=t("VU/8")(h,m,!1,function(n){t("G+Fo")},"data-v-6a18008a",null).exports,f=t("EFqf"),g=t.n(f),w={name:"ResumeEditor",props:["markdown","enableHtml"],computed:{result:function(){return this.enableHtml?g()(this.markdown):this.markdown}},methods:{goBottom:function(){this.$refs.container.scrollTop=1e5},goTop:function(){this.$refs.container.scrollTop=0}}},v={render:function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{ref:"container",staticClass:"resumeEditor",class:{htmlMode:n.enableHtml}},[n.enableHtml?t("pre",[n._v("        "),t("div",{domProps:{innerHTML:n._s(n.result)}}),n._v("\n    ")]):t("pre",[n._v("        "+n._s(n.result)+"\n    ")])])},staticRenderFns:[]};var y=t("VU/8")(w,v,!1,function(n){t("oAet")},"data-v-f6c6c782",null).exports,k={name:"App",components:{StyleEditor:p,ResumeEditor:y},data:function(){return{interval:40,currentStyle:"",currentMarkdown:"",enableHtml:!1,fullStyle:["/*\n* Inspired by http://strml.net/\n* 大家好，我是沈佳棋\n* 俗话说，金三银四，时下已是三月底\n* 大家是否已经找到心仪的工作or实习呢\n* 今天我也要来打造一份特别的简历\n* OK,废话不多说,Let's Go!\n*/\n\n/* 首先给所有元素加上过渡效果 */\n* {\n  transition: all .3s;\n}\n/* 白色背景太单调了，我们来点背景 */\nhtml {\n  color: rgb(222,222,222); background: rgb(0,43,54);\n}\n/* 文字离边框太近了 */\n.styleEditor {\n  padding: .5em;\n  border: 1px solid;\n  margin: .5em;\n  overflow: auto;\n  width: 45vw; height: 90vh;\n}\n/* 代码高亮 */\n.token.selector{ color: rgb(133,153,0); }\n.token.property{ color: rgb(187,137,0); }\n.token.punctuation{ color: yellow; }\n.token.function{ color: rgb(42,161,152); }\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: 48vw; height: 90vh;\n  border: 1px solid;\n  background: white; color: #222;\n  overflow: auto;\n}\n/* 好了，我开始写简历了 */\n","\n/* 这个简历好像差点什么\n * 对了，这是 Markdown 格式的，我需要变成对 HR 更友好的格式\n * 简单，用开源工具翻译成 HTML 就行了\n */\n",'\n/* 再对 HTML 加点样式 */\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'],fullMarkdown:'\n沈佳棋\n----\n\n基本信息\n----\n性别: 男    年龄: 21    年级: 大三\n联系电话: 15251852316   邮箱地址: sjq15251852316@163.com\n籍贯: 江苏省南通市      当前所在地: 南京\n\n求职意向\n----\n期望地点:江苏，浙江，上海   期望职位:web前端开发暑期实习 \n\n教育经历\n----\n2016.09 - 2020.06  本科  南京邮电大学  自动化  专业排名5%~20% \n\n专业技能\n----\n\n* 熟练使用HTML,CSS构建静态界面，熟悉HTML语义化,CSS选择器,文档流，盒模型\n* 熟悉W3C标准、ECMA规范、TypeScript, 熟练使用Less/Stylus预编译器\n* 熟悉jQuery的常用API，如jQuery常用的DOM操作，jQuery事件,Ajax等。\n* 熟练使用bootstrap、Swiper、Animate、WOW、Echarts等小型框架。\n* 熟悉使用MySQL数据库。\n* 熟练使用git代码管理工具，熟悉webpack构建工具以及npm的使用。 \n* 了解Vuejs前端框架。 \n* 了解后端开发，接触过Java及Nodejs\n\n校内经历\n----\n南京邮电大学自动化学院科学技术与发展协会 硬件部部长\n\n项目经历\n----\n1. 苏州市白洋湾水厂经营分析与成本管理系统\n2. 黑猫学院响应式首页\n3. 京东移动端界面\n4. 拼多多移动端高仿版\n\n获奖情况\n----\n\n1. 南京邮电大学创新杯校赛二等奖\n2. 南京邮电大学第十届物理及实验作品竞赛三等奖\n3. 南京邮电大学第一届工程训练综合能力竞赛校赛二等奖\n4. 南京邮电大学自动化学院第八届海善达杯二等奖\n5. "京泽杯"LED灯饰设计大赛三等奖\n'}},mounted:function(){this.makeResume()},methods:{makeResume:function(){var n=l()(u.a.mark(function n(){return u.a.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,this.progressivelyShowStyle(0);case 2:return n.next=4,this.progressivelyShowResume();case 4:return n.next=6,this.progressivelyShowStyle(1);case 6:return n.next=8,this.showHtml();case 8:return n.next=10,this.progressivelyShowStyle(2);case 10:case"end":return n.stop()}},n,this)}));return function(){return n.apply(this,arguments)}}(),showHtml:function(){var n=this;return new i.a(function(e,t){n.enableHtml=!0,e()})},progressivelyShowStyle:function(n){var e=this;return new i.a(function(t,r){var o=e.interval,i=l()(u.a.mark(function e(){var r,s,a,l,c,d=this;return u.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(r=this.fullStyle[n]){e.next=3;break}return e.abrupt("return");case 3:s=this.fullStyle.filter(function(e,t){return t<=n}).map(function(n){return n.length}).reduce(function(n,e){return n+e},0),a=s-r.length,this.currentStyle.length<s?(l=this.currentStyle.length-a,c=r.substring(l,l+1)||" ",this.currentStyle+=c,"\n"===r.substring(l-1,l)&&this.$refs.styleEditor&&this.$nextTick(function(){d.$refs.styleEditor.goBottom()}),setTimeout(i,o)):t();case 6:case"end":return e.stop()}},e,this)})).bind(e);i()})},progressivelyShowResume:function(){var n=this;return new i.a(function(e,t){var r=n.fullMarkdown.length;!function t(){n.currentMarkdown.length<r?(n.currentMarkdown=n.fullMarkdown.substring(0,n.currentMarkdown.length+1),n.currentMarkdown[n.currentMarkdown.length-1],"\n"===n.currentMarkdown[n.currentMarkdown.length-2]&&n.$refs.resumeEditor&&n.$nextTick(function(){return n.$refs.resumeEditor.goBottom()}),setTimeout(t,n.interval)):e()}()})}}},b={render:function(){var n=this.$createElement,e=this._self._c||n;return e("div",{attrs:{id:"app"}},[e("StyleEditor",{ref:"styleEditor",attrs:{code:this.currentStyle}}),this._v(" "),e("ResumeEditor",{ref:"resumeEditor",attrs:{markdown:this.currentMarkdown,enableHtml:this.enableHtml}})],1)},staticRenderFns:[]};var E=t("VU/8")(k,b,!1,function(n){t("Upey")},null,null).exports,S={name:"app",components:{StyleEditor:p,ResumeEditor:y},data:function(){return{interval:40,currentStyle:"",enableHtml:!1,fullStyle:["\n/*\n* Inspired by http://strml.net/\n* 大家好，我是沈佳棋\n* 俗话说，金三银四，时下已是三月底\n* 大家是否已经找到心仪的工作or实习呢\n* 今天我也要来打造一份特别的简历\n* OK,废话不多说,Let's Go!\n*/\n\n/* 首先给所有元素加上过渡效果 */\n* {\n  transition: all .3s;\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 格式的，我需要变成对 HR 更友好的格式\n * 简单，用开源工具翻译成 HTML 就行了\n */\n",'\n/* 再对 HTML 加点样式 */\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'],currentMarkdown:"",fullMarkdown:'\n沈佳棋\n----\n\n基本信息\n----\n性别: 男    年龄: 21    年级: 大三\n联系电话: 15251852316   邮箱地址: sjq15251852316@163.com\n籍贯: 江苏省南通市      当前所在地: 南京\n\n求职意向\n----\n期望地点:江苏，浙江，上海   期望职位:web前端开发暑期实习 \n\n教育经历\n----\n2016.09 - 2020.06  本科  南京邮电大学  自动化  专业排名5%~20% \n\n专业技能\n----\n\n* 熟练使用HTML,CSS构建静态界面，熟悉HTML语义化,CSS选择器,文档流，盒模型\n* 熟悉W3C标准、ECMA规范、TypeScript, 熟练使用Less/Stylus预编译器\n* 熟悉jQuery的常用API，如jQuery常用的DOM操作，jQuery事件,Ajax等。\n* 熟练使用bootstrap、Swiper、Animate、WOW、Echarts等小型框架。\n* 熟悉使用MySQL数据库。\n* 熟练使用git代码管理工具，熟悉webpack构建工具以及npm的使用。 \n* 了解Vuejs前端框架。 \n* 了解后端开发，接触过Java及Nodejs\n\n校内经历\n----\n南京邮电大学自动化学院科学技术与发展协会 硬件部部长\n\n项目经历\n----\n1. 苏州市白洋湾水厂经营分析与成本管理系统\n2. 黑猫学院响应式首页\n3. 京东移动端界面\n4. 拼多多移动端高仿版\n\n获奖情况\n----\n\n1. 南京邮电大学创新杯校赛二等奖\n2. 南京邮电大学第十届物理及实验作品竞赛三等奖\n3. 南京邮电大学第一届工程训练综合能力竞赛校赛二等奖\n4. 南京邮电大学自动化学院第八届海善达杯二等奖\n5. "京泽杯"LED灯饰设计大赛三等奖\n'}},created:function(){this.makeResume()},methods:{makeResume:function(){var n=l()(u.a.mark(function n(){return u.a.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,this.progressivelyShowStyle(0);case 2:return n.next=4,this.progressivelyShowResume();case 4:return n.next=6,this.progressivelyShowStyle(1);case 6:return n.next=8,this.showHtml();case 8:return n.next=10,this.progressivelyShowStyle(2);case 10:case"end":return n.stop()}},n,this)}));return function(){return n.apply(this,arguments)}}(),showHtml:function(){var n=this;return new i.a(function(e,t){n.enableHtml=!0,n.$nextTick(function(){n.$refs.resumeEditor.goTop()}),e()})},progressivelyShowStyle:function(n){var e=this;return new i.a(function(t,r){var o=e.interval,i=l()(u.a.mark(function e(){var r,s,a,l,c,d=this;return u.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(r=this.fullStyle[n]){e.next=3;break}return e.abrupt("return");case 3:s=this.fullStyle.filter(function(e,t){return t<=n}).map(function(n){return n.length}).reduce(function(n,e){return n+e},0),a=s-r.length,this.currentStyle.length<s?(l=this.currentStyle.length-a,c=r.substring(l,l+1)||" ",this.currentStyle+=c,"\n"===r.substring(l-1,l)&&this.$refs.styleEditor&&this.$nextTick(function(){d.$refs.styleEditor.goBottom()}),setTimeout(i,o)):t();case 6:case"end":return e.stop()}},e,this)})).bind(e);i()})},progressivelyShowResume:function(){var n=this;return new i.a(function(e,t){var r=n.fullMarkdown.length,o=n.interval;!function t(){n.currentMarkdown.length<r?(n.currentMarkdown=n.fullMarkdown.substring(0,n.currentMarkdown.length+1),n.currentMarkdown[n.currentMarkdown.length-1],"\n"===n.currentMarkdown[n.currentMarkdown.length-2]&&n.$refs.resumeEditor&&n.$nextTick(function(){return n.$refs.resumeEditor.goBottom()}),setTimeout(t,o)):e()}()})}}},M={render:function(){var n=this.$createElement,e=this._self._c||n;return e("div",{attrs:{id:"app"}},[e("StyleEditor",{ref:"styleEditor",attrs:{code:this.currentStyle}}),this._v(" "),e("ResumeEditor",{ref:"resumeEditor",attrs:{markdown:this.currentMarkdown,enableHtml:this.enableHtml}})],1)},staticRenderFns:[]};var x=t("VU/8")(S,M,!1,function(n){t("WV03")},"data-v-3a691c7d",null).exports,H=document.documentElement.clientWidth;new r.a({el:"#app",components:{App:E},render:function(n){return n(H>500?E:x)}})},Upey:function(n,e){},WV03:function(n,e){},oAet:function(n,e){}},["NHnr"]);
//# sourceMappingURL=app.25025959ce18172dcb35.js.map