前提條件：對html、css、js有基本的了解，可以獨立寫出一個靜態頁面，可以說像我這種一知半解的人比較適合，哈哈。
目前客戶端嵌入的H5頁面越來越多，也越來越多，除了普通頁面之外，一些游戲類的，大部分采用H5來實現，自己對于H5頁面的目前還停留在黑盒階段，個人在完全黑盒的情況下面對著以下3個問題：
1、沒有理由的各種適配
2、出現問題無法定位
3、測試沒有重點
剛開始的時候，自己對這些東西感覺貌似一知半解，看到個頁面覺得自己寫出來應該不會有問題把，只是可能不太熟練，寫的時間多點而已。所有的知識在測試過程中都接觸過，應該沒有什么太大問題把，呵呵。
但是知識就是這個樣子，自己不動手，就會停留在自己所認為的那個樣子的想法，越是這樣就越是停留，永遠認識不到自己存在哪些問題。于是，自己想寫個H5頁面出來。只有動手了，才發現自己有哪些問題。當然這次選取的頁面可能也是相對簡單些的哦，想先練練手，看看存在哪些基本問題，然后再看情況如何進行。
1、選取頁面
聚劃算H5頁面，包括頂部的bar、滾動的、3個排列一拖二的運營廣告位，還有就是商品list，其中每個list都是圖片+三行文字的結構
2、基本知識準備
首先翻閱了很多資料，個人覺得以下資料針對一知半解的我還是不錯的
2.開發必備知識
2.知識學習
2.、布局方式和技術
3、編寫頁面中遇到的問題及解決
3.1PC端戰士正常，但是是亂碼
3.2PC端比例正常h5頁面老是彈出廣告，但是到了手機上完全不是我理所當然認為的那樣完整無誤的展示在手機上。
3.和100到底有什么區別呢？
3.4如何實現運營廣告位置的一拖二的效果？如何實現DIV的層疊效果？
3.5CSS樣式如果覆蓋了h5頁面老是彈出廣告，怎么樣使自己的樣式生效呢？
3.6如何實現圖片的滾動效果輪播
***這些問題等到下一篇總結出答案哦，也歡迎大家給到我答案，謝謝***