熟练掌握HTML/CSS/JavaScript(ES6+)等前端基础技术; 熟悉Vue、React等主流框架的使用 ,并了解其原理;
熟悉使用ElementUI/Ant Design/Bootstrap等前端UI框架,并可进行组件的二次封装; 熟悉Webpack、Vite、Gulp等模块打包工具;
熟悉Git版本控制工具进行分支代码管理 ;
了解node.js等后端语言,并结合Express + MongoDB(robot) 搭建个人项目 ;
至里商城PC端
2019年04月 - 2019年10月
项目描述:一个家居建材整装供应链平台,100+品牌直供,主材、全屋定制、软装配套、装修辅材全品类供应,以及营销展 示,会员BtoC的会员下单平台
技术要点:
1. 基于Nuxt+Node 实现SSR服务端渲染, 并进行项目框架的搭建以及项目模块的开发,并利用 Docker + Nginx 对项目在内 部平台进行部署上线。
2. 通过 NuxtServerInit,并结合 Middleware中间件、Nuxt上下文对用户登陆状态进行全局缓存,解决了避免刷新以及服务 端拿不到上下文信息,从而实现对token进行cookie转发,后端获取token等问题。
3. 接入神策数据以及百度统计,设置默认/自定义事件等全局埋点,统计用户行为和浏览器等设备信息,配合后端将数据上传 并录入到内部sql平台,平台利用数据进行数据分析
4. 优化项目的seo,全局配置head以及配置路由页面相关seo配置以及添加站点地图,提高搜索引擎收录索引量
5. 利用webpack进行性能优化,借助webpack-bundle-analyzer工具分析打包后模块大小,利用cache-loader处理开销比 较大的loader,利用tree-shaking,IgnorePlugin等插件进行代码优化以及基于babel-plugin按需引入, 优化打包体积 以及时间
6. 优化项目性能,如优化首屏数据首屏在服务端渲染,非首屏在客户端渲染,图片懒加载并整合在cdn以及oss,避免重复打 包,组件按需加载等
7. 引入husky + lint-staged,防止代码不规范提交等问题
至里小程序/H5
项目描述:至里整装是广州至爱智家科技有限公司旗下家居新零售品牌,提供最省心的空间轻改、最in的家居好物、最周到的 生活服务,打造美好生活家
技术要点:
1. 基于Vue2+Vue-router+Vuex,使用uniapp脚手架搭建项目整体框架,进行页面模块ToB业务的多端开发
2. 利用uniapp结合HBuilder编译微信小程序以及H5页面,解决了跨端小程序开发问题 ,并利用dockerfile和nginx,通过公 司pass部署平台部署H5页面
3. 封装并维护uniapp相关通用组件,方便公司其他小程序使用
4. 利用接口返回的预发和生产的版本开关,处理小程序审核慢和依赖后端应用发布需要同步进行的问题
5. 对小程序以及H5进行部分性能优化,如分包,首页模块优化,利用cdn和oss图片整合,配合后端进行http缓存和接口整合 等
多金宝管理后台
项目描述:多金宝是星云开物线下自助设备智能支付平台,为线下自助设备智能化提供整套物联网(IOT)和支付解决方案,成 为该领域移动支付的领航者。
技术要点:
1. 基于Vue3+Vue-router+Pina进行相关页面的开发和业务迭代
2. 完善项目组件的维护和开发,并配合中台进行低代码组件库的业务落地,并二次优化维护
3. 配合中台将项目接入监控体系(sentry)实现日志异常监控
4. 配合中台将项目接入内部CICD体系(jenkins),完成自动化部署
5. 配合中台进行eslint升级,对项目的结构进行相关规范
至里商城后台管理系统 项目描述:集商城订单、会员、营销、财务、会员为一体的家具定制整装供应链,主要会员数据维护,商城站点数据维护。 技术要点:
1. 基于Vue2 + Vue-router + Vuex + Ant-Design-Vue进行页面相关模块的开发
N7ZNv_2H202302122111
2. 二次封装页面表单以及表格等通用组件,并沉淀为更符合业务场景的组件,达到组件复用,最终提高开发效率
3. 使用axios拦截器interceptors,解决批次下推接口请求失败自动重发以及避免重复发送请求,封装防抖节流等通用功能
4. 基于路由体系搭建权限菜单,利用权限平台配置状态码菜单以及全局指令权限判断,实现中后台的权限体系控制,包括菜 单、按钮等权限控制
5. 通过tree-shaking、splitChunks等配置优化webpack打包,以及借助base64编码图片来减少http请求,实现性能优化
6. 项目引入husky+lint-staged的eslint插件,避免项目代码不规范提交
至爱商城移动端官网
项目描述:集至爱整装供应链,设计,装修,全屋定制,家居商城和整装电商的一个家居营销展示项目 技术要点:
1. 基于React+ React-router + React Hooks + Mobx + Ant-Design进行页面相关模块的开发和维护
2. 封装页面通用组件,供页面全局使用
3. 优化h5在ios和安卓存在的一些兼容性问题,比如axios在ios转发不出去的问题,列表采用betterScroll避免页面卡顿等兼 容性问题
尊享推广app
项目描述: 一个业务分销推广的智能平台,主要功能模块包括业务推广,聊天系统模块,支付模块,以及个人中心管理模块。 技术要点:
1. 基于Vue + Vue-router +Vuex搭建页面框架,并进行相关模块的开发
2. 二次封装axios,且利用axios中的拦截器,使页面在请求数据的时候实现loading效果的加载,提高用户体验度,配置 proxyTable解决 axios 跨域问题,实现请求接口数据
3. 基于websocket 实现客服通讯功能,达成实时通讯
4. 封装支付组件,接入多渠道支付,赋能内部其他支付场景使用
5. 优化并解决App中不同端存在的性能问题和兼容问题
商业性原则作为安防、安检行业企业商业运作的一个组成重要部分,服务于安防、安检行业产品传播,服务于安防、安检行业企业与客户、安防、安检行业企业与经销商沟通渠道的建立,完善安防、安检行业企业服务体系,创造更多的商业机
商业性原则作为安防、安检行业企业商业运作的一个组成重要部分,服务于安防、安检行业产品传播,服务于安防、安检行业企业与客户、安防、安检行业企业与经销商沟通渠道的建立,完善安防、安检行业企业服务体系,创造更多的商业机