不过现在又有新的方法可以检测是否是chrome浏览器了。在chrome浏览器里有一个全局变量
在多次执行window.chrome.csi()和window.chrome.loadTimes()后发现，除了pageT属性是表示当前页面打开的时间外，其他的属性都不会变的。因此只要这两个方法在页面加载完成后执行，不论什么时候执行，都是能获取到准确的数据的。
我们在移动端的页面中有时候会使用到IScroll的滚动组件，要么是应用到页面的整个区域，要么是其中的某个div。当我们已经对这块区域进行初始化后，再向页面中添加元素时会出现什么情况呢？
一种情况是向滚动区域中添加元素，这个元素影响到了滚动内容的高度，比如这样的代码，.main是滚动区域的外壳：
在向页面中添加一个div元素后，如果不做任何改动，滚动条拉到底部是看不到这个新div元素的。只有使用refresh()方法，刷新滚动区域后，滚动条才重新计算：
当我们以innerHTML方式向body中追加元素后，出现了一个严重的问题，IScroll滚动区域直接卡死，无法滚动了。即使使用refresh()方法也不能奏效。
那么是什么原因造成的呢？问题就出在innerHTML上，使用innerHTML为该元素添加html代码时，实际上是重写了该元素里所有的html代码，之前的代码全部被覆盖掉，才导致绑定在内部的IScroll事件失效，无法进行滚动了。
在第一部分中，因为修改的是在IScroll滚动区域内部的内容，不会影响到IScroll的执行，所以添加的内容只是影响了滚动区域的高度，但滚动功能还是能正常使用的。
我们可以再做一个实验： 使用innerHTML向.main元素的兄弟元素里添加或者修改元素，IScroll是完全没有影响的。
那使用什么方法向某个元素（比如body）中追加元素呢，答案是appendChild了，我们可以先用createElement创建一个div元素，然后把内部所有的内容都填充到这个div的内容，然后再在该元素上appendChild这个div元素：
这种方式既不会对IScroll造成影响，也不用对IScroll的代码进行改动。方便作为第三方向某个成熟的系统中添加代码，不会对原系统产生影响。
关于使用哪种方式添加元素还得看这个项目的复杂程度。如果仅仅要实现一个简单的需求的话，用innerHTML性能还是好些。如果需要大规模重写html的话，可以使用模板引擎来完成。
基于Vue开发的单页面应用，单页面应用里是使用#hash进行路由切换的，那么现在的问题是： 无论之前的URL有没有带参数，都会在最后加上#。
在这个具有两个?的链接，location.search获取到的是哪个值？测试一下我们就会发现，获取到的是前面?到#之前的参数：
到这里这个功能已经完工了。不过在我们项目的具体实施中，还有一个特殊的需求： 有的参数会以json string格式放在某个字段里传递进来，然后页面再获取到这个字段后进行JSON.parse转换，最后才能获取到json中的值。之前是每次getQueryString(extra)获取到数据后，再进行json解析，而且为了防止json解析错误，还都要加上try...catch。
例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 border-box。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。
