APICloud框架——总结一下最近开发APP遇到的一些问题 (二)
高度自适应
flex布局 允许子元素伸缩
手机号正则
function checkPhone(data){
if(!(/^1[34578]\d{9}$/.test(data))){
alert("手机号码有误，请重填");
return false;
}
}
function checkTel(data){
if(!/^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/.test(data)){
alert('固定电话有误，请重填');
return false;
}
}
db模块执行sql语句
一句一句执行,不能以;号隔开,否则后面的会不执行
vscode汉化
快捷键F1, 输入Configure Language 回车, 把en改成zh-CN, 保存, 重启vscode.
格式化时间
new Date().toISOString().match(/(\d{4}-\d{2}-\d{2})/)[1];
创建数据库操作
- 创建数据库
DROP TABLE IF EXISTS addressList; CREATE TABLE addressList(user_id int)
// 如果有addressList这个表就不执行新建命令
- 设置唯一索引
CREATE UNIQUE INDEX IF NOT EXISTS user_id_idx ON addressList (user_id)
// 在addresslist表中的user_id这个列设置唯一索引user_id_idx
IOS系统下输入框字体数量
使用onkeup事件有BUG, 如果点击键盘上面的文字输入到输入框,onkeyup不会触发,统计不了字体数量
使用oninput这个事件可以解决这个问题
android和ios行高不兼容
使用js判断 android比ios大9px
去掉input[type=number]的箭头
-webkit-appearance：none
git
在使用git的时候，每次执行
#git add *
都会提示这样一个警告消息：
warning: LF will be replaced by CRLF in XXXXXXXXXXXXXX.
虽然说没有什么影响吧。
不过就是觉得太碍眼了，
按照这样设置就没有问题了:
git config core.autocrlf false
// 禁止自动转换
这样设置git的配置后在执行add操作就没有问题了。
删除指定字符串
把指定字符串替换成空
str = str.replace('a','')
查找指定字符串是否含有某个子字符串
str.indexOf('aa') == -1
不含有指定字符串
str.indexOf('aa') >=0
含有
slice和splice
slice(start,end);剪切数组
splice(start, howmany, item1, ..., itemX); 方法用于插入、删除或替换数组的元素。
// start 开始插入/删除的位置
// howmany 插入/删除几项,必须是数字
// item1, ..., itemX 插入的内容, 不传的时候为删除
listContact模块在小米5s下的bug
每个页面第一次打开listContact列表会出现点击返回的index不正确, 右边字母导航也会出现重复
解决方法, 在打开正式有数据的列表之前打开一个空的列表,然后立马关闭
listContact.open({
x: -1000,
y: -1000,
w: 5,
h: 5,
data: [],
fixedOn: api.frameName
},function(ret,err){
})
listContact.close();
listContact.open({
// 有数据的列表
})
安卓下第二个bug
- 设置选中的项, 安卓不起作用
解决办法: 在设置数据源的时候, 处理以选择数据
清除角标
api.setAppIconBadge({
badge: 1
});
// 为0时表示清除
css三角形带边框
原理: 写两个三角形, 一个覆盖另一个, 错开一个像素
p:after {
content: "";
display: inline-block;
width: 0;
height: 0;
border-top: .15rem solid transparent;
border-right: .22rem solid #fff;
border-bottom: .15rem solid transparent;
position: absolute;
top: .25rem;
left: -.20rem;
}
p:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-top: .15rem solid transparent;
border-right: .22rem solid #E3E3E3;
border-bottom: .15rem solid transparent;
position: absolute;
top: .25rem;
left: -.22rem;
}
Deferred long-running timer task的问题
Deferred long-running timer task(s) to improve scrolling smoothness. See crbug.com/574343. at frame1.html : 0
延时函数使用不当
ios下创建时间对象
// 处理时间显示
function initTime(time) {
var timeRep = time;
time=time.replace(/-/g,':').replace(' ',':');
time=time.split(':');
var nowTime = new Date();
var pageTime = new Date(time[0],(time[1]-1),time[2],time[3],time[4],time[5]);
if ((pageTime.getDate() != nowTime.getDate()) || (pageTime.getFullYear() != nowTime.getFullYear()) || ((pageTime.getMonth()+1) != (nowTime.getMonth()+1))) {
// 不是今天
return timeRep;
} else {
// 今天
if (nowTime.getHours() != pageTime.getHours()) {
return nowTime.getHours() - pageTime.getHours()+ '小时之前'
} else {
return nowTime.getMinutes() - pageTime.getMinutes() + '分钟之前'
}
}
}
长按事件
var timeOutEvent=0;//定时器
//开始按
function gtouchstart(ele){
var e = window.event
var x = e.touches[0].pageX,y=e.touches[0].pageY
timeOutEvent = setTimeout("longPress("+x+","+y+")",500);//这里设置定时器，定义长按500毫秒触发长按事件，时间可以自己改，个人感觉500毫秒非常合适
return false;
};
//手释放，如果在500毫秒内就释放，则取消长按事件，此时可以执行onclick应该执行的事件
function gtouchend(){
clearTimeout(timeOutEvent);//清除定时器
if(timeOutEvent!=0){
//这里写要执行的内容（尤如onclick事件）
}
return false;
};
//如果手指有移动，则取消所有事件，此时说明用户只是要移动而不是长按
function gtouchmove(){
clearTimeout(timeOutEvent);//清除定时器
timeOutEvent = 0;
};
//真正长按后应该执行的内容
function longPress(x,y){
timeOutEvent = 0;
$api.css($api.dom('.shadow'), 'display:inline-block;top:' + y + 'px;left:' + x + 'px;');
//执行长按要执行的内容，如弹出菜单
console.log("长按事件触发发");
}
两次往数据库插入同一条数据
- 首先查询数据所在的行(需要有一个唯一索引)
- 如果有数据就更新数据
UPDATE 表名 SET 列名 = 数据,列2 = 数据2 WHERE 唯一索引 = 索引
- 没有该数据就插入
INSERT OR REPLACE INTO 表名(列名1, 列名2, 列名3, 列名14) VALUES (值1, 值2 ...)
