初次学习H5页面小结（一）

前提条件：对html、css、js有基本的了解，可以独立写出一个静态页面，可以说像我这种一知半解的人比较适合，哈哈。
目前native客户端嵌入的H5页面越来越多，webapp也越来越多，除了普通页面之外，一些游戏类的，大部分采用H5来实现，自己对于H5页面的测试目前还停留在黑盒阶段，个人在完全黑盒的情况下面对着以下3个问题：
1、没有理由的各种适配
2、出现问题无法定位
3、测试没有重点
刚开始的时候，自己对这些东西感觉貌似一知半解，看到个页面觉得自己写出来应该不会有问题把，只是可能不太熟练，写的时间多点而已。所有的知识在测试过程中都接触过，应该没有什么太大问题把，呵呵。
但是知识就是这个样子，自己不动手，就会停留在自己所认为的那个样子的想法，越是这样就越是停留，永远认识不到自己存在哪些问题。于是，自己想写个H5页面出来。只有动手了，才发现自己有哪些问题。当然这次选取的页面可能也是相对简单些的哦，想先练练手，看看存在哪些基本问题，然后再看情况如何进行学习。
1、选取页面
聚划算H5页面，包括顶部的bar、滚动的banner、3个排列一拖二的运营广告位，还有就是商品list，其中每个list都是图片+三行文字的结构
2、基本知识准备
首先翻阅了很多资料，个人觉得以下资料针对一知半解的我还是不错的
2.1webapp开发必备知识
2.2viewport知识学习
2.3webapp、native布局方式和技术
3、编写页面中遇到的问题及解决
3.1PC端战士正常，但是手机是乱码
3.2PC端比例正常，但是到了手机上完全不是我理所当然认为的那样完整无误的展示在手机上。
3.3100PX和100到底有什么区别呢？
3.4如何实现运营广告位置的一拖二的效果？如何实现DIV的层叠效果？
3.5CSS样式如果覆盖了，怎么样使自己的样式生效呢？
3.6如何实现图片的滚动效果轮播
***这些问题等到下一篇总结出答案哦，也欢迎大家给到我答案，谢谢***