移動端的小方法

1.h5頁面-手機撥號，發簡訊


href
="tel://0769-22210105"
>
聯絡客服a
>


href
="sms:10086?body=message_body"
>
給 10086 發簡訊a
>


href
="geopoint:116.281469,39.866035"
>
我的位置a
>

2.vue 模組下的state訪問

this.$store.state.modulesname.var
@modulesname 是我們定義的模組名字
@var 是模組裡的state裡的變數名

3.npm包的發布

npm adduser // 新建使用者 ```ts - 初始化包 ```vue npm init

name：填寫你這個包的名字，預設是你這個資料夾的名字。不過這裡要著重說一下，最好先去npm上找一下有沒有同名的包。最好的測試方式就是，在命令列裡面輸入npm install 你要取的名字，如果報錯，那麼很好，npm上沒有跟你同名的包，你可以放心大膽地把包發布出去。 version：你這個包的版本，預設是1.0 .0description：其實我也不知道是什麼，按回車就好了。。。，這個用一句話描述你的包是幹嘛用的，比如我就直接：『a plugin for express.register routes base on file path』 entry point：入口檔案，預設是index.js，你也可以自己填寫你自己的檔名 test command：測試命令，這個直接回車就好了，因為目前還不需要這個。這時候你的資料夾裡面會存在乙個隱藏的.git目錄， npm會讀到這個目錄作為這一項的預設值。如果沒有的話，直接回車繼續。 keyword：這個是乙個重點，這個關係到有多少人會搜到你的npm包。盡量使用貼切的關鍵字作為這個包的索引。我這個包嘛，第一是在express下工作的，然後又是乙個外掛程式plugin，然後又是乙個註冊路由route用的，而這個路由又是基於檔案目錄dir，所以很好就得出我的包的索引關鍵字。

const
toast
=function
(vue, options)
export
default toas

npm login //之後輸入自己的使用者和密碼 npm publish //發布包

4.vue專案裡，img標籤報錯，新增預設

// 直接載入 // 設定為logo.png載入失敗後顯示的預設

webpack改變的路徑

"/logo.png"
:onerror=
"defaultimg"
>
data()
}

5.axios 實現loading載入提示

使用***就可以了，請求攔截，和響應攔截。其實思考一下。

// 請求的地方設定成true
axios.interceptors.request.
use(
function()
)// 響應的地方設定成false
axios.interceptors.response.
use(
function()
)

如果頁面的請求很多，比如頁面有7，8個請求。可以設定乙個佇列或者在store.requestcount 請求的次數。

6.qs庫

作用：使用qs庫對url進行處理

var obj =
var res = qs.
stringify
(obj)
console
.log
(res)

結果顯示：

a=
"kingend"
&b="bname"

var url =
;var res = qs.
parse
(url)
;console
.log
(res)

結果顯示：

7.vue的v-for指令無法使用在tr、td中

因為tr,td 不含語義，所以瀏覽器不顯示。。。

8.vue 打包之後,npm run dev頁面空白

原因是因為改了，config,index.js檔案的assetpulblic 『./』,如果改了build類裡的，dev類裡的assetpublic './『也會被更改。

npm run dev 是載入dev類裡的配置，而npm run build是載入build裡的類。

css樣式裡的載入問題。如果你用了vue-cil，那麼在build目錄下找到utils.js中的 extracttextplugin. extract() ,裡面新增下面這個屬性就完美解決了publicpath: '../../'

9.unix時間轉化

後端返回乙個unix時間戳,前端進行處理, 轉化成 yyyy-mm-dd hh:mm:ss格式

let time =
1511860994
let date =
newdate
(time *
1000
)date.
getfullyear
()

移動端的小方法

移動端適配的方法

常用小方法

移動端調測方法

移動端的小方法

移動端適配的方法

常用小方法

移動端調測方法

相關推薦