15.7.6

IE和firefox页面布局

当2个元素，每个元素都有嵌套多个元素的情况下，布置间距时不同的是：

IE是以元素下多个元素中四边距最大的开始与另一个元素进行设置间距

firefox则是以元素层最外层的开始进行设置间距。

-------------------------------------------------------------------

当有一个场景需要从一个有分页的table中将元素COPY到另一个不分页的table中时，为了美观起见，

可以为table或给table的外层设置一个div并给予max-height(height也可以，

但不建议使用)并设置参数与分页table一致，可以使不分页table保持分页table一样的高度后

，出现下拉条，而不是使元素一直增加，降低客户体验感。

-------------------------------------------------------------------

访问一些接口得到数据的对象，不要急于去处理对象，

因先考虑对象有值和没值是如何处理，有值在应用不同的场景时又是如何处理。

-------------------------------------------------------------------

在页面上，如果要执行倒计时的工作，可以运用settimeout(工作,时间)；

-------------------------------------------------------------------

VM模板：

场景：有3个文本框，假设用户有1号文本，那则1号文本框放置1号文本，2号3号放置设定的默认文本

            同理假设用户有2号文本，那则1号3号放置默认文本，2号放置2号文本

这里首先是一定要访问数据库，将得到的文本可以依次放置在Map中，key为数字ID，循环增加，value是文本。

在给一个默认文本的map，操作如上。

在页面foreach($i  in  ["1","2","3"])

#if($textMap.get($i)

     $textMap.get($i)

#else

     $defalutMap.get($i)

--------------------------------------------------------------------

parse从一个字符串中解析出json对象

var str = '{"name":"zhangsan","age":"20"}'

结果：

JSON.parse(str)

Object

1. age: "20"
2. name: "zhangsan"
3. __proto__: Object

注：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。

stringify()从一个对象解析出字符串

var a = {a:zhangsan,b:lisi}

结果：

JSON.stringify(a)

"{"a":zhangsan,"b":lisi}"

----------------------------------------------------------------------------

模拟资源

在有些时候，我们的工作其实就是去访问资源，调用资源，但在测试环境中，访问是有很大的限制，

这时候新手们可能会不知道从何下手。因为他们在脑中都存在了先获取，在处理的概念，连获取都

获取不到，还怎么处理？那我们就自己动手做一个。首先你得先了解你需要获取的资源都是什么类型

，而不必去思索资源是什么。想当初我也问过经理一些小白问题，就有获取不到数据这一个，当时

经理和我说，这个接口要线上才能调，测试环境只能自己造一个，当时我就傻眼了，怎么自己造，我怎么

知道我要造些什么。

class goods;

String goodsName;

String price;

其实有些伙伴在这时候他还是很模糊的概念，怎么自己写，我怎么知道有什么资源。

其实你不需想这样，你只要把类型看明白你就知道业务上他是做什么了。

goods是商品类，goodsName那就是商品名称，你不知道有什么商品，那就随便

给一个

goods.setGoodsName('pen');

这样我们就创建了一个商品pen；

当然一个商品是远远不够我们测试的需要的，我们可以将创建商品的代码写在一个方法里，

让其方法返回一个goods类型的list，这样我们便可以有一串的数据供我们去测试代码的有效性。