APICloud框架——總結一下最近開發APP遇到的一些問題 (三)
阿新 • • 發佈:2019-02-15
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渲染到頁面就可以了
}