宗小琰

• 谦虚踏实，做一个领域的专业者。
• 个人主页+知识库: https://zongyan30.github.io/front-notes/
• 博客: https://blog.csdn.net/Yan9_9?spm=1000.2115.3001.5343

相关技能

• 语言

  1. 熟练使用 HTML5、CSS3、JavaScript、ES6、Less/Sass、TypeScript 等技术语言。
  2. 熟练使用各种布局方案,百分比布局,rem 布局,响应式布局、flex/grid 布局、vw/vh 来适配多端。
  3. 熟练使用 Promise,Async 配合 await 进行异步编程。
  4. 熟练使用 webAPI: DOM/BOM，Cookie/Storage，了解事件机制与浏览器原理。
  5. 能够原生写出市场常见效果:轮播/放大镜/动效/瀑布流/海报等。
  6. 熟练使用 canvas 技术来进行绘图,了解 svg 技术。
  7. 掌握性能优化场景,能够针对业务场景进行渐进增强和优雅降级，能够手写防抖、节流函数

• 网络

  1. 熟练使用 Ajax、Fetch 、Axios 进行前后端的数据传输,可手写原生 Ajax/Fetch。
  2. 掌握 Http/Websocket 网络通信及运作原理。
  3. 熟练使用 Postman/Apifox/Swagger 来进行接口管理，可使用工具搭建 Mock 接口。

• 框架

  1. 熟练使用 Vue2 全家桶:vue.js/vue-router/vuex/axios/ElementUI。
  2. 熟练使用 Vue3+TS 全家桶:vue3/vue-router@4/Pinia/antd-vue。
  3. 了解 React-v18/Redux/ReactNative 框架。
  4. 熟练对业务进行划分抽离，封装组件和 hooks 编程。
  5. 熟练使用 Jquery 进行网页开发。

• 工具

1. 熟练使用 Git,采用 Gitflow 工作流进行代码管理和版本迭代。
2. 了解 gitlab 的 Devops、DockerFile、CI/CD 自动化部署。
3. 熟练使用 Lodash 库/Animate.css/Gsap/Lotiee/Mock.js/Day.js 等第三方库。
4. 掌握 JSONP 和 Cors、Proxy 反向代理和 Nginx 等跨域解决方案。

• 工程化

1. 掌握 Common.js/ESM 等规范，知道何为工程化，以及为什么工程化。
2. 熟练使用各种包管理器：npm/pnpm/yarn/npx/nvm 等。
3. 熟练使用 Vite/Webpack 现代化工具,进行工程化构建和优化。
4. 掌握 css 工程化能力和原子化技术,熟练使用 Tailwind/Unocss。
5. 熟练搭建 Eslint/Husky/lint-statged/Stylelint 等工程化技术，包锁定工具技术来确保代码质量和团队协作。

• 服务端

1. 熟练使用 node.js 来进行服务端开发。
2. 熟练使用 Express/Koa 等服务端框架。
3. 熟练使用 mysql 和 mogoDB 来进行数据库设计和开发。
4. 了解服务器部署相关知识以及 mocha 测试库。

• 移动端

1. 掌握移动端基本知识/设计标准,了解原生移动端 API。
2. 熟练使用微信小程序,Uni-app 进行开发。
3. 熟练使用 uni-UI/tuniao-UI/vant-weapp 等移动端 UI 库。
4. 可以使用 cli 搭建工程化的 uni-app。

• WebGis

1. 掌握地图相关理论知识概念。
2. 熟练使用 Openlayers 绘制地图技术、Echarts 进行图表展示、了解 Leafleft 和 ArcGisforjs/高德等地图 API。

• 大模型
  • 了解 Chatgpt 等大模型语言，开发过 AI 相关产品。
  • 了解 ApiTable 等低代码平台

工作经历

2023.7-至今                                  智妙创见

1. 担任前端项目负责人,使用飞书和敏捷开发进行人员和项目管理。
2. 负责提供公司业务技术解决方案，关注 AI 大模型前沿资讯。
3. 与公司一起制定开发标准规范，如代码风格、Commit 提交、文档规范,定期举办技术分享大会,补充前端技术债务。
4. 和客户方进行沟通，提炼客户需求，有效和产品经理进行沟通,确保小组代码通过 QA 测试。

2022.7-2023.5                        河南航飞光电科技有限公司

1. 前期维护公司旧项目、后期负责 BS 系统以及项目的分配整合与交付。
2. 独立设计设备管理平台和人员定位系统页面布局和开发,将人员定位系统从 Angular 版本到 Vue3/TS 版本进行重构迁移。
3. 参与公司项目组核心技术和架构需求讨论,与后端开发人员紧密配合,维护优化前端性能优化,保持良好的代码风格。

项目经历

2023.7-至今                             决胜清北 (AI 相关)

项目描述:

 决胜清北与鲁山一高合作进行的有关 AI 项目的落地自研产品，为一高校方打造一款独特的教育网站，产品容纳了高考咨询，各年真题以及各大摘星卷，支持教师自定义组卷和生成试卷，内嵌了 AI 教师和视频系统,目前一高方成立运 营组和开发组投入使用。

项目内容:

1. 使用 Vue3+TS+Antd-Vue+pinia 进行技术开发，100%还原设计稿，适配数字智慧黑板屏幕。
2. 使用 Vue-Dragable 实现试题拖拽功能，同 UI 侧调整 design-token 设计定制化组件。
3. 使用 WangEditor 富文本编辑器，支持录题人员进行试卷拆解以及试题录入，接入 OCR 识别功能和 latex 数学公式 展示。
4. 封装 AI 智能导师组件模块以及功能 hooks,方便在首页和试题资讯页进行展示。
5. AI 对话框实现 AI 搜索咨询，返回内容以卡片形式渲染，并训练 AI 回答相关教学问题。

2023.10-2023.12                          Inomind(AI 大模型)

项目描述:

 Innomind,又名 AI 技术顾问，是智妙创见科技自研项目，项目打造了一款利用联网 AI 生成对应的产品解决方案，打破了原始的产品+用户解决思路，属于时代科技探索型项目。

项目内容:

1. 使用 React+TS+Redux+Vite 进行技术开发，接入 gpt-4 大模型。
2. 使用 workflowy 进行大纲树的生成，方便用户聚焦某个产品片段，后端使用 Langchain 研发和训练，支持语音以及图片、Urls 的交流。
3. 使用 ChatUI 辅助搭建页面，websocket 进行通信，仿制 OpenAI 的 SSE 效果实现打字机输出。
4. 封装组件 Card,Bubble 等组件，根据返回类型渲染出不同的 AI 回答内容展示。
5. 使用 React-Markdown 和 highlight.js 实现 AI 多返回内容支持 markdown 语法和代码高亮。
6. 项目集成 Oauth2 认证，编写 dockerfile,使用 CI/CD 快速部署项目，将开发产出可视化。

2023.8-至今                          联想词典笔(Uniapp)

项目描述:

 联想词典笔旨在打造一款辅助学生学习英语的硬件设施，以小程序端和管理端共同协作，使得学生学习更具有科技 化与便捷，词典笔与移动云盘达成协作，生成学习周报等内容，方便学生指定学习计划。目前已批量生产投入市场。

项目内容:

1. 独立开发小程序端，使用 vue3+TS+pinia 进行开发，使用 TuniaoUI,进行组件开发。
2. 根据 UI 设计稿进行还原,项目预置色彩和主题变量等定制化开发。
3. 协同硬件端侧和服务端侧实现上课静音以及位置查找等业务功能。
4. 由移动云盘储存信息，进行平台连接，搭配 Echarts 实现学习报告以及生成 PDF 等功能。
5. 接入腾讯地图 SDK,实现地图选点和学校搜索等功能。

2022.12-2023.4                      智能人员定位系统(数据可视化)

项目描述:

 是一款可视化大屏系统,和设备管理平台相辅相成,可以通过硬件胸卡、帽卡等设备进行人员定位的实施展示对油库和中石化项目以及海上平台数据的实施展示。并且根据地图技术实现区域的操作和覆盖物的展示以及轨迹回放。

项目内容:

1. 独立负责项目 BS 版的重构:可视化首页、地图管理、标签管理、统计管理、报警管理、巡检管理、行为分析等模块。
2. 基于 Vue3+TS 进行开发、使用 Echarts 和 Three.js 实现首页图表的展示和危险品仓库模型的渲染。
3. 使用 Openlayers 技术实现瓦片加载和静态地图的渲染,绘制多边形查询人员,放置摄像头区域,以及人员的行为轨迹 动态回放。
4. 使用 flexible.js 以及 rem 布局和边框图片进行响应式适配。
5. 使用 antd-vue 进行页面的快速布局,以及 pinia 进行状态管理,Turf.js 实现多边形算法判断。
6. 通过消息传递机制,进行实时监测电子围栏,对非法入侵的人员进行首页红灯弹窗警报。

2022.8-2022.11                         蓝牙基站设备管理平台

项目描述:

 是一款连接定位硬件的管理系统,可以对基站和引擎信标进行远程配置,通过平台下发网络协议(IP/端口),实现远程操作基站。基站实时反馈心跳硬件信息,例如温度,光照等数据给平台,解决了项目运维时,工作人员不停地出发去现场排查的问题。

项目内容:

1. 独立开发项目:首页、用户管理,角色管理,数据字典,项目/设备管理、基站/引擎配置,基站 OTA 升级。
2. 使用 Vben 框架搭建项目,使用 Vue3+TS 进行项目开发。
3. 使用 antd-vue 进行页面快速搭建,实现通道和导频智慧联动、使用 Echarts 进行页面首页数据的展示。
4. 使用数据字典进行定位设置和数传等数据的存储,使用 Swagger 进行后台接口的管理和调用。
5. 使用 pinia 进行状态管理,使用常量路由和动态路由进行菜单权限处理,V-auth 进行按钮权限控制。
6. 根据 Vue 的事件总线机制,实时监听后台数据包,实现 OTA 的动态升级进度可视化。

2022.5-2022.6                            酷玩商店(小程序)

项目描述:

 酷玩商店是一款可以随时随地购物的应用,一家专门做品牌当季新品的高端精品网购商城

项目内容:

1. 使用原生微信小程序开发,flex 进行页面布局,负责首页,商品分类,购物车,登录模块。
2. 使用 Swiper.js 框架实现页面轮播等效果,封装通用组件。
3. 二次封装 uni.request(),实现拦截器与后台进行数据交互和对页面的渲染。
4. 使用 vant-weappUI 库，本地存储 storage 实现购物车信息的状态管理。

教育经历

2018.9-2022.6        郑州航空工业管理学院        计算机科学与技术(本科)

荣誉证书

大学英语六级   大学英语四级   国家励志奖学金   航飞光电"硬实力"技术奖

自我评价

1. 从事 3 年前端开发工程师,能够独立负责前端项目和带领小团队、有丰富的专业知识体系做基础。
2. 热爱前端行业和岗位，目标是在行业深耕，成为技术专家。
3. 具有很强的学习能力,3 年内一直持续学习,逐渐完善自己的技术栈,形成自己的技术文档。
4. 擅长英语,通过 CET-6, 能够轻松阅读英文文档和报错内容。
5. 喜欢开源分享,有自己的 CSDN 专栏,并且组建了自己的 IT 技术交流群。