前几天尝试投了简历，希望能收获面试经，一家公司的面试中提到了自适应移动端，说不了解还是给了面试机会，为了争取一下查看了这家公司的资料，发现官网只是有两张图片构成的一个网页，以微信小程序为主要平台。于是提前了解了移动端自适应，希望通过简单的让他们公司官网自适应移动布局能获得机会。

今天完成的事情：

通过photoshop进行简单的切图获取素材

通过js监听屏幕尺寸、设备的变化改变网页布局。

使该公司官网简单的自适应移动端布局，

了解了语义化标签，并初步使用

复习js

明天计划的事情：

因为去面试，明后天的计划合并

了解github、git、webstorm等开发工具，并了解如何在这三者间进行代码传递。

了解nginx和服务器的概念购买服务器，能成功地在网页上浏览。

遇到的问题：

1、           如何辨别浏览设备             

使用js的browser对象Navigator的userAgent 属性获取http请求头的信息来判断浏览设备。代码如下:          

navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)

2、           如何监听浏览器窗口变化。

window.onresize=function(){

       changeDivHeight();

}

3、           getElementsByClassName获取标签节点后无法更改标签的width

原因getElementsByClassName和ID获取不一样，默认返回的是数组，不能如此更改，需要调用数组元素，一个个改。

4、           如何只透明化背景颜色，不透明上面的文字等等。

使用rgba属性

rgba括号中前3个数字代表着 red green blue三种颜色的rgb值，0-255，最后一个是设定这个颜色的透明度即alpha值。范围从0到1，越接近1，代表透明度越低。

收获：

1、   Hack技术的了解

不同浏览器对 CSS 解析机制并不是完全相同，因此会导致不同浏览器中，页面的效果各不相同。

此时可以针对某种浏览器进行样式设置，从而达到所有浏览器显示的效果一致，这种标识不同浏览器的方法就是 hack。

具体有属性前缀法(即类内部Hack) 、不同浏览器兼容的代码、选择器前缀法(即选择器Hack)、IE 条件注释，代码太长，记录在word中了。

2、   只有标准流的盒子才能实现margin:0 auto;的居中，也就是说当一个盒子浮动了、绝对定位、固定定位了，margin:0 auto;无法使其居中。

3、 一直以为css样式生效只有就近原则，没想到还有权重问题..

整理如下:选中选选中的,都选中比权重,权重相同就近原则.

未选中就近原则,一样近比权重。

4、 对js和的理解

      ECMAScript不是一门语言，而是一个标准。符合这个标准的比较常见的有： 

      JavaScript.  JS由三部分组成

      ECMAScript: (3/5/6/7)它是JS语言的标准,规定了JS的编程语法和基础核心知识

      DOM: document object model 文档对象模型,提供给JS很多操作页面中元素的属性和方法

      BOM: browser object model 浏览器对象模型 ,提供了很多操作浏览器 的属性方法,而这些方法都存放在windows浏览器对象上