今天完成的事情

完成css任务十四，十五 了解js任务2 做了js任务2第一个页面 看js高级程序设计

明天计划的事情

不理解js，先暂停任务，快速粗略的看完js高级程序设计和es6，再开始任务

遇到的问题

#chrome在手机模式下在鼠标移动到页面区域就消失

在手机模式下，鼠标移动到页面区域就会消失移出来就正常，能正常点击页面但看不到鼠标完全不知道点了哪里，

解决办法：PC的HDMI接显示器时，Nvidia和Intel的核显默认输出颜色为Limited Range，16-235，Chrome手机模式小灰点，其实就是因为正好灰度落在了显卡输出时滤掉的范围里，所以莫名消失了。配置输出为全范围：0-255即可

布局发生错位

解决办法：调试发现，内边距外溢 

原因是采用了bootstrap 清除内边距，不使用其后，内边距出现，重新清除内边距即可

# 宽度达到2500px ，轮播图不能占满

解决办法：设置最小宽度100%即可

min-width: 100%;

#输入框type

  if (number>18||number<4) {
     alert("请输入正确的玩家数量");
     document.getElementById ("inputNumber").value="";  //清空错误数量
    }

收获

# window.open() 方法

既可以导航到一个特定的 URL，也可以打开一个新的浏览器窗口。这个 方法可以接收 4 个参数：要加载的 URL、窗口目标、一个特性字符串以及一个表示新页面是否取代浏览 器历史记录中当前加载页面的布尔值。通常只须传递第一个参数，最后一个参数只在不打开新窗口的情 况下使用。

如果为 window.open() 传递了第二个参数，而且该参数是已有窗口或框架的名称，那么就会在具 有该名称的窗口或框架中加载第一个参数指定的 URL。看下面的例子。

//等同于 < a href="http://www.wrox.com" target="topFrame"> window.open("http://www.wrox.com/", "topFrame");

调用这行代码，就如同用户单击了 href 属性为 http://www.wrox.com/， target 属性为 "topFrame" 的链接。如果有一个名叫 "topFrame" 的窗口或者框架，就会在该窗口或框架加载这个 URL；否则，就会创建一个新窗口并将其命名为 "topFrame" 。此外，第二个参数也可以是下列任何一个特殊的窗口名 称： _self 、 _parent 、 _top 或 _blank 。

js任务2给首页按钮添加点击跳转

<p class="gameChose " onclick="openDeal()">简化版</p>
function openDeal() {
window.open("deal.html","_self")
}

任务总结：

任务名称：css-task14 、css-task15 任务耗时：两天 任务成果：jinjun.wiki/task/css/task14

任务脑图：

任务总结：这两个任务，主要是自制删格系统，响应式导航栏，轮播图的制作，删格系统参考bootstrap的即可，按十二等份设置宽度，最好设置和bootstrap一样的样式类名，这样就不用修改HTML源码，

出现较多的问题是自制删格系统中很多细节，还有重置的样式和bootstrap不一样，需要注意的主要有内边距，外边距，盒子大小的类型，容器的最大宽度等，轮播图需要注意图片自适应的问题，导航栏也需要做出响应式的，用媒体查询即可。

任务进度：完成css14.css15

禅道：http://task.jnshu.com/zentao/project-task-705.html