1. 熟练掌握前端原生技术,熟练使用 html css 还原UI设计图
2. 熟练使用原生的 js 及 ES6 新特性。
3. 精通 canvas 绘图,有丰富的浏览器可视化图形编辑开发经验。
4. 熟练使用 vue 进行项目开发,熟练使用 vue3 typescript 高效开发单页面应用。
5. 熟练使用 Git 进行代码管理。
6. 有丰富的后台管理系统开发经验,独立完成多个后台系统的开发。
7. 有丰富的数据可视化开发经验,例如 Echarts 图表,及原生 canvas 定制图形组件
8. 有移动端跨平台开发经验,熟悉 flutter 开发。
一 模板工具
· 模板工具是 web 可视化图形编辑工具,为电子价签绘制模板而生。
· 主要功能包括项目管理、模板的管理、场景管理、脚本管理,和最主要的模板制作功能。
· 模板编辑页采用原生的 canvas 技术来实现。模板工具封装了 文本框、价格、二维码、条形码、图片等图形组件。
· 通过拖拽组件到画布上的方式添加元素,画布实现了拖拉拽调整元素尺寸、位置、角度等功能。
· 模板编辑同时实现了吸附、操作历史、右键快捷功能、快捷键等图形编辑常用功能。
. 模板文件中有诸多地方需要使用 velocity 脚本或 js 脚本,项目中使用 codemirror 实现脚本代码编辑。
· 主要用到的技术为 vue + axios + vuex + element-ui + canvas + codemirror
二 数字货架后台管理系统
· 数字货架后台管理系统为商超客户提供门店管理、商品管理、货架管理等等诸多功能。
· 主要包括 数据总览(大屏可视化展现)、数据管理、陈列、拣货、系统管理等模块
· 主要用到的技术为 vue + axios + vuex + element-ui
这是一个 demo 版本,体现里我对模板工具的一些思考和设计。 模板工具是我在目前这家公司负责开发的一个重要的产品,在这个demo项目中展示了模板编辑的核心功能。 同时在公司设计的产品基础上又增加一些自己的想法,比如类似 vscode 的界面设计,可配置工具条、属性面板、状态
数字货架时为商场超市客户提供的数字化门店管理平台。 此系统包含门店管理、商品管理、货架管理、陈列、拣货等诸多模块。