今天完成的事情：

      1. 将任务4错误的地方修改完毕

明天计划的事情：

      1. 完成任务5

      2. 要好好的将任务目标看好在解决问题

遇到的问题：

Q1: 

      无法在点击"关闭"的按钮后关闭当下页面。

A1: 

      后来发现原来是因为href中要在wendow前方写上javascript:这方式，不然就无法使用成功。（具体原因没查明。）

      错误使用：

      <a href="window.close();" >关闭</a>

      正确使用：

      <a href="javascript:window.close();" >关闭</a>

      ps：最终效果只能在手机上正确查看。（已侧试完点击"关闭"后可以将浏览器中的此页关了）

Q2: 

      input没有限制输入的电话号码字数

A2: 

      后来在手机输入框中加上maxlength可以直些限制输入长度

      <input placeholder="请输入手机号" maxlength="11">

Q3: 

      input限制只能输入正确的手机格式

A3: 

      使用的验证方式是用jquery直接判断手机号输入的位置，

      if($(".phone input").length>0){ // 验证手机号

          $(".phone input").change(function () {

              var phone = $(".phone input").val();

              if(!phone){

                  alert("手机号码不能为空，请重新输入"); // 没输入手机号的话就会跳出此信息，点击登陆的按钮也会即时做判断

                  return false;

              }

              if (!phone.match(/^1[34578]\d{9}$/)) { // /^1[34578]\d{9}$/ 这边直接使用证则表达式判断号码是否符合正确格式

                  alert("手机格式输入错误，请重新输入");

                  return false;

              }

          });

      }

Q4: 

      a标签，滑鼠移入后会有底线

A4: 

      因为方式一直没背下来所以在此记录一下

      html * 表示在html下的所有标签都要修改，包含其中的所有选择器。

      使用!important的原因是表示要强制修改所有css内的这个属性

      html * {text-decoration:none!important;)

收获：

      发现用less编辑css超级好用！速度快，又能重复引用相同的。使用的具体方法如下↓

      所以在修改任务4的错误点时顺边将css又重新整理了一次。

      ps: 因为这几天又在重新找工作，还有webpack还没有完全设置好，创东西有出问题。

            所以解决任务4的错误点花了不少时间。

      pps: 使用webpack可以在编辑代码的时候省下超多时间！！！超好用！而且还可以将css中未使用的代码重新整理并打包在一起，省时省力又快！

参考链接：

CSS 选择器参考手册：http://www.w3school.com.cn/cssref/css_selectors.asp