熟练掌握 HTML+CSS3+JavaScript,H5、PC端自适应,具备Vue+Element / antd / iview、Vue+Nuxt(web服务端SSR渲染,主要针对SEO)、Nodejs(Nuxt、vue)项目开发经验 ,熟悉react、three.js+websocket(3D模型开发)、uni-app等,具备PC端+H5+小程序项目+微信公众号以及移动端混合开发等经验,熟悉使用Webpack、Gulp、Npm、gitHub、gitLab、Jenkins等,可独立发布项目配置nginx反向代理等。
项目一
名称:云机器人(app混合开发)
描述:
该项目是3D机器人示教器,主要用于公司各种类型机器人的示教,采用 uni-app 打包成 app 通过 webview 嵌入h5页面的方式,通过 websocket 完成与实体机器人之间的通信,进而联动咖啡机等设备制作咖啡、冰淇淋等,该项目 web 端主要由 vue3+typescript+three.js 搭建。
技术:
1. app 用 uni-app 搭建,web 用 vue3+typescript+three.js 搭建。
2. 开发、测试、生产各个环境的参数配置及部署。
3. 用到的第三方库 element plus、echarts、blockly (可视化编程)等。
4. 主用到的技术有 typescript、three.js。
5. 通过 dns 扫描局域网内的 ip 地址实现与机器人之间的连接,进而通过 websocket 进行通讯。
常规编码:
1. 常用业务组件二次封装,以及常用 类 封装如 websocket 、等 js 的类封装。
2. 对后端接口请求进行封装以及接口数据处理和过滤。
3. 错误页面(例如500和404等)编写、后端接口错误处理等。
性能优化:
1. 定期测试机器人模型首次加载时间,做 loading 处理和延迟加载。
2. 前端接口数据集中处理,粒度和数据量(针对性弥补)更大,减少 http 请求数。
3. 优化组件,最大限度的降低耦合度、加快编译速度、提高协作效率。
4. 将代码提交到测试环境(自己验证之后),通过 jira 平台将测试人员提出修改内容一一回复,待测试审核通过后,再通过 git 发布到生产环境。
项目二
名称:中国家居产业智联网(后台管理)
描述:该项目包含商品管理、订单管理、用户管理、角色权限、物流管理、库存管理、数据
报表等模块,由设计公司、工厂、销售公司、物流公司等多商户组成。
技术:
1. 基础框架用 vue2、vuex、vueRouter、axios 搭建。
2. 用到的第三方库有 antd、echarts ,插件有 vue-cropper、vuedraggable、qrcode 等。
3. 代码发布用到的工具有 npm、gitLab、Jenkins 等。
常规编码:
1. 常用业务组件二次封装:日期选择器、表单组件、多条件搜索、基础交互等。
2. 对后端接口请求进行封装以及接口数据处理和过滤。
3. 错误页面(例如 500 和 404 等)编写、后端接口错误处理等。
性能优化:
1. 定期测试首页加载时间,并作延迟加载、后端数据缓存和首页据静态化处理。
2. resquestAnimationFrame 优化动画流畅度(Loading),并作 setTimeOut polyfill。
3. 前端页面渲染完毕后再加载放置于 CDN 的较大插件(swiperjs、 betterscroll 等)。
4. 前端接口数据集中处理,粒度和数据量(针对性弥补)更大,减少 http 请求数。
5. 图片量较大(例如首页图片轮播)的 loading 处理和延迟加载。
连接:http://nk.emergen.cn
项目三
名称:南康家具旗舰店(微信小程序)
描述:项目主要以家具商城为主的微信小程序,包括首页、发现、购物车、我的订单等。
技术:
1. 以原生 JavaScript 、微信小程序官网组件以及 api 为主开发。
2. 熟练使用微信官方提供的 api ,如支付、画布(生成海报)、AI(VR )等。
3. 后负责项目版本迭代及优化等
常规编码:
1. 对微信官方组件二次封装:日期选择器、表单组件、多条件搜索、基础交互等。
2. 对后端接口请求进行封装以及接口数据处理和过滤。
性能优化:
1. 前端接口数据集中处理,减少 http 请求数。