原创 better-scroll 的用法

第一步 安裝: cnpm install better-scroll --save 第二步在vue中使用(其他相同) <template> <div class="wrapper" style="height: 800px;back

原创 js 防抖動函數

 

原创 dom操作獲取標籤對象

如果想獲取多個可以使用: 看例子 <template> <div class="app"> <div class="box" > <div class="box1">box1</div> <div

原创 vue 項目中的this.$get,this.$post等$的用法

vue官網上有這麼一句話 結合案例: // 基於axios 封裝的http請求插件 const axios = require('axios'); /** * 以下這種方式需要調用Vue.use方法 調用的時候調用 this.$

原创 webpack 講解

vue爲案例 首先需要安裝webpack,和webpackcli 插件用法: 然後 在webpack中引入  使用:  作用就是生成一個index.html標籤並創建一個下邊的標籤,並將bundle.js添加進去而且將下邊的scr

原创 js tag標籤點擊滾動到中央

說明: 當標籤不夠或者是在最兩邊的標籤在可視區範圍,點擊以上標籤則 滾到可是區內部,如果是其他的標籤則滾動到可視區中間顯示 效果如下 代碼如下: <template> <div class="app"> <div>

原创 前端什麼時候用== 什麼時候用===

==會先試圖類型轉換,然後再比較, 而===不會類型轉換,直接比較    

原创 vue.use 開發插件實例

  // 基於axios 封裝的http請求插件 const axios = require('axios'); /** * 以下這種方式需要調用Vue.use方法 調用的時候調用 this.$fetch, this.$post,

原创 安裝指定版本的第三方插件的方法

npm i -S 插件名@版本號 例如:

原创 iview的modal中的form驗證出錯,頁面不關閉的方法

效果如下:    代碼如下:  <Modal v-model="configModal" :title="configTitle" :mask-closable="false"

原创 Vue.ls.的用法

搞了半天發現又是一個插件具體可以參考 https://github.com/RobinCK/vue-ls 大致意思就是把localstorage和sessionstorage給封裝了一下 安裝和使用可以參考上邊的鏈接  

原创 iview tabs中每個tab 中使用一個百度地圖,第一個TabPane中的地圖不會有問題,但是第二個以後的地圖縮放時會出現問題的解決方法

一種方式是將tab切換時的動畫去掉即添加上 :animated="false" 屬性 但是這個添加上後 TabPane 的高度就會變成0;所以需要添加style="height: 100%" 這樣第二個以後的TabPane中的地圖就不