前言

自 2017 年騰訊推出小程式產品 3 年以來，微信小程式仍以 10 億月活領先於位元組跳動、支付寶、百度等巨頭公司，在產品生態和技術模式上目前也一直處於被同類競品追趕的位置。可以說，微信小程式基本上引領了小程式這個細分領域的一套標準化程式和規範。

長期以來，移動網際網路界一直在尋找一種既能獲得 Native 原生的體驗，又可以低門檻快速開發的技術。在這個過程中出現了很多嘗試，例如 React Native（RN），RN 本質上是輕量化 Native 開發，在 Native 基礎上做減法；H5 的特點是開發成本較低，可以做到比較靈活，但缺點在基礎資訊獲取方面（如地理位置、手機資訊、播放器等）和順滑體驗方面無法做到 Native 的效果。

在這個背景下，微信小程式也給出了自己的方案，它的做法是在 H5 的標準上做 Native 能力的加法，賦予了小程式很多 Native 的能力，微信透過自行研發的小程式執行時，為小程式提供了大量的API層面能力支援，如地圖、導航、畫布、滾動檢視等方面都能提供支援。

小程式的優越性體現在既保留了 H5 開發的便利和靈活性，又可以達到媲美 Native 體驗，配合微信11億使用者的社交網路，越來越開發者選擇微信小程式的技術。

小程式是如何執行的？它的工作原理是什麼？

小程式的出現不是一蹴而就，而是在移動網際網路近10年的業務、場景積累上逐步發展起來的。Web 開發具有高效、靈活、門檻低的特點，但弊端在於所有的頁面都依賴瀏覽器的渲染，瀏覽器的能力就是 Web 研發的上限和邊界。

為了克服這個問題，於是便有了 JS-Bridge 這種方式，將很多常用元件內建到應用中，當內嵌元件足夠多的時候，再做一層封裝，形成了JS-SDK，其本質沒有差別。

小程式在 JS-SDK 的基礎上，一方面進一步開放和擴充原生的能力給到 Web 前端呼叫，另一方面，頁面渲染（Webview Render）的UI層和邏輯層，使用了兩個獨立的執行緒。如下圖所示：

從原理到實戰，四大模組，200頁微信小程式開發寶典（UI開發、API操作、專案實戰....）

今天，高能的地方來了！騰訊內部出品的“Android 微信小程式學習寶典”分享給大家，從原理到實戰，一應俱全！這份寶典主要涉及以下四個方面：

1、小程式基本介紹（背景與趨勢、小程式技術方案、開發工具、MINA 框架、邏輯層與頁面層、單項資料流）
2、UI 開發（頁面佈局之彈性佈局-Flex 介紹、文字與圖片內容的呈現、互動表單、對話方塊、下拉重新整理和上拉載入、動畫效果實現.....）
3、API 操作（網路請求、檔案結構及操作、地理位置獲取、裝置資訊獲取）
4、小程式購物商城專案實戰（微信小程式之側欄分類、仿淘寶分類入口、購物數量加減、商品屬性分類、購物車實現）