国产亚洲精品资源在线26u

      
      
      <th id="ljgpb"><pre id="ljgpb"><sup id="ljgpb"></sup></pre></th>

      <rp id="ljgpb"></rp>

      您現在的位置: 微信小程序 > 微信小程序開發 > 入門 >

      微信小程序從使用到分析快速解析

      來源:微信小程序 編輯:Yiyongtong.com 發布時間:2018-02-02 10:23熱度:
       

       

      小程序公布新功能:

       

      1、個人開放注冊小程序

      2、公眾號可以與小程序綁定,從公眾號菜單、模板消息、通知均可觸發小程序

      3、可以設置通過微信掃普通的二維碼,直接打開指定的小程序(類似摩拜單車)

      4、App 分享到微信的鏈接,可以直接打開小程序

       

       

       

      在小程序上線3個月之后,小程序公布了幾大主要新能力,再一次吸引著大家的目光,新功能意味著更低的使用門檻——個人注冊、更多的流量通道——可借助線下已有二維碼與APP鏈接、更多的觸達手段——公眾號綁定。

       

      這些是不是讓很多人心中蠢蠢欲動,感覺又可以揮灑一番?

       

      現階段來看,出行類小程序與線下場景結合較好,摩拜單車、滴滴、車來了等在小程序應用上用戶數量都表現不錯,是現在小程序應用上廣受好評的應用場景;購物類小程序緊跟其后,在最近開放的新功能中,相信結合門店二維碼,購物類小程序可能會有一定的增長;另外,還有一些小而美的工具類小應用,如群應用、查規范,表現出了不錯的成績。

       

      那么,怎么做一個小程序呢?如何分析和運營一個小程序呢?

       
      小程序簡介
       

       

      微信小程序是騰訊微信團隊推出的基于微信生態的應用號,是一種跨平臺,媲美原生App操作體驗的web應用,它擁有,即用即走、離線存儲、跨平臺等特點。

       

       

      小程序架構

       

       

      Page Frame

       

      Web應用在微信下實現如原生應用般順滑的體驗,主要靠Page Frame,Native會預先加載一個WebView,當打開小程序落地頁面的時候,就直接通過下載CDN上的資源以及數據渲染頁面,請求數據則局部刷新,頁面返回直接history彈棧,退出小程序,View狀態并不會銷毀。

       

       

      MVVM

       

      微信小程序的前端架構設計,以及開發模式,充分參考了Vue、React這一類MV*的前端開發框架,我們簡單舉幾個例子:

       

      比如通過{{data-bind}}進行數據雙像綁定,就像極了Vue的設計風格;

      再比如一些標簽語法糖,列表循環:

       

      <!--wxml-->

      <view wx:for="{{array}}"> {{item}} </view>

       

      相信寫過AngularJS 和 Vue的同學都不會陌生;

      再比如,事件綁定:

       

      <view bindtap="add"> {{count}} </view>
      
      Page({
      
          data: {
      
            count: 1
      
          },
      
          add: function(e) {
      
              this.setData({
      
                  data: this.data.count + 1
      
              })
      
          }
      
      })

       

      如果你開發過React,那么其里面有一個setState的方法可以用來改變狀態的值,這里的setDate也是一樣的,通過綁定的add方法來改變視圖中count的值。

      模塊化思想這些都是現在前端框架必備基礎。


      国产亚洲精品资源在线26u

          
          
          <th id="ljgpb"><pre id="ljgpb"><sup id="ljgpb"></sup></pre></th>

          <rp id="ljgpb"></rp>