h5抽奖大转盘开发笔记小结,涉及到的知识点和包资源

Posted 2022-12-12 qikexun

这个是开发了一个抽奖大转盘后的简单笔记分享，

仅仅用来学习的一个小案例

一会填充内容，持续更新中

 

一、抽奖大转盘看效果 截图

二、大转盘业务逻辑

首先，收集用户电话号码作为抽奖依据，所以，一开始就弹出电话号码手机框。这个弹窗支持验证手机号格式等（验证手机号知识点），

然后，通过jquery获取到手机号，然后传递给后端处理验证，后端Ajax传回一个参数，然后，在回调函数的地方，进行一些前端控制。

后端的代码由于涉及到隐私，目前暂时不开源，先开源一部分前端代码。具体下载地址：https://download.csdn.net/download/qikexun/14109814

前端很多调试的过程也没有删去，供大家学习参考，欢迎指正，

补充：开发这个大转盘前端，就是2步骤，

1、开发界面，

前端页面，有个自动调整适应屏幕的代码，rempublic.min.js。这个代码如果不用的话，手机端会不能适应屏幕大小。

2、让大转盘动起来。

大转盘转动使用到jquery跨浏览器控制图片旋转插件jQueryRotate.js。

最后，还用到了一个jquery 切换tab效果代码，相关知识点自行学习。