JS学习笔记2015-4-18（第五天）

因为搬家，断网，耽误了，所以今天补上。

练习1：模拟用手机对话；

作业过程中的思考：

1、不要被实现的效果所迷惑或者吓倒，应该看透的是其背后的原理。比如：如何让img的表情图片移到上面的对话框内？img本身的src？img本身的innerHTML？别傻了，浏览器只会返回给你一堆字符串。解决方案是在外面套一个div，让div的innerHTML就是img图片本身;

2、学JS最重要的也许是思维方法和逻辑；

3、CSS的基础，直接回影响到后期JS的学习，很多布局方法要掌握，比如左列固定，右列自适应；

4、在模拟手机短信聊天的时候，遇到一个布局问题：

A、左边栏固定宽度，右边栏自适应布局（这个比较常见）：

<div class="box1"></div><div class="box2"></div>

样式：.box1{ float:left; width:200px;}

.box2 { overflow:hidden; padding-left:10px;_zoom:1;

_padding-left:7px;}

B、左边栏固定宽度，右边栏自适应布局（这个比较常见）：详见链接：

http://jo2.org/css-auto-adapt-width/