微信開發者平台學習筆記(1) 獲取微信頭像暱稱

2021-10-09 12:37:35 字數 1732 閱讀 7361

1.建立頁面

編譯方法: (1)介面有「編譯」快捷按鈕; (2)快捷鍵ctrl+s

.js .json .wxml .wxss不同檔案的注釋方法都略有不同,需要注意

建立pages目錄檔案,用來存放各個頁面;

建立頁面,頁面名字以及4個檔案

1)js:頁面邏輯實現

2)json:負責標題欄和一些狀態列

3)wxml:管理頁面內容

4)wxss:頁面排布

把內容單元封裝在view內部:內容

用class方式進行頁面布局,class也可以對元件進行布局,

class規定的樣式名稱前要加 』 . 』 ,也可以對image、text元件不加點進行全域性布局。

獲取、文字、按鈕的元件,在index.wxml中進行

1)

2)文字內容

3)按鈕按鈕上的內容

頁面設計

在index.wxml中會有,container是自命名的乙個容器,這個容器放在index.wxss檔案中,主要是設計樣式。

邏輯設計,在index.js檔案中進行

函式定義方法:函式名:function(引數列表), (函式結尾要有逗號)

變數定義方法:data: (兩個變數的定義之間用逗號隔開)

2.示例對應解釋

index.wxml中的內容

index.js中部分內容

index.wxss對應內容

3.補充wxss之flex布局

3.1wxss

(1)尺寸單位「rpx」

原理是無視裝置原先的尺寸,統一規定螢幕寬度為750rpx。比如相對於iphone6,1rpx=0.5px。

(2)常用屬性

background-color — 背景色

color — 前景色

font-size — 字型大小

border — 邊框

width — 寬度

height — 高度

(3)內聯樣式

a)class 如前所使用

b)style

測試

3.2flex布局

1.基本概念

(1)容器和專案

"a">

"b">

"c">

對於a,b:a是容器,b是專案

對於b,c:b是容器,c是專案

(2)座標軸

預設是水平布局:從左向右方向為主軸,從上向下方向為輔軸;

垂直布局:從上向下方向為主軸,從左向右方向為輔軸。

2.容器屬性

.container

微信開發者中心

如果沒有伺服器,可以去搜尋小公尺球,作為臨時學習用。非常方便。解析使用者傳送的訊息。使用者post的訊息存在 request.body裡面 def parsemsg self,xmlbody 解析使用者傳送的訊息 try xmldata et.fromstring xmlbody msg msg t...

歷史 微信開發者工具 微信小程式開發者工具詳解

二 建立專案 三 開發工具介面介紹 2.除錯 開發完需要除錯程式的時候需要切換到這個區域,除錯區有很多任務具可供使用。3.專案 在這裡可以上傳或者預覽專案 4.編譯 就相當於執行專案的意思 5.關閉 關閉當前工程 7.這個區域可以看到整個專案的文件目錄結構 8.這個區域是編碼區 9.這裡是選擇螢幕尺...

申請成為微信公眾平台開發者教程

進入高階功能 開發模式,下面會有成為開發者按鈕,點選該按鈕,如果你之前已經設定好頭像什麼的,就進入下面的頁面 這裡token可以隨意定義,url輸入的不行就通過不了,會提示url超時,或者你的伺服器沒有正確響應token驗證,請閱讀訊息介面使用指南,下面你要有你的主機,寫乙個php檔案,內容如下,將...