今天完成的事情：

1、今天尝试去写注册页面的邀请码功能；

2、听叶紫阳讲关于rgba和opacity以及display和visibility的区别。

明天计划的事情：

继续写修真院的注册页面和邀请页面

遇到的问题：

1、对于写注册页面遇到了正则表达式的问题。这个地方可以填邀请码或者邀请人的手机号，这属于两个条件，不知该怎么写正则表达式。谷歌百度了好久，也没有找到解决的办法，最后是决定通过条件判断来解决这个问题。考虑到字符串要求是8位，手机号有11位，于是分成了两种情况，代码如下：

2、原型图要求注册邀请码页面样式如下：

很明显，文字部分是用placeholder写出来的。但是“邀请码”和“邀请人手机号”明显不是默认样式。于是百度谷歌去找如何给placeholder设置样式，但网上大部分的方法都是用伪类或者伪元素来做，链接：https://segmentfault.com/a/1190000000599757

我按照给出的代码进行了尝试，结果并没有什么卵用，所以这个地方暂时空着，留待以后处理。

3、邀请码有这么一个需求：从邀请链接进入的小伙伴，注册界面邀请码默认展示并且不能修改。也就是说，从邀请链接进入注册页面，注册页面的邀请码输入框的参数是自动填写的，且不可更改。那么，这也就意味着，如果不是从邀请链接进入到注册页面，邀请码输入框的内容是可更改的，这就必须要判断是从什么页面进入到注册页面的。后来我想，是否可以传利用传参来解决？参数就是邀请码。但是邀请页面还未写，所以只是停留在“想”的阶段。

收获：

1、学习了多个条件的正则表达式的写法；

2、听叶紫阳讲rgba和opacity以及display和visibility的区别，收获如下：
A、display常用属性值，inline、inline-block、block和none，而visibility有hidden和visible，默认值collapse只对table对象起作用；

B、display:none 元素不可见但在文档流中不占据空间，visibility：hidden 元素不可见但是占据空间；

C、RGBA是在R（Red）G（Green）B（Blue）模式上增加了alpha通道，alpha通道是不透明度；opacity属性是CSS3的属性，设置元素的不透明级别；

D、opacity会继承父元素的opacity 属性，而RGBA设置的元素的后代元素不会继承不透明属性。