校外培训app
整体工程架构采用原生内嵌h5的方式,h5完成 app 所有页面,技术栈采用 Vue3.x全家桶+vite+vite-plugin-pages 文件系统路由+vueSetupExtend(setup 设置组件名称)+amfe-flexible+vant 设置 rem 基准值进行搭建,主要包括登陆、首页、重大事件、工作台、我的等主要模块。 1、根据设计图页面分析,统一封装返回头组件,由于返回头文字位置不定,使用插槽来显示不同的位置的内容。 2、因大量页面有表格下钻的功能,封装了公用表格下钻的组件,提取公用逻辑编写下钻 hook ,减少重复代码 3、完成关于原生通信的所有公用 hook ,例如图片上传/退出 app /查询 app 版本号等 4、完成 echart 饼图组件的封装与维护,完成 echart 折线图组件等开发与维护 5、完成条件筛选业务组件,完成基于 vant 省市区联动组件的开发与维护 6、设计 echart 的移动端图表优化方案,完成方案落地
好医宝智慧云诊所
1.这是一个医疗云诊所系统,技术栈采用Vue+VueRouter+es6+elementUI+axions+webpack进行开发 2.负责每个版本的维护,使用searchBar+table+pagiation+dialog组件化的方式提高开发效率 3.通过配置resolve.modules、include&&exclude、更换压缩插件、使用HappyPack loader、利用 DllPlugin 和 DllReferencePlugin 预编译资源模块、等方式加速代码构建、大大减少前端代码体积 4.不断优化代码,配置eslint提高代码质量,规范代码 5.配置环境变量处理多域名的情况,避免正式打包出错 6.编写全局公用工具函数,避免重复造轮子
好医宝新年集结令
1.新年期间的运营活动,需要跟微盟对接跳转 2.使用Vue脚手架搭建,基于Vue+VueRouter+webpack开发 3.通过webpack pages 配置多页面入口,移动和PC分别开发 4.通过路由钩子处理 地址栏参数,区分分享、微盟跳转、已经参加过活动等状态 5.通过微信code获取,获取微信sdk必备参数,使用微信sdk完成产品需求
好医宝积分商城
1.基于pad端的积分商城,采用vue最新脚手架搭建,使用Vue+Vuex+VueRouter+Vant+axios进来开发 2.包含首页、购物车、地址、联系人、订单管理、商品管理、商品详情等模块 3.使用Vuex存储token 4.抽取公用组件footer、navBar、loading
好医宝澳美之夜
1.公司为宣传好医宝软件而线下开展的澳美一夜活动,负责开发澳美一夜的所有项目,采用 jquery+weui+css+gulp 进行搭建 2.负责澳美之夜-投屏项目的开发,主要是技术点在于通过 css 适配大屏,使用媒体查询、宽度100%,图片自适应等技术手段 3.负责澳美之夜-微信项目的开发,包含首页、邀请函、工作人员、抽奖、答题等模块 4.亮点包括,前端弱网处理、重复提交处理、统一请求提示处理