開發中總結的一些小技巧：
2.position相關的設定
想把文字放在上邊 position: relative;
如果想把控制項放在頁面的最下邊position:fixed;
3.實現漸變色
第乙個是起點顏色，慢慢過渡到第二個顏色
從上到下的線性漸變：
background: linear-gradient(red, blue);
從左到右的線性漸變：
4.裁圓角
設定弧度 順序是 左上角 右上角 右下角 左下角 （順時針）
border-radius: 3px 0px
0px 3px;
6.下拉重新整理和上拉載入
1）首先在要重新整理類的.json檔案裡新增
下拉事件
onpulldownrefresh: function() ,
上拉事件
onreachbottom: function() ,
7.布局的一些屬性
display : flex; （display : flex 容器宣告）
flex-direction: (view中布局的方向)
row; （橫向布局 ，從左到右）
column; （垂直布局，布局從上往下）
row-reverse; （橫向布局 ，從右到左）
column-reverse;（垂直布局，布局從下到上）
flex-wrap: (當布局一行裡面的資料無法全部顯示的時候，如何換行)
nowrap; (預設，不換行)
wrap; (換行，第一行在上面)
wrap-reverse; (換行，第一行在下面)
flex-flow: (是flex-direction和flex-wrap的簡寫，預設值是，row, nowrap)
例子：flex-flow:row||nowrap;
justify-content: (父布局對其中的子布局的對齊方式)
flex-start;（左對齊）
flex-end;（右對齊）
center;（居中）
space-between;（ 兩端對齊，子控制項之間的間隔等分）
space-around; （兩側，和子控制項之間都有間隔，子控制項的間隔是兩個間隔的兩倍）
align-items: (屬性在交叉軸上如何對齊)
flex-start;（交叉軸的起點對齊）
flex-end;（交叉軸的終點對齊）
center;（交叉軸的中點對齊）
baseline;（專案第一行文字的基線對齊）
stretch;（如果專案未設定高度或是設定為auto，將佔滿整個容器的高度）
align-content:(子類裡面有多行布局時的對齊方式，只有乙個布局時，該屬性不起作用)
flex-start;（交叉軸的起點對齊）
flex-end;（交叉軸的終點對齊）
center;（交叉軸的中點對齊）
space-between;（ 兩端對齊，子控制項之間的間隔等分）
space-around; （兩側，和子控制項之間都有間隔，子控制項的間隔是兩個間隔的兩倍
stretch;（如果專案未設定高度或是設定為auto，將佔滿整個容器的高度）
8.margin的使用
margin屬性應用於元素外面的空間，或者是位於元素和瀏覽器視窗之間的區域，或者元素和元素直接的區域。
margin屬性分為：margin-top、margin-right、margin-bottom、margin-left 分別對應上右下左的內邊距距離，可取值：auto/數值/百分比。
margin: 10rpx 10rpx 10rpx 10rpx; （如果提供了四個引數，將用在上，右，下，左的順序上）
margin: 10rpx; （如果是乙個引數，就是作用在四個方向上）
margin: 10rpx 10rpx; （如果是兩個引數，第乙個引數用於上下，第二個引數
用於左右）
margin: 10rpx 10rpx 10rpx; (如果是三個引數，第乙個引數
用於上，第二個引數
用於左右，第三個引數
用於下)
9.template模板的使用
name是設定模板的名字
然後使用模板is後寫模板的name..通過data來傳遞需要是資料
微信小程式開發技巧之 Flex布局
flex布局 flex布局的特點 設有display flex或者display block的元素就是乙個flex container 伸縮容器 裡面的子元素稱為flex item 伸縮專案 flex container中子元素都是使用flex布局排版。display flex 指定為行內容器模式，...
微信小程式小技巧分享
1.滾動載入資料方式 在滾動分頁載入資料的時候，通常做法是定義乙個資料arr，下滑觸發載入更改請求介面獲取分頁資料arr2，然後將arr2合併到arr，重新setdata到arr。這樣的操作方式是每次都全量覆蓋，當資料量過大時，會造成渲染載入卡頓問題。arr陣列結構為 舊方法 page 上拉觸底方法...
微信小程式開發
一 開發準備 二 開發工具的使用 編碼目錄結構 1 wxml的功能 資料繫結 資料繫結使用 mustache 語法 雙大括號 將變數包起來。列表渲染 wx for 在元件上使用 wx for 控制屬性繫結乙個陣列，即可使用陣列中各項的資料重複渲染該元件。block wx for 類似 block w...