微信小程序js條件語句,微信小程序常用js方法

本文目錄一覽：

一般是先修改json值再setData 比如:

page({

data:{

s1:{a:””,b:”b”}

changeData:function(e){

var cData=this.data.s1;

cData.a=”1″;//先修改json值

this.setData({ //再set值

s1:cData

})

}

})

把AngularJS開發的頁面遷移到微信小程序目錄遷移

1、每個子模塊頁面換成Pages目錄下的一個子目錄，目錄命名就是原子模塊名。

2、原來的通用css、image、fonts等靜態資源統一移到resource目錄下，需要使用時，對於css樣式文件，在對應子模塊的wxss文件首部通過import命令引入；替換規則1、div需統一轉換成View；2、ng-show統一轉換為wx:if；

3、ng-click統一轉換為bindtap；

4、ng-repeat統一用wx:for替換；

5、ng-class中的樣式選擇性綁定可以直接把條件綁定語句嵌入class屬性；js代碼模塊級代碼遷移：可將模塊級作用域使用的通用邏輯搬到app.js中，通過app對象來引用；或者定義一個util模塊，來做動態引入；對於原生與h5交互時用到的自定義事件，需要根據具體場景做處理。

子模塊級代碼遷移：可將Angular子模塊代碼直接遷移到小程序對應Page對象中，當然，對於Angular特定語法的$***對象（例如$scope、$rootscope）的操作，需要做全局替換，替換原則是：

1、$scope:與Page對象同生命周期內的$scope，可以直接替換成this；而對於非同一生命周期的（最常見的即是各種callback回調函數），需要將Page對象在方法外做引用保存（例如varself=this），然後在回調函數中使用。

2、$rootScope:推薦放入app對象中引用，或者自定義通用模塊，然後動態引入；

3、數據模型：各頁面中建立的數據模型，直接放入***.json文件中，如果涉及Angular特定語法的操作，可參考上述兩點的做法進行替換；

4、jsonp請求：將jsonp請求統一替換成wx.request請求，只是原來的鏈式寫法要換成參數型寫法；

5、子模塊間的頁面跳轉，$state.go統一替換成wx.navigateTo或wx.navigateBack。

開發微信小程序需要用到以下技術：

1、wxml，小程序常用語言為wxml，wxml是微信但是你熟悉wxml之後會發現其實它的編程理念和HTML的網頁編程比較類似。

2、wxss，wxss更趨向於CSS,wxss，其實主要的實現思想理念也和網頁的開發技術差別不大，主要是一些標籤的一些簡單替換，大部分和原先的css、基本不誤，都是通過同頁面調用的方式實現的。

3、js，開發小程序還必須掌握js技術，如果html+css+js的基礎打的好，再來學習一下微信小程序js，之後在前端開發上就沒有什麼問題了。

4、服務器語言，如果不是專業的後端開發者，可能後端有一定的難度其學習曲線較陡。但是，仍然建議開發者學習一下後端語言，至少需要了解大致的原因框架，能夠看懂其代碼邏輯，這樣不僅可以很好地實現前後端的配合，也能夠在小程序出現bug的時候使用。常見的有PHP、Java、Python、ASP等技術。

5、數據庫語言，如果公司數據量不大，架構不複雜的話數據庫語言相對來說是比較簡單的，一般學會一些常用的命令以及常出現的問題就能夠應付使用。常用的數據庫有免費的MySQL、msSQL、MongoDB、Oracle等數據庫。

for是for循環，for裏面第一個是量，第二個是條件，第三個是一次循環後第一個的變化

原創文章，作者：ONMHJ，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/329147.html