今天完成的事：

1.完成了任务一的深度思考

2.提交任务一，待审核

3.深度思考任务一过程中，发现了新问题

明天的计划：

1.等待审核通过任务一，提交任务二

2.任务二深度思考

3.下载PS，学习切图

4.开始任务三的学习

遇到的问题：

1.float布局，怎么居中? text-align=center 失效！

  这个问题很有趣，今天突然想到，之前在做九宫格的时候，用flex，inline-block都实现了完美居中，但是唯独最初的float版本没法居中，只能通过设置margin来把九宫格做的很漂亮（仿佛居中了一样），但是一旦缩小到非常小，就会暴露出来，肯定是一边白边很多的！

  经过网上查找，确实因为float只能设置左和右，没有居中这个设置。然后我看到一个demo，关于一个面试题，问如何将一个float的盒子居中？ 操作就是，给这个盒子外面套上一个div盒子，然后使用父子盒子都上relative定位，父级盒子用50%的left（相当于页面的），子级用-50%（这是相对于父盒子的50%）这样一抵消，刚好子级元素就在页面中间了。

  然后我就尝试用这个套娃的方式操作在九宫格上，貌似不管用，一个大盒子套住九个小盒子，行不通T__T，所以这个问题我暂时解决不了了。 求助师兄！ 

收获：

---深度思考任务一

5.九宫格的布局你还能想到哪些办法实现？它们各自的优势劣势是什么？  

我尝试了absolue、float、inline-block、Flex四种方法实现了九宫格

（1）先说absolute，这个方法非常的死，也是一开始接触的时候用的，需要准确算出每个盒子的位置，九个盒子，用left、top来定位，不灵活且计算麻烦，最大的问题就是无法自适应。

（2）float和inline-block，做九宫格这个项目非常适合，代码可以很简洁，设置好vw高宽度，就可以利用它们的特性自动换行，但是float没法设置居中，只能通过控制margin的值来控制盒子的间隙，让九宫格看上去居中了。

 而对于inline-block，居中很完美，但是对于缩小到最最极限，九宫格就会崩，一行只能容纳2个盒子，其余表现很完美。

（3）相较于上面三种办法，可以说flex表现毫无漏洞，不管最大最小屏幕，都能完美适应，但是做flex需要额外给一个div作为“容器”，相对于其他办法，稍稍麻烦了一点。但是相信在大项目上，这个办法最合适了。

（4）看到有师兄尝试用grid布局来做，我这里没有尝试，有机会我会试一下。

6.IDE是什么？它和文本编辑器相比有什么优缺点？

  IDE全称：集成开发环境（Integrated Development Environment），是用于提供程序开发环境的应用程序，一般包括代码编辑器、编译器、调试器和图形用户界面等工具。它集成了代码编写功能、分析功能、编译功能等一体化的开发软件。所有具备这一特性的软件都可以称为IDE。例如，微软的Visual studio，Borland的C++Builder等等。

  所以IDE就是除了编辑器功能，还有软件开发功能；编辑器就纯粹是文本编辑器。知乎知友有一个贴切的例子，IDE就像服务员，按摩店里有，澡堂子里有，餐厅里也有；编辑器，就是跟你过日子的！

相比编辑器有什么优点：

（1）更节省时间和精力，可以提供各种工具和性能来帮助开发者组织资源，减少失误

（2）建立统一标准，当一组程序员用同一个开发环境时，就建立了统一的工作标准

缺点：

（1）学起来比较复杂，上手慢

（2）就第一点来说，初学者在学习新语言的时候，还要学IDE简直是噩梦

7.加和不加meta的viewport有什么区别？

    首先明确一点，电脑端的CSS中1px，不等同于我们在手机上浏览时显示的1px，这是由于手机屏幕的分辨率不同造成的，例如同样1px，在分辨率为360×480的手机上显示为1px，但是在640×960的分辨率上，在同等屏幕大小情况下，分辨率翻一倍，像素也就多了一倍，这时候浏览可能就会出现滚动条（因为一个屏幕已经容不下原来的图像画面了）。而如果我们设置了 viewport ，initial-scale=1，width=device-width，移动设备就会自动把界面设置到最理想的长宽高度。