入門微信小程序 (二)語法篇

語法篇

WXML 語法

WXS模塊

函數

jswxss 不介紹,沒什麼知識點

路由

路由在項目開發中一直是個核心點,小程序路由方面經過很好的封裝,提供了幾個基本的跳轉方法(這三個基本夠用)

  • wx.navigateTo(OBJECT):保留當前頁面,跳轉到應用內的某個頁面,使用wx.navigateBack 可以返回到原頁面。

  • wx.redirectTo(OBJECT):關閉當前頁面,跳轉到應用內的某個頁面。

  • wx.navigateBack():關閉當前頁面,回退前一頁面。可通過 getCurrentPages()) 獲取當前的頁面棧,決定需要返回幾層

template

引入 template 時非常方便,isname 一樣,datanameData 傳遞過來的數據填充,一切都綁定數據爲中心點

自定義組件

我假設你知道 vue 裏面是如何自定義組件的,那麼我和可以和小程序的自定義組件說 so easy,語法有異曲同工之妙;具體怎麼用我們看看就知道了。

  • 創建組件

  • 引用組件

你現在已經知道怎麼創建使用自定義組件了,就是這麼簡單容易。哈哈

小程序的組件和 API 就不詳細的介紹了,敲兩個 demo 就會了,沒必要特意去看

你現在已經知道怎麼創建使用自定義組件了,就是這麼簡單容易。

計算器案例地址

仿知乎案例,數據模仿,沒有抓取接口,沒有交互,純屬靜態頁面,主要是爲了熟悉掌握語法,爲了後續學習做準備。

仿知乎參考案例,在原有的基礎上稍微改進了一下,改進地方在引入自定義組件。

我假設你也會 vue ,讀一兩遍官方文檔,敲一遍上面兩個簡單的案例。對於小程序那應該是掌握差不多了。接下來準備用小程序仿一個 QQ 音樂,引入複雜的交互,接口抓取實時數據,盡我最大可能的還原生 APP 體驗。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章