熟练使用 HTML5、CSS3,JavaScript,TypesSecipt,ES6及以上语法,熟悉移动开发、PC 端响应式布局,解决常见浏览器兼容问题。
熟练使用Vue全家桶,Reac,React-Router,Redux前端框架。
熟练使用 ElementUl,BootStrap,Ant Design,Ant Design Mobile 等前端主流 U 框架。
熟练使用uniapp, vue-element-admin.Vue
熟练使用 git, svn 等版本管理工具。
熟练使用nginx,docker对前端项目进行部署,对运行问题进行定位分析。
熟悉 less 预处理语言,熟悉 Echarts 数据可视化图标工具。
了解Express,Adonis后端node框架。
1.安瑞祥物业服务小程序
* 使用uniapp vue3 框架,Composition Api语法进行业务功能开发,将页面功能拆分成业务组件,使用defineAsyncComponent 进行异步加载业务组件,Sunspense组件包裹异步组件·,统一处理异步组件的loading加载效果。从而提升用户使用体验,减少首屏加载时间
* 在业务组件拆分中,子组件使用defineProps接收父组件传递的参数内容,子组件内采用defineEmits 定义回传给父组件值的事件。页面之间使用pinia的defineStore 创建 store 进行状态存储。在使用时通过storeToRefs 进行解构store中存储的公共状态,把解构后的值进行页面展示,或回传给接口。
* 报修问题列表页下拉滚动时使用watchEffect进行监听页面的page变化与选项卡变化,从而进行滚动加载与切换选项卡操作。
* 问题报修上传图片采用uni.uploadFile 对图片进行上传,当上传图片过大时将图片绘制刀Canvas画布上,再通过toDataUrl方法输出压缩后的base64字符串格式进行上传图片内容。
2.锦州银行手机银行App
* 主要使用react框架,实现业务功能开发,使用类式组件及函数式组件对页面功能进行拆分封装业务组件,使用useMemo+React.memo减少函数式组件的重复渲染次数,优化页面渲染速度。部分功能的展示采用Hoc的正向代理方法进行封装,以提高展示组建的使用效率,降低页面的代码耦合度。
* 使用redux进行公共状态的存储,同级别页面之间的传值。部分信息使用Storage进行本地存储。
* 使用Promise对服务端Api请求进行统一封装,减少相同api请求在不同页面重复创建造成代码冗余问题,链式调用Api接口统一进行异常信息捕获,使代码逻辑更清晰,增加代码可读性。
* 使用代理方式将页面中通用的业务逻辑与异常处理等方法封装React高阶组件,提高开发效率,较少因同类型业务逻辑造成的代码冗余
* 使用百度地图SDK,调用服务端插件获取用户位置信息与网点信息,在react-Bmap上进行位置信息展示。
3.锦州银行后台管理系统
* 该系统基于 vue-element-admin 后台前端解决方案进行快速搭建,使用 addRouter方法,根据用户权限字段筛选用户匹配路由,动态添加路由规则,动态实现菜单栏的展示。
* 使用 vuex 配合 localstorage 本地存储,实现用户 token 的持久化、响应式存储。
* 使用递归转化树形结构数据配合 element-ui 组件库的 el-tree 组件,对手机银行整体功能架构的层级展示使得查找功能时更加方便快捷。
* 主要使用react框架,实现业务功能开发,使用类式组件及函数式组件对页面功能进行拆分封装业务组件,使用useMemo+React.memo减少函数式组件的重复渲染次数,优化页面渲染速度。部分功能的展示采用Hoc的正向代理方法进行封装,以提高展示组建的使用效率,降低页面的代码耦
该项目为小区物业报修管理小程序,主要功能模块包括问题报修,积分商城,个人信息维护,社区广告等功能模块。 * 使用uniapp vue3 框架,Composition Api语法进行业务功能开发,将页面功能拆分成业务组件,使用defineAsyncComponent 进行异步加载