{
  "head": {
    "ret": 0,
    "msg": "OK"
  },
  "body": {
    "introduction": {
      "name": "刘建",
      "nickname": "Maple Liu",
      "location": "Beijing",
      "age": "24岁",
      "nationality": "汉族",
      "party": "党员",
      "desc": "前端攻城狮，热爱学习，喜欢探索，React&Vue 爱好者，努力学习中...",
      "mobile": "18600935074",
      "email": "mapleliu1@gmail.com",
      "website": "mapleliu.com",
      "gitHub": "github.com/liujian10"
    },
    "educations": [
      {
        "school": "荆楚理工学院",
        "science": "计算机科学与技术 本科",
        "from": "2011年9月",
        "to": "2015年6月"
      },
      {
        "school": "一个普通高中0.0",
        "science": "理科",
        "from": "2011年6月",
        "to": "2008年9月"
      }
    ],
    "works": [
      {
        "title": "Blog",
        "isOpen": true,
        "desc": "基于 React 的个人博客",
        "keyWords": [
          {
            "name": "React",
            "url": "https://reactjs.org/"
          },
          {
            "name": "Ant Design",
            "url": "https://ant.design/"
          }
        ],
        "poster": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/myBlog.jpg",
        "url": "/blog",
        "gitHub": "https://github.com/liujian10/myBlog",
        "detail": [
          {
            "title": "主页面",
            "desc": "左侧菜单栏，头部搜索栏，右侧为博客内容",
            "img": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/myBlog01.jpg"
          },
          {
            "title": "主页面",
            "desc": "隐藏菜单栏的主页面",
            "img": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/myBlog02.jpg"
          }
        ]
      },
      {
        "title": "TV Cashier",
        "desc": "乐视影视会员TV收银台",
        "isOpen": false,
        "keyWords": [
          {
            "name": "JavaScript"
          },
          {
            "name": "HTML5&CSS3"
          }
        ],
        "poster": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/tvCashier01.jpg",
        "url": "http://minisite.cp21.ott.cibntv.net/tvCashierH5/index.shtml",
        "detail": [
          {
            "title": "多套餐收银台",
            "desc": "左侧包含宣传海报，底部套餐选择栏；右侧展示用户信息，套餐信息及收银二维码，用户可直接通过支付宝/微信扫描下单充值会员。",
            "img": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/tvCashier01.jpg"
          },
          {
            "title": "单套餐收银台",
            "desc": "左侧包含宣传海报，底部套餐选择栏；右侧展示用户信息，套餐信息及收银二维码，用户可直接通过支付宝/微信扫描下单充值会员。",
            "img": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/tvCashier02.jpg"
          },
          {
            "title": "支付挽留页",
            "desc": "用户退出时，挽留用户页面，分为功能区与底部会员影片海报展示区",
            "img": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/tvCashier03.jpg"
          },
          {
            "title": "支付成功页",
            "desc": "支付成功结果展示页，头部展示用户信息，订单信息，及赠品信息；底部展示会员影片海报",
            "img": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/tvCashier04.jpg"
          }
        ]
      },
      {
        "title": "影视会员中心",
        "desc": "乐视网影视会员中心",
        "isOpen": false,
        "keyWords": [
          {
            "name": "JavaScript"
          },
          {
            "name": "HTML5&CSS3"
          }
        ],
        "poster": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/vipCenter01.jpg",
        "url": "http://minisite.cp21.ott.cibntv.net/tvCashierH5/index.shtml",
        "detail": [
          {
            "title": "主页面",
            "desc": "展示用户会员信息，会员权益，运营活动，会员影片等",
            "img": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/vipCenter01.jpg"
          },
          {
            "title": "会员福利社",
            "desc": "乐视影视会员福利专区，可领取会员福利",
            "img": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/vipCenter02.jpg"
          },
          {
            "title": "会员续费管理",
            "desc": "管理影视会员续费，可开通及退订自动续费服务",
            "img": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/vipCenter03.jpg"
          },
          {
            "title": "会员俱乐部",
            "desc": "展示乐视影视会员专题，活动信息",
            "img": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/vipCenter04.jpg"
          }
        ]
      },
      {
        "title": "milk-vue",
        "desc": "基于 Vue 2.0 的 Mobile 组件库",
        "isOpen": true,
        "keyWords": [
          {
            "name": "Vue"
          },
          {
            "name": "npm",
            "url": "https://www.npmjs.com/package/milk-vue"
          }
        ],
        "poster": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/milk-vue.jpg",
        "url": "https://vueclub.github.io/milk-vue",
        "gitHub": "https://github.com/vueclub/milk-vue",
        "npm": "milk-vue",
        "detail": [
          {
            "title": "主页面",
            "desc": "左侧为菜单项，中间为详细内容，右侧为组件示例演示",
            "img": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/milk-vue01.jpg"
          },
          {
            "title": "主页面",
            "desc": "Demo，列表组件",
            "img": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/milk-vue02.jpg"
          }
        ]
      },
      {
        "title": "v-drawer",
        "desc": "基于 Vue 2.0 的抽屉组件",
        "isOpen": true,
        "keyWords": [
          {
            "name": "Vue"
          },
          {
            "name": "npm",
            "url": "https://www.npmjs.com/package/v-drawer"
          }
        ],
        "poster": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/v-drawer01.jpg",
        "url": "http://mapleliu.com/v-drawer",
        "gitHub": "https://github.com/liujian10/v-drawer",
        "npm": "v-drawer",
        "detail": [
          {
            "title": "主页面",
            "desc": "Demo，可设置抽屉开关状态/方向/是否嵌入文档",
            "img": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/v-drawer01.jpg"
          },
          {
            "title": "主页面",
            "desc": "Demo，方向右侧，嵌入文档抽屉打开状态",
            "img": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/v-drawer02.jpg"
          }
        ]
      },
      {
        "title": "ABB中国班车项目",
        "desc": "基于 Bootstrap 的班车管理系统",
        "isOpen": false,
        "poster": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/none.jpg",
        "keyWords": [
          {
            "name": "Java"
          },
          {
            "name": "Bootstrap",
            "url": "http://www.bootcss.com/"
          },
          {
            "name": "高德地图api",
            "url": "http://lbs.amap.com/api/javascript-api/summary"
          }
        ],
        "detail": [
          {
            "title": "ABB中国班车项目",
            "desc": "使用Bootstrap搭建前端页面框架，结合高德地图api实现地图相关功能，后台采用SpringMVC搭建，数据库使用Mysql"
          }
        ]
      },
      {
        "title": "rc-waterfall",
        "desc": "基于 React 的瀑布流组件",
        "isOpen": true,
        "keyWords": [
          {
            "name": "React"
          },
          {
            "name": "npm",
            "url": "https://www.npmjs.com/package/rc-waterfall"
          }
        ],
        "poster": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/waterfall.jpg",
        "url": "http://mapleliu.com/waterfall",
        "gitHub": "https://www.npmjs.com/package/rc-waterfall",
        "detail": [
          {
            "title": "主页面",
            "desc": "React实现的瀑布流组件，等列宽，根据图片高度自动填充页面，优化了图片加载逻辑",
            "img": "https://cdn.jsdelivr.net/npm/maple-blog@latest/static/images/waterfall.jpg"
          }
        ]
      }
    ],
    "careers": [
      {
        "logo": "//static.lagou.com/i/image/M00/51/78/CgpFT1l6n3WAZqRdAAAsqV7CDLg777.png",
        "company": "乐视网信息技术有限公司",
        "position": "前端工程师",
        "from": "2016年1月",
        "to": "至今",
        "work": [
          "1. 负责开发乐视影视会员web前端项目，主要为运营活动开发与乐视网会员页面开发/维护两块，开发内容包含移动端/PC站/TV端三端页面；",
          "2. 负责一个前端开发小组【最多时15人】项目/团队管理工作，带领团队出色完成数十个运营活动及项目的开发工作。"
        ]
      },
      {
        "company": "北京酷博灵科信息技术有限公司",
        "position": "web开发工程师",
        "from": "2014年8月",
        "to": "2016年1月",
        "work": [
          "1. 参与多个web端项目全栈开发工作；",
          "2. 参与项目产品设计、数据库设计。"
        ]
      }
    ],
    "technologies": [
      {
        "name": "HTML&CSS",
        "desc": [
          "能够熟练使用HTML5+CSS3开发页面，兼容主流浏览器；",
          "熟悉LESS、SASS等CSS预处理语言；",
          "能够熟练使用 Bootstrap 框架。"
        ]
      },
      {
        "name": "JavaScript",
        "desc": [
          "熟悉原生JavaScript、ES6；",
          "能够熟练使用 jQuery/Zepto等js框架、Ajax、Fetch 等数据交互技术；",
          "能够熟练使用自动化构建工具Gulp，了解Webpack；",
          "熟悉Echarts、Swiper等js插件。"
        ]
      },
      {
        "name": "React",
        "desc": [
          "熟悉React，熟悉Ant Design组件库，做过一些个人小项目。"
        ]
      },
      {
        "name": "Vue",
        "desc": [
          "熟悉Vue，写过一个npm组件，参与维护组件库 Milk-vue。"
        ]
      },
      {
        "name": "Other",
        "desc": [
          "从事过Java开发工作，对Java开发技术、数据库技术及开发流程比较了解，能够很好的与后台开发人员进行协作；",
          "熟悉PS、Axure RP、Fiddler等工具软件。"
        ]
      }
    ],
    "titles": {
      "works": "作品&项目",
      "educations": "教育经历",
      "careers": "工作经历",
      "technologies": "技术栈"
    }
  }
}