项目经历

• 重庆陆海国际项目3D可视化

  项目描述：

  完成项目中 数据看板、智慧人行、智慧车行、智慧监控、设备管理、能耗管理、 电梯系统、入侵报警、运营工作台等子系统的开发。

  项目技术：

  1.全景模型采用UE4云渲染,楼栋和楼层模型采用模袋云的轻量 BIM 模型, 完成模型的打点交互逻辑以及点位形成轨迹交互逻辑。

  2.各个子模块采用 Vue3、Vue Router、Element Plus、Pinia、Vite 等技术

  责任描述：

  1.封装好公共常量、公共函数，维护好公共组件，使得代码的复用性和可维护性更好。

  2.基于公共组件完成业务组件的封装，利于页面组件的快速编写。

• 能耗管理平台

  项目描述：

  完成项目用能、支路用能、区域用能、部门用能、分项用能、告警关管理、空调照明、系统设置等子系统的开发。

  项目技术：

  1.采用 React、React Hooks、Vite、React Router、Ant Design

  责任描述：

  1.封装好公共常量、公共函数，维护好公共组件，助力页面的快速编写。

• 万物梁行服务+、北岸智享、住这儿等小程序的开发

  项目描述：

  1.完成了首页、头条、我的等模块的开发。

  2.完成了各个H5子服务在小程序中的嵌入

  项目技术：

  1.使用 uni-app作为开发框架, 通过 HBuilder打包编译生成多端的小程序, 在微信开发工具中调试代码和上传到微信公众平台。

  责任描述：

  1.在微信公众平台进行小程序的系统配置

  2.小程序中各个模块的开发

• H5子服务开发

  项目描述：

  1.云橙管理后台(PC端)配置子服务。

  2.临停缴费、员工通行、万梁报事、访客邀约、访客登记、会议室预定、数据驾驶舱、实时监控、能耗统计、智能照明、空调控制等H5的开发

  项目技术：

  1.使用Vue、 Vant、Webpack等技术，采用postcss-px-to-viewport插件，转换为vw/vh单位， 并配合 Flex、Grid等布局实现移动端适配。

  责任描述：

  1.在云橙管理后台上架各个子服务

  2.各个H5子服务的开发

• 云镝智慧助手小程序

  项目描述：

  参与云镝智慧助手小程序的开发，供地方企业进行生产线上化--生产报工、生产监控、设备维保、产品服务。

  项目技术：

  1.使用微信小程序原生开发，使用vant-weapp作为UI组件库，基于这个基础组件库，封装小程序的业务组件。

  2.使用webview跳转网页，使用weixin-js-sdk完成网页和小程序之间的页面导航。

  责任描述：

  1.完成小程序首次登录、小程序二次登录、扫小程序码登录以及小程序内扫码登录的逻辑处理。

  2.完成业务组件的封装，利于页面组件的快速编写。

• 云镝智慧工业互联网平台

  项目描述：

  参与云镝工业互联网平台的开发，包括云镝官网平台以及各个地方政府的公共平台开发。

  项目技术：

  1.使用git submodules完成公共组件和模块的抽离，快速响应30+地方平台的开发和维护；采用vue-cli作为项目的基础构建工具，完成项目的搭建。

  2.element-ui为项目UI框架并提供项目的基础组件，并通过封装基础组件形成业务公共组件，最终拼装成各个页面组件。

  3.采用axios请求数据，针对axios做适合业务发展的二次封装；并二次封装request和response的拦截,在request里面设置自定义header，在response里面进行金蝶云苍穹登录判断，从而处理不同的业务逻辑。

  4.使用vue-router做SPA应用的路由管理，并使用beforeEach钩子处理全局导航守卫。

  责任描述：

  1.工业互联网平台采用1+N的方式，云镝官网和地方平台，在git里面submodules子模块，做到公共组件和模块的引用。

  2.采用公共模块+定制化模块开发，组件化开发在这个项目中就很有必要，封装并维护公共的业务组件，做到项目的快速开发和迭代。

• 工业互联网平台体验中心

  项目描述：

  以3D可视化的方式展现工业互联网平台体验中心，赋予体验中心科技质感。

  项目技术：

  1.采用ThreeJS可视化框架中的VideoTexture实现曲线流线型展现，相比于手动画3D曲线的方案，上述方案使得页面更加流畅，很少掉帧且帧率稳定。

  2.采用Raycaster模块获取在3D世界中被鼠标选中的物体，便于用mousemove和click事件处理业务逻辑。

  责任描述：

  1.完成平台体验中心的可视化呈现，很好的适配各种类型的屏幕尺寸，有较好的视觉展示效果。

• 众安银行App

  项目描述：

  众安银行在香港成功申虚拟银行牌照，可以在香港开展银行业务，由此开发众安银行App

  项目技术：

  使用React Native开发业务模块,使用Redux状态管理维护数据一致性。

  责任描述：

  参与App中存款模块、利息优惠券模块、贷款模块的开发工作。使用H5页面完成协议页和宣传页的编写。

• Cisco OneIdentity项目

  项目描述：

  参与思科OneIdentity 项目，用一个身份可以登录思科系统里面的许多应用，方便用户账号管理，提升用户体验。

  项目技术：

  1.用Bootstrap React UI组件配合React，运用Redux、redux-thunk、react-redux进行状态管理

  2.用组件化函数式编程实践，运用HOC高阶组件，将数据与展示组件分离，以数据驱动的方式完成页面展示和逻辑交互。

  责任描述：

  完成OneIdentity 项目中Enrollment UI、Profile UI、Recovery UI等子项目的开发。