暮雪天音2023年03月24日
135阅读
所属分类 PC网站

作品详情

主要负责:
1、跟产品以及设计师沟通了解产品需求以及效果
2、了解需求后要将设计师给的psd文档进行切图
3、负责首页及详情页等构建及公共组件的开发
4、根据后端工程给的传入的接口渲染到页面
5、不断调试项目功能,提升兼容性和易用性
6、项目日常维护
项目所用技术:
1、使用vue-monoplasty-slide-verify进行滑块拼图验证码;
2、运用节流,防抖,懒加载技术,减少路由重定向等优化提高浏览器加载速度;
3、采用手机+验证码、手机+密码及微信扫码登录认证,其中微信扫码登录结合环境变量,调用后端接口实现平台切换验证;
4、使用蓝湖加ps进行页面切图,实现对设计稿的高保真还原;
5、使用原生js监听滚动条位置来进行节流,减少请求发送
6、采用了rem布局的方式+media媒体查询的方式进行响应式布局
7、详情页面使用Echarts生成折线图,展示楼盘房价走势
项目难点:
1、根据用户的uuid对后端发送扫码登录功能的完整技术逻辑,向浏览器的服务器发送获取登录二维码的请求。服务器收到请求后,随机生成一个uuid,将这个id作为key值存入redis服务器,同时设置一个过期时间,再过期后,用户登录二维码需要进行刷新重新获取。
在绑定scroll、resize这类事件时,当它发生时,它被触发的频次非常高,间隔很近。如果事件中涉及到大量的位置计算、DOM 操作、元素重绘等,就会造成浏览器掉帧。针对此现象使用的解决方法,防抖和节流!降低了可控性,但是提升了性能和精确度。然后去优化 scroll 事件的触发,避免 scroll 事件过度消耗资源的。滑动过程中尝试使用 pointer-events: none 禁止鼠标事件。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论