# 前言

个人前端的简历

包含：

• 基础知识
• 书籍阅读
• 项目实战
• 工作经历

# 一、基础知识

• HTML + CSS 熟练掌握
• CSS3 熟练掌握
• CSS 预处理器 熟练掌握
• JavaScript 熟练掌握
• Vue、React 熟悉
• TypeScript 熟悉
• Webpack 了解
• HTTP 了解
• Git 熟悉

# 二、书籍阅读

• Web前端设计与开发：HTML+CSS+JavaScript+HTML5+jQuery
• Web前端开发精品课：HTML与CSS进阶教程
• JavaScript DOM 编程艺术
• 锋利的 JQuery
• HTML5 揭秘
• CSS 权威指南
• CSS 揭秘
• vue.js 前端开发快速入门与专业应用
• JavaScript 高级程序设计
• ECMAScript 6 入门
• 数据结构与算法 JavaScript 描述
• JavaScript 设计模式

# 三、项目实战

• 理财网站：响应式页面

  • rem + media query + flex

• destiny'Note：个人博客

  • 第一版：hexo + next 主题 + 自定制样式 + 友言评论
  • 第二版：hexo + tomatoes 主题 + 自定制样式 + valine 评论
  • 第三版：vuepress0.x + 默认主题 + 完全自己造的博客轮子 + valine 评论

• 仿饿了么外卖：Vue + Scss + axios，单页面应用

  • 商家点餐页面

• 招商银行信用卡中心：海致星图公司项目，银行内部使用，React + Scss + ant-design + axios

  • 群组管理、部门管理、数据资源管页面，包含表格展示、字段搜索、条件筛选、增删改等功能
  • 面包屑组件 + 增强 antd table 组件
  • IE 9 + 兼容工作，后因项目要求，只需要在 IE9 能打开页面即可

• 兰州知识图谱：海致星图公司项目

  • 兰州个人知识图谱模块：负责整个模块的开发，React + Scss + ant-design + Redux
    • 客户列表及详情、客户名单列表及详情、创建和修改客户名单页面、图谱展开页面
    • 实现展示列表、条件筛选和字段搜索、创建和修改、execl 表格上传和展示、表格导出为 execl、详情导出为 PDF
  • 兰州对公知识图谱模块：负责新增优化需求，jQuery + art-template + ejs + node.js
    • 首页表格的循环滚动、树形下拉列表

• d3 图谱组件库：海致星图公司内部项目，d3 + TypeScript + rollup

  • Force 模块开发：力导向图
    • 完成基本功能：顶点、边、箭头
    • 完成整体样式的可配置功能
    • 完后通过状态驱动样式的变更
    • 完成主题切换功能
    • 完成点击高亮功能、高亮样式可配置、高亮路径可配置
    • 完成缩放和拖拽事件、鼠标移入移出事件可配置
    • 内置最短路径、关联路径等算法
    • 完成顶点和边的过滤功能

• 滴滴背景审查项目：高新兴项目

  • JQ + Lodash，给公安局做的项目，技术较旧
  • 任务管理、人工复审、企业信息管理、分值字典管理、系统日志管理等页面

• d3 图编辑器：高新兴内部项目，项目使用 ES5 + Lodash 完成，后自己改写，使用 ES6 分模块整理，作为自己的毕业设计

  • 模块：
    • BaseGraph、Force、Cache、EventEmitter、Toolbar、Search、Info、Modal、GraphEditor、Menu、Tooltip、Tree
  • 功能：
    • 搜索过滤、撤销重做、缩放、拖拽、新增删除编辑、复制粘贴、信息展示、展示层级、导出数据和图片

• 武汉大数据中心项目：高新兴项目，原滴滴背审系统的增强版，用于武汉军人运动会期间对安全的监控

  • 仍然是 JQ + Lodash + n 多其他插件，后引入 vue 来编写了一些模块
  • 角色权限管理、数据协作、布控管理、批量查询等模块开发

# 四、工作经历

时间	名称	地点	工作
2018.03.08 - 2018.03.26	伟博思	华中科技大学研究院 11 楼	小程序页面开发助理
2018.10.25 - 2019.02.08	海致星图	芒果网大厦 9 楼	前端开发实习生
2019.03.01 - 2019.05.31	深圳高新兴	福田公安分局 402/TCL国际e城 G3 201	前端开发实习生