微信小程式開發實戰第二講

2021-10-04 11:34:22 字數 368 閱讀 3813

正如你所體驗,頁面的展示不外乎列表、tab多標籤這種第一視覺感知。但是實際上css中頁面的布局反應到每乙個小檢視上,都有自己的布局方式。這裡我們只講我們後面要用到的一種布局:flex-box布局,即現代化的彈性布局,所有瀏覽器都支援,所有移動裝置都支援,並且高效簡單,只要你理解了,一切就都ok了。組成乙個完整檢視的元素間也有自己的關係。整個頁面的骨架組織為:

外層的html,可以省略。裡面的head也可以省略,但是body不能省略,所有你看到的螢幕展示均是在body中存在、渲染。而head用於引入管理第三方庫、樣式表(css)等,它是為body服務的,你這樣簡單理解就行了。

head與body是兄弟關係或者是平行關係。head與body是html子節點,是父子關係。當然body裡面也會

微信小程式 雲開發實戰教程

雲函式,雲儲存,雲資料庫,雲呼叫 index.js 是入口檔案,雲函式被呼叫時會執行該檔案匯出的 main 方法 const cloud require wx server sdk exports.main event,context event let sum a b return pages m...

微信小程式入門到實戰(二)

上一文章裡面,我們實現了第乙個小程式頁面,並且了解到了一些小程式的知識,接下來繼續開始我們的學習。wx.redirectto wx.switchtab wx switchtab 路徑可得注意寫對,區分絕對路徑和相對路徑 絕對路徑 一般在前面加上 表示從根目錄開始往下尋找 相對路徑 相對於當前頁面來說...

微信小程式開發(二) 雲開發

1 概念 2 傳統小程式開發與雲開發的區別 簡單的呼叫乙個雲函式 求a b的和 獲取當前使用者的openid 小程式雲開發登入方式 使用者通過點選按鈕,從小程式獲取使用者的資訊,而小程式通過雲函式獲得使用者的資訊,雲函式給小程式端返回使用者的openid,小程式獲取到 使用者的資訊之後,將使用者的資...