4-6 创建彩票基础模块(上)

基础模块还没实现,比如玩法提示,切换玩法的时候,提示内容也在变。包括奖金。这个不是传统的temp,传统的temp可能是每个每个temp键对应一个content值,content可能就是一个dom结构。然后点不同的temp键,让content显示或者隐藏。我们做的是玩法提示是一个dom节点,但是内容在不断变。这样好处,将来可以任意扩展玩法,但是我们玩法提示只有一个dom节点。之所以这么做,因为这个地方不需要大量操作dom模板了。

ES6中有一个字符串模板的功能。利用这个特性,选择这样的dom结构,可以节省很多开销。提升dom性能。

选号码的时候,要算注数。用排列组合,跟玩法有关,是不是要变量存储玩法是什么和奖金是什么?所有基础信息怎么存储,怎么维护,放哪?怎么读取?这一小节彩种的基本信息所有模块base模块,这个模块建立一个类,这个类中存储着跟玩法,奖金,彩种相关的基本数据。

所有的基本信息,模块共享的变量,不采用全局存储的变量方式,而是放在对象私有属性上来达到基本信息共享。也就是base模块的重要作用和意义。 

在base.js中,importJQuery,声明一个类Base。有几个关键点:1、切换时候,提示内容怎么保存?2、选中号码的时候,注数,金额数据要保存。选择玩法的时候,这种任7玩法中文名要怎么对应显示也要存储?我们需要构造一个数据结构,来存储彩种相关玩法的基本信息。这里同样采用map数据结构。

4-6 创建彩票基础模块(上)_第1张图片

map集合,就是我们设置的几个set,是可以级联操作的。这是数据结构部分,下面第二部分,初始化号码,初始号码是1-11这几个号码。看一下数据的格式。个位数前面加0。初始化值,写一个方法:initNumber

4-6 创建彩票基础模块(上)_第2张图片

这里的number是add方法,这里的number是设置的一个set对象,为什么用set不用map?因为不能有重复。set不可以有重复,所以特别吻合。padStart,前面添加0。完成选号的初始化。ES5做的话,要检查重复,保证两位。


下面设置遗漏数据:

4-6 创建彩票基础模块(上)_第3张图片
4-6 创建彩票基础模块(上)_第4张图片
4-6 创建彩票基础模块(上)_第5张图片

你可能感兴趣的:(4-6 创建彩票基础模块(上))