<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??碼云GVP開源項目 12k star Uniapp+ElementUI 功能強大 支持多語言、二開方便! 廣告
                >[info] ## 小程序 1. 小程序(Mini Program)是一種不需要下載安裝即可使用的應用,它實現了“觸手可及”的夢想,使用起來方便快捷,用完即走。 2. **目前常見的小程序有**,微信小程序、支付寶小程序、淘寶小程序、抖音小程序、頭條小程序、QQ小程序、美團小程序等等 * 2017年1月 微信小程序上線,依附于微信App; * 2018年7月 百度小程序上線,依附于百度App; * 2018年9月 支付寶程序線,依附于支付寶App; * 2018年10月 抖音小程序上線,依附于抖音App; * 2018年11月 頭條小程序上線,依附于頭條App; * 2019年5月 QQ小程序上線,依附于QQApp; * 2019年10月 美團小程序上線,依附于美團App; 3. 小程序作為介于H5頁面和App之間的一項技術,它有自身很大的優勢,**體驗比傳統H5頁面要好很多,相當于傳統的App,使用起來更加方便,不需要在應用商店中下載安裝,甚至注冊登錄等麻煩的操作,傳統的App更新需要先打包,上架到應用商店之后需要通過審核(App Store)但是小程序可以在App不更新的情況下,動態為自己的應用添加新的功能需求** >[info] ## 關于小程序技術 1. 微信小程序:https://developers.weixin.qq.com/miniprogram/dev/framework/ ,主要技術包括:WXML、WXSS、JavaScript; 2. 支付寶小程序:https://opendocs.alipay.com/mini/developer,主要技術包括:`AXML、ACSS、JavaScript;` >[info] ## 小程序開發框架歷史 1. **[mpvue](http://mpvue.com/)**是一個使用**美團團隊開源**的一款使用Vue開發小程序的前端框架,也是 支持 微信小程序、百度智能小程序,頭條小程序 和 支付寶小程序 該框架**在2018年之后就不再維護和更新了**,所以目前已經被放棄; 2. **[WePY (發音: /'wepi/)](https://wepyjs.github.io/wepy-docs/)** **是由騰訊開源的,類vue語法規范的小程序框架,借鑒了Vue的語法風格和功能特性**,支持了Vue的諸多特征,比如父子組件、組件之間的通信、computed屬性計算、wathcer監聽器、props傳值、slot槽分發,還有很多高級的特征支持:Mixin混合、攔截器等;一款讓小程序支持組件化開發的框架,通過預編譯的手段讓開發者可以選擇自己,喜歡的開發風格去開發小程序該框架**目前維護的也較少** 3. **[uni-app](https://uniapp.dcloud.net.cn/)** **由DCloud團隊開發和維護**;uni-app 是一個使用 Vue 開發所有前端應用的框架,開發者編寫一套代碼,**可發布到iOS、Android、Web(響應式)、以及各種小程序(微信/支付寶/百度/頭條/飛書/QQ/快手/釘釘/淘寶)、快應用等多個平臺**。uni-app目前是很多公司的技術選型,特別是希望適配移動端App的公司; 4. **[taro\['tɑ:ro?\]](https://taro-docs.jd.com/docs/)**,泰羅·奧特曼:由**京東團隊開發和維護**;是一個開放式 跨端 跨框架 解決方案,**支持使用 React/Vue/Nerv 等框架來開發 微信 / 京東 / 百度 / 支付寶 / 字節跳動 / QQ / 飛書 小程序 / H5 /RN 等應用**;taro因為本身支持React、Vue的選擇,給了我們更加靈活的選擇空間; 特別是在**Taro3.x之后,支持Vue3、React Hook寫法**等; 5. 使用原生小程序自帶規則自己編寫 >[info] ## 微信小程序基本概念 1. 頁面布局:WXML,類似HTML 2. 頁面樣式:WXSS,幾乎就是CSS(某些不支持,某些進行了增強,但是基本是一致的) 3. 頁面腳本:JavaScript+WXS(WeixinScript) ![](https://img.kancloud.cn/bd/bd/bdbd65ba7508d3462934e0183df7702d_661x289.png) >[info] ## 注冊流程 1. 接入流程:https://mp.weixin.qq.com/cgi-bin/wx ![](https://img.kancloud.cn/93/4b/934b95f12c8ac71bdd5b44831b33fec4_1920x892.png) >[info] ## wx開發工具 1. https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 2. 在工具欄 ![](https://img.kancloud.cn/fe/d9/fed96b379bbd42a0542f5a3832bc475a_1897x90.png) >[info] ## 獲取AppID 注冊完成后在如圖位置獲取AppID(小程序ID),輸入到小程序開發者工具中就可以開發 ![](https://img.kancloud.cn/8b/94/8b94c379e581808590911d6aed00dd02_1126x768.png) >[info] ## 創建項目 ![](https://img.kancloud.cn/15/0a/150a1e168ef1da6bf286df41217fb699_901x575.png) ![](https://img.kancloud.cn/11/a6/11a6e71726bda0522fda9fe2c1b4e103_229x441.png) >[info] ## 使用vscode 開發 可以使用這些插件 ![](https://img.kancloud.cn/01/f4/01f40b01d185002e02ea86bdb17698f0_714x629.png) >[info] ## 項目結構目錄 ![](https://img.kancloud.cn/9d/f4/9df430e1784c7d99899190673c9c0360_1132x695.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看