爲了(le)避免被限制，許多(duō)企業的(de)主營業務不願意與微信平台上的(de)營地進行業務，但是随著(zhe)小程序的(de)生态逐漸形成，小程序也(yě)逐漸融入到每個(gè)人(rén)的(de)生活中。每天活動用(yòng)戶的(de)數量高(gāo)達2億，學習(xí)門檻低，學習(xí)簡單。也(yě)就是說，小程序基于H5對(duì)您的(de)平台的(de)輕應用(yòng)。微信将系統底層功能和(hé)微信自身功能封裝成API，供小程序使用(yòng)。

   小程序的(de)布局

  小程序碼被寫得(de)像JS那樣完成。但結構和(hé)風格正在顯現

  1.WXML：是一組由微信設計的(de)标簽語言。他(tā)類似于HTML。他(tā)的(de)全名是：Weixin标記語言。

  2.Wxss：一組樣式語言，用(yòng)于定義類似于CSS的(de)樣式。它被稱爲CSS子集的(de)全稱：衛信樣式表

因爲小程序中UI組件大(dà)多(duō)數是用(yòng)Native實現，所以小程序直接放棄使用(yòng)HTML容器這(zhè)樣是爲了(le)更好的(de)限制，因爲入口爲index.html文件，将全局控制器app的(de)實例化(huà)放到main.js裏面 ，實際上HTML還(hái)是太過靈活，從某個(gè)角度來(lái)說 小程序的(de)做(zuò)法是值得(de)認可(kě)的(de)，

  小程序實現的(de)基本概念

  1.标簽并非全部爲标簽，而是爲了(le)JS捕獲相關邏輯的(de)執行并最終生成真實标簽

  2. 爲了(le)做(zuò)更好的(de)限制，小程序不提供入口index.HTML文件，因此這(zhè)裏的(de)标記用(yòng)作JS來(lái)生成本機解析後可(kě)以識别的(de)代碼。具體來(lái)說，native爲組件組件實現了(le)許多(duō)規則，可(kě)以使用(yòng)JS調用(yòng)這(zhè)些規則。就像這(zhè)裏的(de)頭組件調用(yòng)邏輯一樣，JS将設置本機頭組件顯示。

  小程序的(de)組件

  Swisher組件：大(dà)型滾動組件：一般情況下(xià)，在橫幅中，爲了(le)增加一個(gè)大(dà)數字的(de)效果，這(zhè)個(gè)組件可(kě)以很容易地幫助我們完成這(zhè)個(gè)任務。

  指示點：後跟布爾值，是否顯示面闆指示點

  Interval：自動切換時(shí)間間隔

  Duration：切換動畫(huà)的(de)時(shí)長(cháng)

  Circular：是否采用(yòng)鏈接滑動

  垂直：是否向紅薯的(de)垂直方向滾動大(dà)圖

  連續邊距：上一個(gè)塊暴露的(de)PX/rpx的(de)數量，具有附加值

  NextFargin：最後一個(gè)塊的(de)PX/RPX的(de)數量被暴露。

  總結

  applet的(de)本機層分(fēn)别實現一次常用(yòng)的(de)HTML标記。使用(yòng)這(zhè)些自檢可(kě)以拼接任何複雜(zá)的(de)組件。在風格上，wxss類似CSS，主要區(qū)别在于applet不使用(yòng)Px，而是使用(yòng)類似REM的(de)rpx來(lái)解決移動終端的(de)适應性問題