forked from chenyexing/Resume-1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 28.6 KB
/
index.html
1
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>前端开发丨张大漾</title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><meta name="author" content=""><meta name="keywords" content=""><meta name="description" content=""><meta name="HandheldFriendly" content="true"><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta http-equiv="Cache-Control" content="no-transform"><meta http-equiv="Cache-Control" content="no-siteapp"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="format-detection" content="telephone=no"><link rel="shortcut icon" href="favicon.png"><style>@font-face{font-family:octicons-link;src:url(data:font/woff;charset=utf-8;base64,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) format("woff")}.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#24292e;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body .pl-c{color:#969896}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#0086b3}.markdown-body .pl-e,.markdown-body .pl-en{color:#795da3}.markdown-body .pl-s .pl-s1,.markdown-body .pl-smi{color:#333}.markdown-body .pl-ent{color:#63a35c}.markdown-body .pl-k{color:#a71d5d}.markdown-body .pl-pds,.markdown-body .pl-s,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sra,.markdown-body .pl-sr .pl-sre{color:#183691}.markdown-body .pl-smw,.markdown-body .pl-v{color:#ed6a43}.markdown-body .pl-bu{color:#b52a1d}.markdown-body .pl-c2,.markdown-body .pl-ii{color:#f8f8f8;background-color:#b52a1d}.markdown-body .pl-c2:before{content:"^M"}.markdown-body .pl-sr .pl-cce{font-weight:700;color:#63a35c}.markdown-body .pl-ml{color:#693a17}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{font-weight:700;color:#1d3e81}.markdown-body .pl-mq{color:teal}.markdown-body .pl-mi{font-style:italic;color:#333}.markdown-body .pl-mb{font-weight:700;color:#333}.markdown-body .pl-md{color:#bd2c00;background-color:#ffecec}.markdown-body .pl-mi1{color:#55a532;background-color:#eaffea}.markdown-body .pl-mc{color:#ef9700;background-color:#ffe3b4}.markdown-body .pl-mi2{color:#d8d8d8;background-color:gray}.markdown-body .pl-mdr{font-weight:700;color:#795da3}.markdown-body .pl-mo{color:#1d3e81}.markdown-body .pl-ba{color:#595e62}.markdown-body .pl-sg{color:silver}.markdown-body .pl-corl{text-decoration:underline;color:#183691}.markdown-body .octicon{display:inline-block;vertical-align:text-top;fill:currentColor}.markdown-body a{background-color:transparent;-webkit-text-decoration-skip:objects}.markdown-body a:active,.markdown-body a:hover{outline-width:0}.markdown-body strong{font-weight:inherit;font-weight:bolder}.markdown-body h1{margin:.67em 0}.markdown-body img{border-style:none}.markdown-body svg:not(:root){overflow:hidden}.markdown-body code,.markdown-body kbd,.markdown-body pre{font-family:monospace,monospace;font-size:1em}.markdown-body hr{box-sizing:content-box;overflow:visible}.markdown-body input{font:inherit;margin:0;overflow:visible}.markdown-body [type=checkbox]{box-sizing:border-box;padding:0}.markdown-body *{box-sizing:border-box}.markdown-body input{font-family:inherit;font-size:inherit;line-height:inherit}.markdown-body a{color:#0366d6;text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body strong{font-weight:600}.markdown-body hr{height:0;margin:15px 0;overflow:hidden;background:transparent;border-bottom:1px solid #dfe2e5}.markdown-body hr:after,.markdown-body hr:before{display:table;content:""}.markdown-body hr:after{clear:both}.markdown-body table{border-spacing:0;border-collapse:collapse}.markdown-body td,.markdown-body th{padding:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:0;margin-bottom:0}.markdown-body h1{font-size:32px;font-weight:600}.markdown-body h2{font-size:24px;font-weight:600}.markdown-body h3{font-size:20px;font-weight:600}.markdown-body h4{font-size:16px;font-weight:600}.markdown-body h5{font-size:14px;font-weight:600}.markdown-body h6{font-size:12px;font-weight:600}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0}.markdown-body ol,.markdown-body ul{padding-left:0;margin-top:0;margin-bottom:0}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ol ol ol,.markdown-body ol ul ol,.markdown-body ul ol ol,.markdown-body ul ul ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:12px}.markdown-body pre{margin-top:0;margin-bottom:0;font:12px SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.markdown-body .octicon{vertical-align:text-bottom}.markdown-body .pl-0{padding-left:0!important}.markdown-body .pl-1{padding-left:4px!important}.markdown-body .pl-2{padding-left:8px!important}.markdown-body .pl-3{padding-left:16px!important}.markdown-body .pl-4{padding-left:24px!important}.markdown-body .pl-5{padding-left:32px!important}.markdown-body .pl-6{padding-left:40px!important}.markdown-body:after,.markdown-body:before{display:table;content:""}.markdown-body:after{clear:both}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .anchor{float:left;padding-right:4px;margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body blockquote,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body pre,.markdown-body table,.markdown-body ul{margin-top:0;margin-bottom:16px}.markdown-body hr{height:.25em;padding:0;margin:24px 0;background-color:#e1e4e8;border:0}.markdown-body blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body kbd{font-size:11px;background-color:#fafbfc}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1b1f23;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1{font-size:2em}.markdown-body h1,.markdown-body h2{padding-bottom:.3em;border-bottom:1px solid #eaecef}.markdown-body h2{font-size:1.5em}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:.875em}.markdown-body h6{font-size:.85em;color:#6a737d}.markdown-body ol,.markdown-body ul{padding-left:2em}.markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body table{display:block;width:100%;overflow:auto}.markdown-body table th{font-weight:600}.markdown-body table td,.markdown-body table th{padding:6px 13px;border:1px solid #dfe2e5}.markdown-body table tr{background-color:#fff;border-top:1px solid #c6cbd1}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body img{max-width:100%;box-sizing:content-box;background-color:#fff}.markdown-body code{padding:0;padding-top:.2em;padding-bottom:.2em;margin:0;font-size:85%;background-color:rgba(27,31,35,.05);border-radius:3px}.markdown-body code:after,.markdown-body code:before{letter-spacing:-.2em;content:"\A0"}.markdown-body pre{word-wrap:normal}.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:3px}.markdown-body pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body pre code:after,.markdown-body pre code:before{content:normal}.markdown-body .full-commit .btn-outline:not(:disabled):hover{color:#005cc5;border-color:#005cc5}.markdown-body kbd{display:inline-block;padding:3px 5px;font:11px SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fcfcfc;border:1px solid #c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px 0 #959da5}.markdown-body :checked+.radio-label{position:relative;z-index:1;border-color:#0366d6}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item+.task-list-item{margin-top:3px}.markdown-body .task-list-item input{margin:0 .2em .25em -1.6em;vertical-align:middle}.markdown-body hr{border-bottom-color:#eee}*{box-sizing:border-box}body{padding:0;margin:0;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:#606c71}a{color:#1e6bb8;text-decoration:none;white-space:nowrap}a:hover{text-decoration:underline}.btn{display:inline-block;margin-bottom:1rem;color:hsla(0,0%,100%,.7);background-color:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:.3rem;transition:color .2s,background-color .2s,border-color .2s}.btn+.btn{margin-left:1rem}.btn:hover{color:hsla(0,0%,100%,.8);text-decoration:none;background-color:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3)}@media screen and (min-width:64em){.btn{padding:.75rem 1rem}}@media screen and (min-width:42em) and (max-width:64em){.btn{padding:.6rem .9rem;font-size:.9rem}}@media screen and (max-width:42em){.btn{display:block;width:100%;padding:.75rem;font-size:.9rem}.btn+.btn{margin-top:1rem;margin-left:0}}.main-content :first-child{margin-top:0}.main-content img{max-width:100%}.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6{margin-top:2rem;margin-bottom:1rem;font-weight:400;color:#159957}.main-content p{margin-bottom:1em}.main-content code{padding:2px 4px;font-family:Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9rem;color:#383e41;background-color:#f3f6fa;border-radius:.3rem}.main-content pre{padding:.8rem;margin-top:0;margin-bottom:1rem;font:1rem Consolas,Liberation Mono,Menlo,Courier,monospace;color:#567482;word-wrap:normal;background-color:#f3f6fa;border:1px solid #dce6f0;border-radius:.3rem}.main-content pre>code{padding:0;margin:0;font-size:.9rem;color:#567482;word-break:normal;white-space:pre;background:transparent;border:0}.main-content .highlight{margin-bottom:1rem}.main-content .highlight pre{margin-bottom:0;word-break:normal}.main-content .highlight pre,.main-content pre{padding:.8rem;overflow:auto;font-size:.9rem;line-height:1.45;border-radius:.3rem}.main-content pre code,.main-content pre tt{display:inline;max-width:none;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.main-content pre code:after,.main-content pre code:before,.main-content pre tt:after,.main-content pre tt:before{content:normal}.main-content ol,.main-content ul{margin-top:0}.main-content blockquote{padding:0 1rem;margin-left:0;color:#819198;border-left:.3rem solid #dce6f0}.main-content blockquote>:first-child{margin-top:0}.main-content blockquote>:last-child{margin-bottom:0}.main-content table{display:block;width:100%;overflow:auto;word-break:normal;border-collapse:collapse}.main-content table th{font-weight:700}.main-content table td,.main-content table th{padding:.2rem .4rem;border:1px solid #e9ebec}.main-content dl{padding:0}.main-content dl dt{padding:0;margin-top:1rem;font-size:1rem;font-weight:700}.main-content dl dd{padding:0;margin-bottom:1rem}.main-content hr{height:2px;padding:0;margin:1rem 0;background-color:#eff0f1;border:0}@media screen and (min-width:64em){.main-content{max-width:64rem;padding:2rem 6rem;margin:0 auto;font-size:1.1rem}}@media screen and (min-width:42em) and (max-width:64em){.main-content{padding:2rem 4rem;font-size:1.1rem}}@media screen and (max-width:42em){.main-content{padding:2rem 1rem;font-size:1rem}}@media print{body{padding-left:2rem}hr{display:none}h2{margin-top:1rem}.page-header{display:none}.main-content{font-size:.9rem}}@page{size:A4 portrait}.page-header{color:#fff;text-align:center;background-size:600% 600%;animation:bg-generator 10s ease infinite;-webkit-animation:bg-generator 50s ease infinite;transition:-webkit-filter .2s ease,background-image .2s ease;background-image:linear-gradient(223deg,#155799,#e48ba4,#00b4b4,#159957);background-color:#1c81df;position:relative;z-index:1}.page-demo{background-image:linear-gradient(120deg,#155799,#159957)}@media screen and (min-width:64em){.page-header{padding:5rem 6rem}}@media screen and (min-width:42em) and (max-width:64em){.page-header{padding:3rem 4rem}}@media screen and (max-width:42em){.page-header{padding:2rem 1rem}}.project-name{margin-top:0;margin-bottom:.1rem}@media screen and (min-width:64em){.project-name{font-size:3.25rem}}@media screen and (min-width:42em) and (max-width:64em){.project-name{font-size:2.25rem}}@media screen and (max-width:42em){.project-name{font-size:1.75rem}}.project-tagline{margin-bottom:2rem;font-weight:400;opacity:.7}@media screen and (min-width:64em){.project-tagline{font-size:1.25rem}}@media screen and (min-width:42em) and (max-width:64em){.project-tagline{font-size:1.15rem}}@media screen and (max-width:42em){.project-tagline{font-size:1rem}}@keyframes bg-generator{0%{background-position:0 84%}50%{background-position:100% 17%}to{background-position:0 84%}}@-webkit-keyframes bg-generator{0%{background-position:0 84%}50%{background-position:100% 17%}to{background-position:0 84%}}.site-footer{padding-top:2rem;margin-top:2rem;border-top:1px solid #eff0f1}.site-footer-owner{display:block;font-weight:700}.site-footer-credits{color:#819198}@media screen and (min-width:64em){.site-footer{font-size:1rem}}@media screen and (min-width:42em) and (max-width:64em){.site-footer{font-size:1rem}}@media screen and (max-width:42em){.site-footer{font-size:.9rem}}</style></head><body><section class="page-header"><h1 class="project-name">前端开发丨张大漾</h1><h2 class="project-tagline">I work hard to contribute my work back to the web, mobile, server && new Front-end technology.</h2><a href="https://github.com/yhtml5" class="btn">GitHub</a> <a href="http://resume.yhtml5.com/static/张大漾-前端开发.pdf" class="btn" download="张大漾-前端开发.pdf" target="_blank">下载简历</a> <a href="https://github.com/yhtml5/YHTML5-Seed" class="btn">YHTML5-Seed</a> <a href="https://github.com/yhtml5/YHTML5-Tutorial" class="btn">YHTML5-Tutorial</a></section><div id="body" class="main-content"><h2 id="-github-github-">前端开发丨张大漾丨<a href="https://github.com/yhtml5">Github</a></h2><ul><li>26岁丨本科丨三年开发经验丨18758302302丨18758302302@qq.com</li><li><strong>期望职业</strong>: 前端工程师</li><li><strong>期望行业</strong>: 互联网 | 移动开发</li></ul><h3 id="-">我的优势</h3><ol><li>能根据项目特点, 产品需求进行前端技术选型, 能独立完成一套前端项目. 包括项目前端架构, 页面UI组件开发, 前后端数据联调.</li><li>有自己一套前端开发工作流<a href="https://github.com/yhtml5/YHTML5-Seed">YHTML5-Seed</a>; 基于NodeJs + webpack2 + postcss + eslint + express的一套前端脚手架, 进行快速开发单页面, 多页面应用.</li><li>有nodejs 开发经验, 开发过<a href="https://www.npmjs.com/package/yhtml5-cli">YHTML5-CLI</a>, 用于快速生成前端项目, 提供基本的项目骨架, 之后只需要专注于业务需求</li><li>对前端技术非常执着; 会合理使用前沿的前端技术, 使团队开发更加具有效率, 极致优化产品性能. 同时提高产品的体验感, 维护性, 稳定性,</li><li>思维清晰, 自学能力强, 能随时关注相关技术趋势, 不断完善自身技术水平. 您可以访问<a href="https://github.com/yhtml5/YHTML5-Tutorial">YHTML5-Tutorial</a>, 关注我最新学习状况.</li></ol><hr><h2 id="-">技术能力</h2><h3 id="-">前端架构方面</h3><ul><li>熟练使用webpack2, 能独立构建前端应用, 为不同项目定制不同的任务逻辑, 解决前端开发中自动化工具, 性能优化, 模块化框架, 开发规范, 代码部署, 开发流程等问题</li><li>熟练使用webpack,autoprefixer,uglifyJs,html-minifier等工具,进行打包/压缩/混淆/合并,实现前端性能极致优化</li><li>熟练使用git, 进行代码的版本管理, 包括增加/提交/回退, 分支管理/切换/删除, 搭建git服务器</li><li>熟练使用fis3/yeoman/grunt/glup等前端脚手架, 工作流, 构建工具</li><li>熟练使用nodejs/npm, 进行前端包依赖管理, 配置前端开发环境, 启用开发服务器</li><li>熟练使用eslint 配置, 避免代码语法错误, 统一团队代码的风格</li></ul><h3 id="-">前端开发方面</h3><ul><li>熟练html/css/js, 使用Webstorm/vscode编写可复用, 可维护的前端代码</li><li>熟练使用ES6, 面向未来编程, 使用 babel 转码</li><li>熟练使用React/Vue/AngularJs/Jquery 等主流前端框架, 并根据不同的项目进行技术选型, 快速开发高性能/可复用的前端项目</li><li>熟练使用animate.css, vivus, bootstrap等类库, 增加动画效果, 提高交互性</li><li>熟练使用echarts等类库, 处理数据可视化 [demo3地址]</li><li>熟练使用<a href="https://github.com/aFarkas/html5shiv">html5shiv</a>,<a href="https://github.com/es-shims/es5-shim">es5-shim</a>,normalize,autoprefixer 解决<strong>浏览器兼容性</strong>问题</li><li>熟练http协议, 能用不同方式处理同源策略, 解决跨域请求等方式</li><li>熟练使用ajax, 发起请求, 联调接口, 处理异步逻辑</li><li>熟练使用Chrome Dev Tools 进行测试, 联调, debug</li></ul><h3 id="web-">WEB相关技能</h3><ul><li>熟练使用markdown来编写API文档</li><li>熟练SEO优化, 能配合运营/推广人员进行相关SEO优化操作</li><li>熟悉使用Linux终端命令行, 能脱离GUI界面进行工作</li><li>熟悉使用Nginx, Nodejs, PM2 搭建Web服务器应用</li></ul><hr><h2 id="-">工作经历</h2><p><strong>2016.7-至今丨杭州筑家易网络科技有限公司丨前端工程师</strong></p><ol><li>主要负责公司前端的基础工程建设以及开发符合公司业务的前端组件, 用于快速开发公司各产品</li><li>开发定制化的前端脚手架, 解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题,</li><li>统一技术栈，减少代码冲突,并配套对应检测工具及开发文档, 让团队成员只需要简单培训学习使用这套框架，将精力主要放在业务需求开发上，而不需要额外学习研究webpack，jsx，babel，node，shell,express等等一堆概念与知识</li><li>开发邻易联官网后台, <a href="property.elive99.com">邻易联物业系统</a>, <a href="houtai.ejz99.com">升级空间家装后台</a>, 智慧社区运营系统, 等一系列react + ant design产品</li><li>开发房贷通微信公众号, 智慧社区客户端, 筑家生活号(支付宝), 奖金系统(app内嵌)等移动端应用</li></ol><p><strong>2015.6-2016.7丨杭州凡伟网络科技有限公司丨前端工程师</strong><br></p><ol><li>负责公司前端团队的建设, 培训前端新人, 开发符合公司业务的前端脚手架</li><li>配合设计师一起设计, 高用户体验的UI界面.</li><li>配合后端工程师开发可复用, 可维护的高质量代码</li><li>参与开发维护以云计费业务为核心的一系列产品: 云计费官网, 商户后台, OA后台, SDK应用等等</li></ol><p><strong>2014.6-2015.6丨杭州瓦普科技有限公司丨Web前端工程师</strong><br></p><p>公司属于创业型企业, 在职期间自己学习进步很大,主要负责:</p><ol><li>负责管理公司网站的运营维护与微信公众平台的运营推广, 包括: 搜索优化, 关键词设置, 百度推广设置.</li><li>将设计师的PSD界面, word文档, 开发成HTML页面.</li><li>修复Bugs, 需求修改等: 比如字体大小, 移动端自适应, 缓存问题, 图片修改等问题.</li></ol><hr><h2 id="-">项目经验</h2><h3 id="1-project-home-decoration-project-estatemanagement-2016-10-2017-06">1. <a href="houtai.ejz99.com">升级空间家装后台</a> / <a href="property.elive99.com">智慧社区物业系统</a> / 智慧社区运营系统丨2016.10 - 2017.06</h3><p>智慧社区是一个面对商家, 物业, 业主的大型项目. 底下有 邻易联物业官网, 邻易联物业官网后台, 邻易联物业系统, 智慧社区运营后台, 筑家生活生活号, 惠家装公众号 等一系列针对不同用户群体的产品</p><ul><li>负责项目前端部分的技术选型, 基础工程搭建, 协助后端出接口方案, 敲定前端实现方式</li><li>根据项目计划, 对业务需求进行系统分析, 与产品经理一同制定开发计划, 并带领前端团队完成方案设计及系统开发</li><li>负责与设计师, 产品经理沟通, 参与产品的功能设计, 视觉设计, 与后端工程师一起编写API文档, 定义好交互方式, 数据结构</li><li>负责项目整体功能的开发, 测试维护, 发布部署等工作</li><li>负责使用webpack2, express, npm等工具创建项目骨架,</li><li>使用ant-design 模块化开发应用组件. 编写业务逻辑, 联调数据接口</li><li>引入加载策略, 按需打包资源, 延迟加载图片等资源, 预加载业务逻辑代码, 并线加载css, js资源. 提高系统整体性能</li><li>使用async/await 函数处理异步逻辑, 避免了回调地域. 同时集中处理业务逻辑,提高了代码的可维护性</li><li>负责项目的主体业务开发, bug修复, 功能迭代, 维护发布等工作</li></ul><h3 id="2-project-jubaopay-2015-10-2016-06">2. <a href="https://www.jubaopay.com">云计费官网</a> / 商户后台丨2015.10 - 2016.06</h3><p>云计费官网, SDK应用 与商户后台是 针对 支付SDK商户的前台 + 后台 +客户端的一个一个完整的闭环系统</p><ul><li>云计费官网是公司的官网, 根据项目计划, 对官网进行重构. 与项目经理一同制定项目计划, 负责对网站的全部内容的开发</li><li>搭建项目架构, 开发UI组件, 模块化开发, 动态渲染HTML界面</li><li>编写交互逻辑, 发起post请求, 并处理响应code并将数据绑定到页面模板</li><li>根据业务逻辑, 提供弹窗, 翻页, 日期, 上传, 表单验证等前端组件</li><li>移动端使用响应式设计, 使用@media, 保证应用在320px-1080px的移动终端(横屏/竖屏)上显示正常, 美观</li><li>移动端使用vue开发,并为ios预留数据接口, 只需要传入相关的数据,即可 展示列表页面</li></ul><h2 id="-">培训教育</h2><ul><li>2010.9-2014.6丨浙江万里学院丨通信工程丨本科</li></ul><h2 id="-">作品集</h2><table><thead><tr><th>作品</th><th>描述</th><th>地址</th></tr></thead><tbody><tr><td><a href="https://github.com/yhtml5/YHTML5-Seed">YHTML5-Seed</a></td><td>项目脚手架,提供react/mpa/vue等项目模板</td><td><code>https://github.com/yhtml5/YHTML5-Seed</code></td></tr><tr><td><a href="https://www.npmjs.com/package/yhtml5-cli">YHTML5-CLI</a></td><td>命令行工具,用于快速生成新项目, 已发布npm</td><td><code>https://www.npmjs.com/package/yhtml5-cli</code></td></tr><tr><td><a href="https://github.com/yhtml5/YHTML5-Tutorial">YHTML5-Tutorial</a></td><td>技术学习</td><td><code>https://github.com/yhtml5/YHTML5-Tutorial</code></td></tr><tr><td><a href="https://github.com/yhtml5/YHTML5-Work/tree/master/work-summary/20160714-share-front-end">YHTML5-Share</a></td><td>前端技术总结与分享</td><td><code>https://github.com/yhtml5/YHTML5-Work/tree/master/work-summary/20160714-share-front-end</code></td></tr></tbody></table><footer class="site-footer"><span class="site-footer-credits">Copyright © 2015-2018 yhtml5.com 当前呈现版本 v1.2.0</span><br><span class="site-footer-credits">浙ICP备 15027035号-1 浙公网安备 33011802000269号</span></footer></div><script>!function(e){function __webpack_require__(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,__webpack_require__),n.l=!0,n.exports}var r={};__webpack_require__.m=e,__webpack_require__.c=r,__webpack_require__.i=function(e){return e},__webpack_require__.d=function(e,r,t){__webpack_require__.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:t})},__webpack_require__.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return __webpack_require__.d(r,"a",r),r},__webpack_require__.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=6)}([function(e,r,t){"use strict";function yhtml5(){console.clear(),console.log("%c YHTML5 %c https://github.com/yhtml5",'font-family: "microsoft yahei", Helvetica, Arial, sans-serif;font-size:64px;color:#00bbee;-webkit-text-fill-color:#00bbee;-webkit-text-stroke: 1px #00bbee;',"font-size:12px;color:#999999;"),console.log("%c We work hard to contribute our work back to the web, mobile, big data, && new Front-End technology.","color:#333;font-size:16px;margin:4px;"),console.log("%c Author: yhtml5","color:#333;font-size:16px;margin:4px;")}t.d(r,"a",function(){return yhtml5})},function(e,r){},function(e,r){},function(e,r){},function(e,r){},function(e,r){},function(e,r,t){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n=t(5),o=(t.n(n),t(3)),_=(t.n(o),t(4)),c=(t.n(_),t(2)),i=(t.n(c),t(1)),u=(t.n(i),t(0));t.i(u.a)(),function(){for(var e=document.getElementsByTagName("a"),r=0;r<e.length;r++)e[r].setAttribute("target","blank")}()}]);</script></body></html>