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渲染到頁面就能夠了
}