這裡分享下如何在webpack工具構建下的vue專案，在手機端除錯和預覽，言歸正傳。
1.電腦和手機連線到同乙個wifi
a.台式電腦和手機同時鏈結乙個路由器，使用同乙個wifi；
b.筆記本也可以直接啟用乙個wifi，手機鏈結筆記本wifi也可以；
2.查詢本地ip位址
win+r，輸入cmd回車，開啟命令提示符，輸入ipconfig，檢視本地ipv4；
3.修改本地專案中ip位址
找到專案中config資料夾，下面index.js檔案開啟；
找到host: 『localhost』, 改為上面本地ipv4位址；
module.exports =
}4.製作***
5.重新啟動專案
移動端專案如何在手機上檢視效果
很多時候我們需要在真機上除錯，進行 的維護修改，如何在手機上檢視呢？我們拿vue來說，1.在vue的config index.js檔案中我們可以看到專案啟動的乙個埠號 上圖網域名稱是我進行修改後的，大家開啟後應該會預設顯示localhost 2.window r，輸入cmd進入控制台，然後輸入命令i...
關於如何在移動端收起鍵盤
遇到問題，再點選提交問卷時，手機的鍵盤沒有收起來，該專案前端是用vue.js,手勢是用vue tap.js 這樣的效果貌似使用者體驗不好。這時候我就在網上搜，js控制手機鍵盤。後來問了一下群的朋友。換了一下邏輯，首先鍵盤為何會彈出，因為點選了輸入框，該輸入框獲得的焦點，於是鍵盤就彈出了。所以方法很簡...
移動端 如何在移動端調出純數字鍵盤
最近在做手機頁面時，遇到數字輸入的鍵盤的問題，之前的做法只是一刀切的使用 type tel 不過一直覺得九宮格的 號碼鍵盤上的英文本母太礙事了。於是想要嘗試其它的實現方案，最終的結論卻令人沮喪。不過也趁機詳細了解了下pattern這個屬性。type tel 和 type number 的區別 這裡還...