本篇內(nèi)容介紹了“小程序中需要注意的點(diǎn)是什么”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

成都創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的仙居網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

一.細(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ò)我們沒有必要再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引擎也沒關(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)）

“小程序中需要注意的點(diǎn)是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！