這篇文章主要介紹了小程序中需要注意的點(diǎn)有哪些，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作與策劃設(shè)計(jì),托克托網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:托克托等地區(qū)。托克托做網(wǎng)站價(jià)格咨詢:028-86922220

本文主要和大家分享小程序需要注意哪些點(diǎn)，希望能幫助大家更好的開發(fā)微信功能。

一.細(xì)節(jié)

1.小程序包含一個(gè)描述整體程序的 app 和多個(gè)描述各自頁(yè)面的 page

2.小程序框架分為視圖層和邏輯層

邏輯層是由JavaScript編寫。

視圖層由 WXML 與 WXSS 編寫，由組件來(lái)進(jìn)行展示。組件(Component)是視圖的基本組成單元。

將邏輯層的數(shù)據(jù)反應(yīng)成視圖，同時(shí)將視圖層的事件發(fā)送給邏輯層。

二.小知識(shí)點(diǎn)

1.App() 函數(shù)用來(lái)注冊(cè)一個(gè)小程序。接受一個(gè) object 參數(shù)，其指定小程序的生命周期函數(shù)等。

都是在app.js文件中

2.Page() 函數(shù)用來(lái)注冊(cè)一個(gè)頁(yè)面。接受一個(gè) object 參數(shù)，其指定頁(yè)面的初始數(shù)據(jù)、生命周期函數(shù)、事件處理函數(shù)等。

(1).初始化數(shù)據(jù):data

data 將會(huì)以 JSON 的形式由邏輯層傳至渲染層，所以其數(shù)據(jù)必須是可以轉(zhuǎn)成 JSON 的格式：字符串，數(shù)字，布爾值，對(duì)象，數(shù)組。

(2).生命周期函數(shù)

(3).事件處理函數(shù)：bindtap

click me

3.實(shí)現(xiàn)動(dòng)態(tài)顯示和隱藏某個(gè)控件

列表1

data:{  
    open:false  
  },  
  showitem:function(){  
      this.setData({  
          open:!this.data.open  
      })  
  }

.display_show{  
    display: block;  
}  
.display_none{  
    display: none;  
}

4.通過(guò)data-* 和e.target.dateset 傳遞參數(shù)

{{firstPerson}}

吃

this.setData({  
             firstPerson:e.target.dataset.me,  
       })

這時(shí)：firstPerson=吃

5.彈性盒字：display:flex;

  
    {{firstPerson}}  
      

在父級(jí)：display:flex;

justify-content:space-between;

這樣子集就會(huì)并列。justify-content:space-between;這樣子集就會(huì)分別在在倆頭

6.獲取自身的樣式e.detail.width,e.detail.height

var app = getApp()
Page({
	data: {
		imgwidth:0,  
        imgheight:0,
        
	},
	imageLoad: function(e) {  
        var _this=this;  
        var $width=e.detail.width,    //獲取圖片真實(shí)寬度  
            $height=e.detail.height,  
            ratio=$width/$height;   //圖片的真實(shí)寬高比例  
        var viewWidth=this.data.screenWidth,           //設(shè)置圖片顯示寬度，  
            viewHeight=parseInt(viewWidth/ratio);    //計(jì)算的高度值
        _this.setData({  
            imgwidth:viewWidth,  
            imgheight:viewHeight  
        })
    }

7.如何定義全局?jǐn)?shù)據(jù)

在app.js的App({})中定義的數(shù)據(jù)或函數(shù)都是全局的，在頁(yè)面中可以通過(guò)var app = getApp();  app.function/key的方式調(diào)用（不過(guò)我們沒(méi)有必要再app.js中定義全局函數(shù)）

（1）設(shè)置全局變量

App({

    globalData:{    
         userInfo:null,    
         test:"test"    
     }

})

獲取變量值

var test = getApp().globalData.test;    
console.log(test)

三.注意點(diǎn)小程序誤區(qū)

1.小程序不是Html5。小程序是微信全新定義的規(guī)范，是基于xml+js的，不支持也不兼容HTML，兼容受限的部分css寫法。

小程序和騰訊X5引擎也沒(méi)關(guān)系。X5是QQ瀏覽器團(tuán)隊(duì)的，是基于HTML的，但小程序是微信團(tuán)隊(duì)自研的

2.小程序不是b/s。微信宣傳的一個(gè)重點(diǎn)，是觸手可得，不用安裝。但小程序并不是b/s的在線頁(yè)面，它是c/s架構(gòu)的。

3.小程序體驗(yàn)好并且小程序并非只適合低頻或長(zhǎng)尾應(yīng)用

4.小程序不是應(yīng)用商店，是OS（操作系統(tǒng)）

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“小程序中需要注意的點(diǎn)有哪些”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

分享標(biāo)題：小程序中需要注意的點(diǎn)有哪些-創(chuàng)新互聯(lián)
瀏覽地址：http://weahome.cn/article/jpedo.html