HTML5 网页端年会抽奖源码，导入名单列表即可使用，2024金三银四

• 使用方式：下载导入名单即可使用，也可以自定义奖项名称，内定中奖人员！

0、index.html: 主入口，lucky-draw.html 为抽奖页面。

1、关闭窗口、刷新网页都不会清空用户名单、中奖名单、奖项配置，所以误操作也没事，可以重新直接进入抽奖页继续操作，流程保持不变。

2、必须手动在主页 index.html 中点击清空数据，才会清理用户名单、中奖名单、奖项配置等所有配置，相当于重置，否则在同一浏览器中会一直保留。

3、支持 .xlsx、.xls、.csv 文件格式上传

4、支持自定义奖项模式、默认抽奖模式

5、已经中过奖的人不会重复中奖

6、在上面支持的文件格式中每个单元格是一个用户

7、每个单元格支持的用户格式，可以混合存在文件中：

（没有设置指定第几轮中奖的会完全随机抽，所以不需要内定的时候，不要用设置第几轮中奖的名单方式就行了）

名字

名字 - 部门 (或职位, 或描述)

名字 - 第几轮中奖 (只能数字，不设置随机)

名字 - 部门 (或职位, 或描述)

名字 - 部门 (或职位, 或描述)- 第几轮中奖 (只能数字，不设置随机)

注意：第几轮中奖 (只能数字，不设置随机) 这一项在自定义奖项模式、默认抽奖模式中用法一样，作用不同。

默认抽奖模式：指的是第几轮中奖

自定义奖项模式：这个模式下就不会按轮来进行中奖，对应的是自定义奖项时填写的标签，如果一个自定义奖项的标签设置为 1，然后选择这个奖项抽奖时，用户列表里面有按上面模式设置了 1 的用户则会中奖，这个标签是可选项，不设置就完全随机，如果设置就会去名单列表中找到匹配的用户。

小编 13 年上海交大毕业，曾经在小公司待过，也去过华为、OPPO 等大厂，18 年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024 年 Web 前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面 V 无偿领取！（备注：前端）

Vue 面试题

1.Vue 双向绑定原理
2. 描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
3. 你是如何理解 Vue 的响应式系统的?
4. 虚拟 DOM 实现原理
5. 既然 Vue 通过数据劫持可以精准探测数据变化, 为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用？
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11. 组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14. 说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？
…

算法

开源分享：【大厂前端面试题解析 + 核心总结学习笔记 + 真实项目实战 + 最新讲解视频】

1. 冒泡排序
2. 选择排序
3. 快速排序
4. 二叉树查找: 最大值、最小值、固定值
5. 二叉树遍历
6. 二叉树的最大深度
7. 给予链表中的任一节点，把它删除掉
8. 链表倒叙
9. 如何判断一个单链表有环
10. 给定一个有序数组，找出两个数相加为一个目标数
    …
    

由于篇幅限制小编，pdf 文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！有需要的程序猿（媛）可以帮忙点赞 + 评论 666

10821449404)]

由于篇幅限制小编，pdf 文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！有需要的程序猿（媛）可以帮忙点赞 + 评论 666