小程序邊學邊更新

常用組件

text

text包圍的文字才可以在手機上長按選中
text可以嵌套text設置不同樣式(style)
支持轉義\n換行

view

視圖容器

動態(tài)樣式一般用style曼氛,每次都解析;靜態(tài)樣式一般寫在wxss中

一定要記住的啊

1.公共樣式寫在app.wxss;差異性的寫在其他.wxss
2.app.json中的window設置導航欄
3.swiper-item自動繼承父元素swiper的寬高
4.json文件不能為空,必須有{}
5.寫的所有要顯示的頁面要在app.json中注冊,負責報錯
6.alt+shift+f快捷鍵格式化小程序的代碼樣式

導出和導入

方法和變量導出(寫在被導出方法和變量的js文件)
module.exports = {
  variable: value,
  method : methodName
}
class導出(es6語法)
class HomeModule {
  constructor(url) {
    this.url = url;
  }
}
export { HomeModule }
方法和變量的引入(寫在需要引入其他js的方法或變量的JS文件中)
var util = require("../../../utils/util.js");  //注意這里引入的js文件路徑寫相對路徑(絕對路徑可能引入失敗)
var http = require("../../../utils/http.js");
class的引入
import { HomeModule } from "../../../module/HomeModule.js";//引入的js文件最好寫相對路徑

使用

 var homeModule = new HomeModule(listUrl);  //創(chuàng)建class對像后就可以直接調用對象的函數(shù)了

template模板

import一個template時可用相對/絕對路徑
require一個腳本文件時用相對路徑
引入一個wxss文件時用@import "

生命周期函數(shù)

onshow:當小程序啟動,或從后臺進行前臺顯示會觸發(fā)onshow,從二級頁面回來時也會觸發(fā) 監(jiān)聽小程序顯示
onload頁面加載時觸發(fā)辙诞,從二級頁面回來時不會觸發(fā)
onlunch當小程序初始化完成時,會觸發(fā) onLaunch(全局只觸發(fā)一次)監(jiān)聽小程序初始化
onhide 當小程序從前臺進入后臺轻抱,會觸發(fā) onHide 監(jiān)聽小程序隱藏 當navigateTo或底部tab切換時調用飞涂。
onerror當小程序發(fā)生腳本錯誤,或者 api 調用失敗時祈搜,會觸發(fā) onError 并帶上錯誤信息 錯誤監(jiān)聽函數(shù)
onReady一個頁面只會調用一次较店,代表頁面已經(jīng)準備妥當,可以和視圖層進行交互容燕。

頁面之間的跳轉

wx.navigateBack(OBJECT)關閉當前頁面梁呈,返回上一頁面或多級頁面≌好兀可通過 getCurrentPages()) 獲取當前的頁面棧官卡,決定需要返回幾層
保留當前頁面,跳轉到應用內的某個頁面醋虏,使用wx.navigateBack可以返回到原頁面寻咒。

wx.navigateTo({
  url: 'test?id=1'
})

關閉當前頁面,跳轉到應用內的某個頁面颈嚼。

wx.redirectTo({
  url: 'test?id=1'
})

跳轉到 tabBar 頁面仔涩,并關閉其他所有非 tabBar 頁面

wx.switchTab({
  url: '/index'
})

從列表item項跳轉到下一個頁面

渲染列表,在組件上使用wx:for控制屬性綁定一個數(shù)組粘舟,即可使用數(shù)組中各項的數(shù)據(jù)重復渲染該組件。默認數(shù)組的當前項的下標變量名默認為index佩研,數(shù)組當前項的變量名默認為item

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

使用wx:key為列表中的項目綁定標識符

<view wx:for="{{array}}" wx:key="{{item.viewid}}">
  {{index}}: {{item.message}}
</view>

為每一個item對應的鏈接傳遞相應的參數(shù)柑肴,在布局頁面使用navigator導航組件,指定url并為每一個item對應的鏈接傳遞相應的參數(shù)旬薯,在URL后面跟上?以及鍵值就行晰骑,多個參數(shù)用&連接,

url="../detail/detail?index={{item.viewid}}"
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市硕舆,隨后出現(xiàn)的幾起案子秽荞,更是在濱河造成了極大的恐慌,老刑警劉巖抚官,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件扬跋,死亡現(xiàn)場離奇詭異,居然都是意外死亡凌节,警方通過查閱死者的電腦和手機钦听,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來倍奢,“玉大人朴上,你說我怎么就攤上這事∽渖罚” “怎么了痪宰?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長畔裕。 經(jīng)常有香客問我衣撬,道長,這世上最難降的妖魔是什么柴钻? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任淮韭,我火速辦了婚禮,結果婚禮上贴届,老公的妹妹穿的比我還像新娘靠粪。我一直安慰自己,他們只是感情好毫蚓,可當我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布占键。 她就那樣靜靜地躺著,像睡著了一般元潘。 火紅的嫁衣襯著肌膚如雪畔乙。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天翩概,我揣著相機與錄音牲距,去河邊找鬼。 笑死钥庇,一個胖子當著我的面吹牛牍鞠,可吹牛的內容都是我干的。 我是一名探鬼主播评姨,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼难述,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起胁后,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤店读,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后攀芯,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體屯断,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年敲才,在試婚紗的時候發(fā)現(xiàn)自己被綠了裹纳。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡紧武,死狀恐怖剃氧,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情阻星,我是刑警寧澤朋鞍,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布,位于F島的核電站妥箕,受9級特大地震影響滥酥,放射性物質發(fā)生泄漏。R本人自食惡果不足惜畦幢,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一坎吻、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧宇葱,春花似錦瘦真、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至印颤,卻和暖如春您机,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背年局。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工际看, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人矢否。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓仿村,卻偏偏與公主長得像,于是被迫代替她去往敵國和親兴喂。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內容