newspring 主題
文章目錄
android 程序員開發支付寶小程序
前段時間公司有一個大屏項目需要用支付寶小程序開發. 在開發的過程中遇到各種問題,在此記錄用來以後查看. (PS : 這篇覆盤文章早就該寫了. 一直拖着沒寫…)
本人前置知識:
- android開發相關知識
- react 相關知識(react 和小程序很類似 包括文件目錄結構 導入導出組件等等,所以寫小程序比較好上手)
- ES6 相關
- flex佈局(非常重要)
遇到的問題
其實遇到的很多問題都是樣式 CSS的問題, 這塊知識是android開發程序員的盲區, 每次都需要去查詢. 還有一些可能是web前端要掌握的知識,但是對於android開發來說是比較陌生的. 在此記錄.
如何讓小程序控件顯隱?
在 js 內 data:{} 裏面 創建一個布爾類型的屬性 通過a:if 這個屬性判斷.
Page({
data:{
showView:true
},
//上面的是js 代碼
//下面是xml代碼
<view a:if="{{showView}}">
<text >顯示或者隱藏數據/L</text>
</view>
如何讓兩個view 進行疊加.
可以使用z-index. z-index 使用方法
z-index 屬性設置元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。
Z-index 僅能在定位元素上奏效(例如 position:absolute;)
<html>
<head>
<style type="text/css">
img.x
{
position:absolute;
left:0px;
top:0px;
z-index:2
}
</style>
</head>
<body>
<h1>這是一個標題</h1>
<img class="x" src="https://www.w3school.com.cn/i/eg_mouse.jpg" />
<p>默認的 z-index 是 0。Z-index 1 擁有更高的優先級。</p>
</body>
</html>
js中判斷對象是否爲空
1.es6中可以使用Object.keys(obj)
var data = {};
var arr = Object.keys(data);
alert(arr.length == 0); //true 爲空, false 不爲空
2.將json對象轉化爲json字符串,再判斷該字符串是否爲"{}"
var data = {};
var b = (JSON.stringify(data) == "{}");
alert(b); //true 爲空, false 不爲空
如何讓控件view 懸浮
使用float屬性
一個元素同時使用多個類選擇器
https://www.cnblogs.com/guxin/p/css-multi-class-selector.html
js 交換位置
let temp = details[0];
details[0] = item;
details[details.length - 1] = temp;
自定義組件的數值傳遞. 如果組件內屬性變化如何更新數據
傳個方法進去回調https://www.love85g.com/?p=1975 . 回調方法一定以on開頭要不會認爲你是字符串
爲什麼遮罩使用mask 背景透明,裏面內容不透明
1、錯誤的寫法
.mask {
background: black;
opacity: 0.5;
}
2、正確的寫法
.mask {
background: rgba(0, 0, 0, 0.5);
}
小程序如何傳遞參數.
小程序多個參數傳遞. 和URL get請求參數傳遞類似…
小程序正則校驗
驗證數字的正則表達式集
驗證數字:^[0-9]*$
驗證n位的數字:^\d{n}$
驗證至少n位數字:^\d{n,}$
驗證m-n位的數字:^\d{m,n}$
驗證零和非零開頭的數字:^(0|[1-9][0-9]*)$
驗證有兩位小數的正實數:^[0-9]+(.[0-9]{2})?$
驗證有1-3位小數的正實數:^[0-9]+(.[0-9]{1,3})?$
驗證非零的正整數:^\+?[1-9][0-9]*$
驗證非零的負整數:^\-[1-9][0-9]*$
驗證非負整數(正整數 + 0) ^\d+$
驗證非正整數(負整數 + 0) ^((-\d+)|(0+))$
驗證長度爲3的字符:^.{3}$
驗證由26個英文字母組成的字符串:^[A-Za-z]+$
驗證由26個大寫英文字母組成的字符串:^[A-Z]+$
驗證由26個小寫英文字母組成的字符串:^[a-z]+$
驗證由數字和26個英文字母組成的字符串:^[A-Za-z0-9]+$
驗證由數字、26個英文字母或者下劃線組成的字符串:^\w+$
驗證用戶密碼:^[a-zA-Z]\w{5,17}$ 正確格式爲:以字母開頭,長度在6-18之間,只能包含字符、數字和下劃線。
驗證是否含有 ^%&',;=?$\" 等字符:[^%&',;=?$\x22]+
驗證漢字:^[\u4e00-\u9fa5],{0,}$
驗證Email地址:/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/
驗證InternetURL:^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$ ;^[a-zA-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$
驗證電話號碼:^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$:--正確格式爲:XXXX-XXXXXXX,XXXX-XXXXXXXX,XXX-XXXXXXX,XXX-XXXXXXXX,XXXXXXX,XXXXXXXX。
驗證身份證號(15位或18位數字):^\d{15}|\d{}18$
驗證一年的12個月:^(0?[1-9]|1[0-2])$ 正確格式爲:“01”-“09”和“1”“12”
驗證一個月的31天:^((0?[1-9])|((1|2)[0-9])|30|31)$ 正確格式爲:01、09和1、31。
整數:^-?\d+$
非負浮點數(正浮點數 + 0):^\d+(\.\d+)?$
正浮點數 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$
非正浮點數(負浮點數 + 0) ^((-\d+(\.\d+)?)|(0+(\.0+)?))$
負浮點數 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$
浮點數 ^(-?\d+)(\.\d+)?$
如何查看調試信息
調試信息看開發工具 .
如果想debug 在代碼里加上debuger即可