APICloud框架——总结一下最近开发APP遇到的一些问题 (三)

ajax报错

Uncaught DOMException: Failed to execute 'send' on 'XMLHttpRequest': Failed to load

需要在服务器环境下运行, 不能直接双击打开

七牛云

• 新建图片样式可以返回图片的缩略图加水印等功能
• 新建图片样式得到的处理接口
• 在返回的url后面加上处理接口, 用(?)隔开

一个标签上两个class属性

只有第一个class生肖

格式化时间显示

• toGMTString，将一个日期按照GMT格式显示
• toLocaleString，将一个日期按照本地操作系统格式显示
• toLocaleDateString，按照本地格式显示一个日期对象的日期部分
• toLocaleTimeString，按照本地格式显示一个日期对象的时间部分

SQLite数据库模糊查询

SELECT *
FROM table_name
WHERE column LIKE '_XXXX_'
// 可以使用or或者and 增加条件 or 或者
and 和
"select * from zipcode where (address like'%" & zipcode_key & "%') or (city like'%" & zipcode_key & "%') or (province like'%" & zipcode_key & "%') order by province,city,address

仿京东搜索栏

// 移动端, ontouchmove期间修改透明度
function gtouchmove(){
	console.log(document.body.scrollTop)
	$api.css($api.dom('header'), 'opacity:' + document.body.scrollTop/500 + '');
};

input[type='number']的问题

如果输入一个非数值的值, 会导致.value获取到的是一个空值

多行文本省略号

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 行数 */
overflow: hidden;

锚点跳转

<a href = '#id'>点击</a>
<div id = 'id'>跳转到此</div>

第二种方法

window.location.hasg = '#id'

获取手指滑动区域的元素

document.elementFromPoint(x,y)

ios系统顶部导航栏高度40

设置sql主键不能为空

CREATE TABLE IF NOT EXISTS addressList(user_id int PRIMARY KEY NOT NULL, name varchar(255))

设置页面缩放

openWin或者openFrame的时候设置scaleEnabled: t rue

然后在需要缩放的html页面<meta name="viewport" content="minimum-scale=1.0,width=device-width,initial-scale=1.0"/>

最短的去重方法

[...new Set([1,1,2,2,3,3])]
输出: [1,2,3]

微信浏览器固定定位元素随滚动条滑动抖动问题

加上css _position: absolute

判断空对象

var obj = {};
if (JSON.stringify(obj) === '{}'){
    // 空对象
} else {
    // 非空
}

ios下的onscroll事件不能实时触发

ios的webview 内核 设定了其在进行momentum scrolling(弹性滚动)时,会停止所有的 事件响应 及 DOM操作引起的页面渲染,故 onscroll 不能实时响应

仿微信搜索关键字高亮

原理: 把关键字替换成对应的span标签, 给span标签样式

if (  str.indexOf(keyword) != -1 ) {
    // 字符串中存在关键字, 然后替换
    var reg = new RegExp(keyword, 'g');
    str = str.replace(reg, '<span class="heightColor">'+ keyword +'</span>');
    // 然后把str渲染到页面就可以了
}