1.模擬移動端輸入框輸入搜尋城市搜尋功能
2.具體實現功能步驟如下：
過程如下：
搜尋功能實現過程：
1.通過父元件將cities物件中的資料傳遞給搜尋框子元件
2.雙向繫結搜尋框中的資料keyword
3.監聽搜尋框中資料的改變
4.設定定時器，當搜尋框中的輸入發生變化時通過迴圈來匹配到搜尋的資料
4.1先通過in迴圈來獲取每個陣列的下標
4.2通過每個下表，迴圈對應下標中的陣列
4.3如果陣列中存在輸入框中存在的內容，不管輸入拼音或者文字
4.4將匹配的內容存放到新的陣列中
5.將新生成的搜尋到的內容的陣列賦值給list
6.template中迴圈list，將搜尋到的內容在li展示出來
7.細節處理：
7.1如果輸入框中沒有輸入內容keyword，則清空list，使原來搜尋到的內容也不顯示
7.2通過計算屬性計算，如果list.length==0時，此時提示使用者沒有找到匹配的資料
7.3當搜尋到的內容過多超過螢幕的時候，通過引入better-scroll滾動條元件
7.4此時給list的div設定ref=「search」，獲取整個list的div內容，生成滾動條
3.過程實現見**：
說明：樣式使用的是stylus
div 模擬輸入框,支援輸入表情
1.html結構 div idv clock click emojiclose div class editbox div class edit contenteditable true placeholder 發現乙個好玩的歌房，快來一起玩吧 v on input inputchange even...
移動端軟體盤遮擋輸入框問題
第 一 首先解決軟鍵盤影響布局的問題 軟鍵盤彈出會改變瀏覽器可視區域的高度，安卓會觸發window.resize事件，ios不會觸發，所以如果頁面元素的布局是以視窗大小為基準的話，會出現布局混亂 比如body的height 100 等等，所以需要在頁面初始化完成後執行這段 固定body的高度，不讓他...
當鍵盤擋住輸入框的時候讓輸入框往上移動
用的是通知 當鍵盤出現時 nsnotificationcenter defaultcenter addobserver self selector selector keyboardwillshow name uikeyboardwillshownotification object nil 當鍵盤...