爲方便參考及學習，特意將項目放在了github上託管公開，本系統教程不爲別的，其一是爲了鞏固自學研究，其二也是爲新上路的同學提供一點學習幫助，不吝賜教。供大家參考。https://github.com/carbonZhao/wxMiniCombat
在正式進行教程之前，先做一下思想工作，讓讀者朋友們心裏做到這是什麼？要學習什麼？能做什麼？如果你連本節都沒有興趣閱讀下去，那請您移步別處去吧，就不浪費您的時間了。
第一，小程序是什麼？
說到這裏，再說說，爲什麼要跨平臺，一些小白可能認爲，開發一個程序爲什麼不能在其他平臺(系統)運行，很是納悶，因爲不同的平臺(系統)是使用不同的技術(高級編程語言)開發實現的，同一種語言編寫的程序是很難直接運行在另一個語言系統環境中的。就好比你家的自行車和轎車，你不能把自行車的輪胎安裝給轎車使用，轎車的零件不能給自行車使用。雖然這個例子並不鮮明的說明平臺的差異，但是總歸你能理解一些皮毛。 但是呢，聰明的前輩總能找到不同平臺的共性，或者是設計開發平臺的初始人員對於某些系統功能採用通用性的方案，或者是國際標準組織(制定某個技術的標準，就必須這樣實現，不能單獨做戰只顧自家)，那麼這些方案就是跨平臺的，即我這樣寫能在windows系統上運行，甚至不需要修改也可以在mac系統上運行。web技術就有自己的國際標準組織單位(W3C)，所以，它很好的支持跨平臺，與生俱來的特質。
再來說說小程序，它使用的開發技術核心仍然是web技術(HTML+CSS+JS)，只是針對移動平臺(手機！手機！)進行了優化，去掉那些加載性能差的，優化那些可以優化後就可以迅速渲染(指快速的畫到屏幕上)就能展現出來的，將視圖組件化(使其通用、複用)，甚至通過技術手段，將web的視圖通過原生組件替換出來顯示增強體驗，目前的小程序都是寄生在某個APP中運行，脫離了寄生的APP，就失去了它的價值。其實這個時候，APP扮演的是一個運行環境，這裏就不多解釋，避