项目背景:用户可在平台进行点单,支付,店内堂食等功能,有十分不错的点单服务。
项目技术栈:Uni-app,Vue-router,Axios,Vuex,Vue3,Less
具体功能点:首页,点单页面,订单页面,支付页面,个人中心页面,在线客服页面,我的签到等。
项目职责:
1.调用 uni.setStorage 和 uni.getStorage 传递 token 和数据,实现用户是否登录成功。
2.通过动态路由设置权限和 beforeEach 路由守卫,实现项目的登录和授权功能。
3.使用 uni.requstPayment 计算数据,发送请求,更新购物车状态。
4.使用 uni.getLocation 和 uni.openLoaction 获取用户当前位置信息,uni.onLocationChange
查看更新位置,方便提供服务。
5.使用 getTempMedia 接口,获取客服消息内的临时素材,通过 HTTPS 调用,实现在线客服。
6.使用 uni.captcha 图形验证码登录,防止撞库攻击,暴力破解和保障用户数据。
7.提供 App 版本更新服务,通过 uni.upgrade-center 用于发布新版和设置升级策略。
项目背景:一款可选择废品回收,线下或线上回收员称重付款的多功能服务性网站。
项目技术栈:Vue2,Vue-router,Vuex , Axios,Element-Ui 组件库,Less,Cookie
具体功能点:首页,分类回收,订单页面,回收方式,回收信息,个人中心,设置等。
项目职责:
1.使用路由配置和路由器组件,根据 URL 路径匹配合适的路由规则,并动态加载显示页面。
2.通过路由的 addRouter 属性进行动态权限添加。
3.为防止恶意脚本访问或篡改 cookie ,使用 Js-Cookie 库处理和操作浏览器中的 HTTP cookie。
4.使用页面懒加载技术,减少服务器压力。
5.npm 安装 axios 发起请求,响应式拦截,封装 api 和 config 中的参数,方便调用。
6.使用 Vuex 和 LocalStorage 实现数据共享和数据持久化。
7.使用计算属性 computed 缓存数据,发送请求,更新购物车状态。
8.发送请求,获取 appid 标识,储存本地,返回 res (时间戳 随机字符串 预支付 id 签名 签
名算法)调用函数来响应购物车完成支付。
9.优化 Dom 操作,在频繁更新的页面使用虚拟 dom ,避免重绘和重排,提高页面渲染性能。
项目背景:基于其平台而整合的游戏交友开黑平台,功能十分齐全的游戏管理系统。
项目技术栈:Vue3,Vue-router,Vuex,Axios,Naive-Ui 组件库,Minxin,TypeScript,Sass,E-Charts,Webpack,Git
具体功能点:首页,用户管理,好友列表,朋友圈管理,搜索管理,个人工具箱,个人中心等模块。
项目职责:
1.通过 vuex 和 vuex-prsistedstate 可持续化对数据进行管理和模块化 module 调用。
2.调用 mutations.js 中 edit,delete,add 和 change ,实现用户操作的增删改查。
3.使用 TypeScript 模块化开发,配置 TypeScript 相关环境和依赖,如 TypeScript 编译器,
tsconfig.json 等使代码结构更加清晰和便于维护。
4.通过 npm 安装 sass ,全局定义主题颜色和字体。
5.使用 E-Charts 图表可视化,提高用户体验。
6.使用 Naive-Ui 中的 Form 组件,Table 组件,Select 组件等,并封装成组件,方便多个页面引入。
7.使用路由懒加载技术,按需加载访问的页面资源,而不是一次性加载所有内容,减少初始化时间。
8.使用 Webpack 打包工具,实现模块打包,代码拆分和资源管理等功能,优化项目构建和部署方案。
9.通过 Git 分布式控制系统,分化分支,推广远程仓库等提交和合并代码,提高开发效率和代码质量。