个人信息

工作经历

2017.10 ~ 现在               前端开发工程师              同方有云科技有限公司

  • 负责公司官网的前端开发和维护(https://www.tfcloud.com/)
  • 负责公司技术文档模板的开发和维护（使用sphinx，https://github.com/ginnko/sphinx_rtd_theme ）
  • 负责公司云服务产品（UOS）面板的开发和维护
  • 负责公司云存储产品（UDS）面板的开发和维护
  • 负责公司裸机管理产品（UBS）面板的开发和维护
  • 负责公司内部组件库的维护

2015.8 ~ 2017.4            市政设计工程师              北京市政设计研究总院有限公司

技术能力

掌握： html、css、javascript、React、Ant Design

熟悉： git、Redux、React-router、Bootstrap、less、sphinx

了解： webpack、gulp、echarts、jQuery、ejs、Jekyll、css-sprites、Sass、D3、Vue

主要技术学习

  • javascript

  • css

    • 读过的书：《HTML & CSS设计与构建网站》、《CSS设计指南》、《CSS权威指南》、《精通CSS-高级Web标准解决方案》
    • 教程：MDN教程（笔记：https://ginnko.github.io/ ），相关技术文章和博客

  • 网络

  • React

  • Redux

  • 其他

    React-router、git、sphinx、antDesign、chrome使用技巧、gulp、less、Bootstrap、Sass、D3技术文档、博客和教程

练习项目

（以下练习项目均可点击至相关页面）

  • 公司旧官网模仿
    不借助第三方库模仿公司旧官网（大约完成90%）。

  • 响应式页面
    模仿一个互联网金融网站的主页面。广告部分的动画实现借助owlcarousel2库，图片兼容性借助picturefill库。

  • 一个简单的RPG游戏
    FreeCodeCamp上的项目，使用React做的一个RPG游戏。

  • Conway’s Game of Life
    FreeCodeCamp上的项目，使用React实现的英国数学家Conway创造的一个细胞生存游戏，规则：1.本轮某个细胞存活如果与它相邻有2个或3个细胞存活，那它在下一轮也将继续存活；
    2.某个死亡的细胞周围如果有3个活着的细胞存在，那么下一轮这个细胞将复活。
    可以控制游戏盘的大小，游戏运行的速度，可以随机生成或手动添加细胞。

  • 分数排名榜
    FreeCodeCamp上的项目，使用React实现的FreeCodeCamp这个编程学习社区的分数排名，可以显示30天内或总的分数排名。排名会显示用户名和头像，顺序可以是从小到大或从大到小。

  • 食谱编辑器
    FreeCodeCamp上的项目，使用React实现的一个可以存储在浏览器中的食谱应用，可以添加、删除、编辑项目。

  • Markdown预览
    FreeCodeCamp上的项目，这个应用可以用来实时预览用Markdown书写的文档。

  • 美国GDP逐年变化可视化
    FreeCodeCamp上的项目，使用D3框架将美国GDP可视化成一组条状图，可以通过鼠标移动查看详细数据。

  • 世界自行车竞赛排名
    FreeCodeCamp上的项目，使用D3框架将世界自行车竞赛排名可视化成一系列点状图，可以显示选手是否曾经使用兴奋剂，可以通过鼠标移动查看详细数据。

  • 全球地表平均温度可视化
    FreeCodeCamp上的项目，使用D3框架将1753-2015年每个月全球的地表平均温度可视化成一组条状图，能看出地球在逐渐变暖。

  • 相邻国家可视化
    FreeCodeCamp上的项目，使用D3框架中的force layout实现主要国家的相邻国家的可视化，可以任意拖动。使用css-sprites插入每个国家的国旗，移动鼠标到相应国旗显示国家名称（有时国旗显示比较慢）。

  • 全球陨石地图
    FreeCodeCamp上的项目，使用D3框架中的map实现全球陨石落地地点的可视化，地图可以拖动，可以缩放，圆圈的大小表示陨石相对大小，鼠标移动查看详细数据。

  • Tic Tac Toe Game
    FreeCodeCamp上的项目，一个游戏，三子连成一条线即算赢，可以人机对战也可以双人对战，一局结束后记录结果并自动开始下一局。

  • 番茄工作法计时器
    FreeCodeCamp上的项目，一个番茄工作法计时器，在session length中输入工作时长，在break length中输入休息时长，点击start，即开始循环计时。可以暂停，可以重置。

  • 计算器
    FreeCodeCamp上的项目，模仿实体计算器，双行显示，能够计算20位以内的数字。

  • 维基百科搜索引擎
    FreeCodeCamp上的项目，使用英文够搜索维基百科内的所有词条并显示前10项内容。

  • 天气地址查看器
    FreeCodeCamp上的项目，显示所在地点的具体地址和天气情况。

语言能力

  • 英语：IELTS 6.5，CET6 512
  • 日语：基本具备二级水平

个人描述

毕业之后在设计院工作，终因自己对编程的执念于17年4月辞职，开始前端的自学之路。17年10月进入目前的公司，正式开始前端开发。一年实际开发的经历和持续的学习，让我对前端有了更深刻的认识，也多了一份自信，难得的是能感受到这份工作带来的成就感和快乐，我相信自己可以借助前端走的更远。