微信小程序筆記(1)

1.數據傳輸的時候git

1)字符串(複雜數據類型、數組和對象)
2)xml
3)json
{} 對象 (鍵值對 : (屬性名:屬性值);鍵值對之間用 , 隔開)
[] 數組(每個索引位置對應一個值;索引之間用 ,隔開)
json模型不能夠用註釋




json

2.十六進制配色(學習)
https://zhuanlan.zhihu.com/p/61403287?utm_source=QQ_article_bottom
小程序

3.json
對象 「backgroundTextStyle」:「light」,//下拉後loading的顏色
「navigationBarBackgroundColor」: 「#000」, //修改頭部背景顏色
「navigation(導航)Bar(欄)Title(標題)Text(文本)」: 「個人微信」, //修改頭部字體
「navigationBarTextStyle」:「white」 //修改頭部字體顏色
「enablePullDownRefresh」: true, //下拉刷新
「backgroundColor」:"#ddd" // 下拉刷新背景顏色
數組
「networkTimeout」: {
「request」: 20000,(20000爲毫秒20秒)
「connectSocket」: 20000,
「uploadFile」: 20000,
「downloadFile」: 20000
}












微信小程序

WXML->HTML (微信的標籤語言,作內容的呈現)
WXSS->CSS (微信的樣式表,作樣式的改變)
JS->Javascript (頁面的JS腳本,承載的是接收和返回數據以及和服務器交互的一些邏輯處理)
JSON->Javascript(json對象) (完成當前頁面的配置信息)
APP->application



數組

5.編碼要求
1)不能直接使用HTML文件
2)能夠使用所有的CSS文件
3)JS腳本文件沒有Window對象(微信小程序的內核上是不存在Window對象的)


服務器

6.小程序和小遊戲是沒法發朋友圈的,能夠轉發到羣和好友微信

7.console.log("")和console.info("")均可以在調試器下呈現app

8.wxml文本iphone

9.text->font(span)[Html]佈局

10.微信自有的單位rpx
一般單位px
iphone6 1px=2rpx
1px=2.0xxrpx


11.view有兩個做用
容器
特定的換行

12.輪播圖先停在哪張圖上
每一個圖能夠用current=「0」(0、一、二、3···)
若是每張圖都有一個特定的字符能夠用current-item-id="···"
【注意:此部分console不會報錯,0與o也不會報錯】


  1. vertical輪播圖縱向滑動

14.previous-margin=「20」 next-margin="20"意思是輪播圖片先後各留20個像素,方便使用戶知道後面還有內容

15.display-multiple-items="2"意思是輪播圖同時顯示兩張圖片

16.橫向佈局:
display-flex: flex-direction:row justify-content: align-item:
縱向佈局 flex-direction:column

17.微信在對屬性賦值(布爾值boolean)是不會對布爾值進行轉換的,只要裏面有內容不是false,他都會認爲是true;

11
22








11 22

18.渲染在wxml中wx:if="{ {flag}}"這是表示顯示與否

19.if和hidden
if先後兩端代碼不必定所有渲染加載
hidden所有進行渲染加載
if先後消耗高於hidden
hidden初始化時消耗高於if



20.template.wxml


…表示解析符

21.

name:{ {name}}
age:{ {age}}




name:{ {name}} age:{ {age}} name:{ {name}} age:{ {age}}

22.import引用
a.wxml
b.wxml
c.wxml
b引用了a b中呈現ab
c引用了b c中呈現bc
import沒有繼承性的





23.include包含

24.事件
事件源
事件監聽
事件處理程序


25.bind+事件類型或catch+事件類型做爲用戶的事件綁定監視器,鏈接事件源和事件處理程序
冒泡事件:當一個組件上的事件被觸發後,該事件會向父節點傳遞
(touchmove, tap, longtap)
非冒泡事件:當一個組件上的事件被觸發後。該事件不會向父節點傳遞
(catch)



26.



audioItem:{
src:"/pages/music/I Love You.mp3",
name:「New Path New Life (Orchestral Edition)」,
author:「Gothic Storm」,
poster:「http://img4.kuwo.cn/star/albumcover/300/83/98/3697620749.jpg」
}




27.放在js文件中data中的數據是初始數據,在頁面打開時呈現出來的。

28.text:標準鍵盤,字母數字都有
number:只有數字鍵盤
digit:顯示鍵盤時帶有小數點

29.a a1 a2 a3 b b1 b2 b3

相關文章
相關標籤/搜索