1.客户区大小：cilentWidth是元素内容宽度加上左右内边距宽度、cilentHeight是元素内容高度加上上下内边距宽度。滚动条占用的空间不计算在内。
2.要确定浏览器的视口大小，使用doucument.documentElement或document.body的clientWidth和clientHeight。
3.滚动大小：包含滚动内容的元素大小.元素,即使没有执行任何代码也能自动地添加滚动条，而其他元素需要CSS添加overflow属性设置才能滚动。
4.混杂模式下，web浏览器视口中滚动的元素是元素。所以带有垂直滚动条的页面总高度是doucument.documentElenmt.scrollHeight。
5.注意窗口视口大小与文档内容区域大小的区别。
6.并且上述的四个表示大小的属性在不同的浏览器下的定义还不一样。
7.通过设置element.scrollTop的值为0可以让页面回到顶部，也就是一键回到顶部功能。
8.在跨浏览器获得文档总高度时，我们需要取得scrollHeight、clientHeight等的最大值。
9.可以使用NodeIterator和TreeWalker来对DOM进行遍历操作。
10.使用document.createNodeIterator来创建遍历DOM树对象。可使用过滤器进行标签过滤。
11.插槽设置样式是没用的，要被替换。
12.不管是class还是什么属性，都可用v:bind动态绑定。
13.如果是一个比较大的页面，都给它加一个文件夹。
14.compnets里面放一些公共的组件。
15.如果不想加载全部所有组件，就使用懒加载，就是箭头函数的import。
16.直接父传子，使用props属性。
