追风筝的哈桑2023年05月31日
102阅读
所属分类H5网站

作品详情

项目描述:这是一款基于vue2+vant组件库开发的H5项目,主要内容以基金、金融产品提供参考数据。该项目的内容模块为、基金详情、基金经理详情、基金PK、经理PK、基金筛选、基金排行。
责任描述:负责基金详情、基金经理详情、基金筛选的开发。
使用技术:
1、使用postcss-pxtorem插件在移动端实现响应式布局,提高网站的可访问性;使用autoprefixer自动补全浏览器私有前缀名保证浏览器的兼容性;
2、封装高可复用性组件,降低组件之间的耦合度,提高项目的可维护性;
3、使用date-fns轻量级日期库, lodash库提高开发效率;
4、配置reset.css文件,重置浏览器的默认样式,解决浏览器兼容问题;
5、使用vant组件库封装全局toast加载提示;
6、搜索功能使用防抖节约请求资源;
7、封装axios, 提高代码质量、让使用更为便利。配置代理和拦截器,在请求头中设置token防止表单重复提交;
8、对数据量大的内容在调用API的同时将数据存取在sessionStorage中进行缓存。避免重复请求数据,提高性能;
9、使用mock.js模拟数据,保证前期开发进度;
10、使用eslint和prettier统一代码风格,减少合并代码时的冲突;
11、将echart中重复的代码全部抽离在一个js文件中,利用vue的混入(mixins)优化代码,提高性能;
12、利用路由配置中台构建etf筛选模块;
13、封装better-scroll在基金筛选模块实现更佳的滚动效果;
14、使用pinyin-match插件在前端实现快速检索功能;
15、利用beforeResolve将主题色存入缓存中,将封装好的主题函数挂载到原型上,全局性统一的改变颜色;
16、在基金筛选中,当用户关闭浏览器时将当前时间存入localStorage中,在用户下次进去页面时,如果关闭浏览器时长超过30秒就立马清除token。避免用户频繁登录,同时保证当前登录用户保存的筛选条件正常展示。

项目描述:基于h5嵌入进行开发的公众号,内容主要为理财课程和热门文章。成为营主可通过分享课程,成功销售后可获得佣金奖励。
责任描述:主要负责营地的开发,有首页、资源库、个人中心。
使用技术:
1、 利用vant组件的list列表实现下拉刷新、上拉加载更多数据;
2、 利用vuex实现添加课程功能,将数据存入营主页面进行展示;
3、 对知识中心的课程设置置顶、取消置顶、移除营地等选项;
4、 对基金类型的标签进行封装,提高项目的可维护性;
5、 将基金f10中的模块接入到营主的个人中心;
6、 利用QRCode生成二维码,使用html2canvas插件将html转成canvas,再生成图片,实现长截图的转发和识别图中二维码进入营地。

项目描述:基于若依前后端分离版进行快速开发。合理分配权限、避免因权限控制缺失或操作不当引发的风险问题。
责任描述:
1、 根据不同的条件类型动态配置可编辑的分类和选项,从而控制前端页面展示的内容;
2、 定义分布图、涨跌、ETF控件,方便后期开发和迭代;
3、 利用xlsx插件在前端实现快速导入功能,便于产品经理更新数据;
4、 在用户筛选列表配置对热门基金进行置顶操作,定义展示渠道区分基金筛选和ETF筛选。

易点高校小程序
项目描述:
学生通过手机进入易点高校平台,选择需要的零食或者餐食结算并下单,将由店长最快5分钟内配送到指定宿舍。校园商家入驻平台,打造餐饮配送体系,解决用餐问题。平台提供预订功能,让同学一下课餐饮即达,提供创业机会,在寝室里开便利店。店长负责给本栋楼下单的用户配送。
责任描述:
1、负责店铺列表、店铺详情、个人中心;
2、使用mode=region实现省市县联动,获取地理位置信息;
3、利用小程序button组件的open-type属性获取获取到用户信息;
4、利用wx.login获取登陆凭证,利用登陆凭证和appId以及appsecret获取用户openId;
5、在app.json中配置subpackages做分包和preloadRule分包预下载,提高用户体验;
主包一般是包含启动页,公共资源,TabBar页面,分包包含开发者工作分配的页面,用户使用时才会下载;
6、使用小程序的wx.setStorageSync数据缓存将信息存在本地,从而减少服务器请求压力;
7、通过onPullDownRefresh实现下拉刷新;
8、通过onReachBottom实现上拉触底。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论