抽奖程序(React)
Lottery
介绍
基于Ant Design组件库、Dva开发框架实现的一款抽奖App。
动画使用了react-particles-js
安装说明
- cnpm i 或者 npm i (建议前者)
- npm run start
- npm run build
使用说明
- 点击主页面最左侧,弹出抽屉层,导入数据,或者修改路径为:http://localhost:8000/#/data
- 返回主页面,点击Enter开始执行滚动,再次点击结束。
随机洗牌算法
/** * 随机洗牌算法
* https://ashan.org/archives/925
*
* @param {Array} arr
*/
export function shuffle(arr) {
let randomIndex = 0;
for (var i = 0; i < arr.length; i++) {
randomIndex = Math.floor(Math.random() * (arr.length - i));
let temp = arr[i];
arr[i] = arr[randomIndex];
arr[randomIndex] = temp;
}
}
图例
主页:
抽屉:
导入数据:
Excel表格模板:
Github地址
https://github.com/JxSx/lottery
以上是 抽奖程序(React) 的全部内容, 来源链接: utcz.com/z/381483.html