原创 從localhost訪問網頁,css文件或js文件不起作用

當我們重新寫css或者js,再次打開發現重新寫的css/js不生效,但是確實是保存成功了,這是因爲瀏覽器對我們之前的css或者js進行了緩存,如何清除緩存。 最簡單的方法: 在開發者模式下(F12進入),打開設置頁面(F1),勾選

原创 微信中關閉h5頁面

window.close():有時候不生效 WeixinJSBridge.call(‘closeWindow’);

原创 vue移動端適配(postcss-pxtorem和amfe-flexible)

一、移動端適配(postcss-pxtorem和amfe-flexible) 在vue中實用rem自動轉換插件(postcss-pxtorem和amfe-flexible事項移動端適配) 實現思路:①通過postcss-pxtor

原创 vue中實現60秒倒計時

vue中實現60秒倒計時 <span>{{count}} s</span> data中: data(){ return{ show: true, count: '', timer: null, } }

原创 vue中實現滾動和錨點跳轉雙向

vue中實現滾動和錨點跳轉雙向 直接上代碼: <template> <div> <div class="list"> <ul> <li v-for="(item,index) in titl

原创 卸載谷歌在安裝失敗

當把谷歌瀏覽器卸載了在安裝發現安裝不上: 原因:之前的谷歌瀏覽器的註冊表沒有被刪除。 可以直接在桌面上新建一個文件,在文件裏粘貼這樣一段代碼 Windows Registry Editor Version 5.00 ;WARNIN

原创 vue項目中實現簡單的分頁效果

vue項目中實現簡單的分頁效果 1.在data中聲明數據: data(){ return{ sel:0,//tab切換 news:[],//新聞動態的數據 health:[],//健康衛士的數據 current:0, uldata

原创 vue項目添加百度統計

vue項目添加百度統計 在index.html中head的上面添加script代碼: 在main.j入口文件中監聽路由的改變: // 加入百度統計 router.beforeEach((to, from, next) => { i

原创 vue動態添加title,(keywords)關鍵字和description

vue動態添加title,(keywords)關鍵字和description 首先在router下的index.js設置路由 routes:[ { path:’/home’, component:Home, meta: { tit

原创 vue中移動端點擊跳轉到撥打電話頁面

在用vue做移動端項目時,遇到店家跳轉到撥號 <router-link active-class=‘sel’ tag=‘li’ to="" @click.native=‘gotel()’> 免費電話 methods:{ g

原创 vue項目中pc端和移動端的切換

vue項目中pc端和移動端的切換 生成兩個項目 上傳到服務器後生成兩個域名 在每個項目中index.html文件下進行判斷

原创 vue中如何動態改變title中的內容

<link rel="icon" href="<%= BASE_URL %>./title16.png"> 在vue的index.html中這句話是title中的小圖標,可以改成自己的圖標: 注意:圖標的位置必須卸載public靜

原创 vue實現監聽滾動條,回到頂部

通過在app.vue中定義一個張圖,這樣在我們的每一個頁面中都會有回到頂部的效果。 在data中聲明默認滾動條的高爲0.以及滾動條是否顯示兩個數據。寫一個方法監聽滾動條的高度 當高度高於一個值(自定義的值),就顯示回到頂部圖標,

原创 vue+elementui寫輪播圖圖片不顯示的解決方式

vue+elementui寫輪播圖圖片不顯示的解決方式: 原因:因爲在data中的圖片路徑會被解析成字符串,當在使用時,找不到圖片的途徑。 解決方式: 只需要在data中按需引入圖片的途徑就行: 比如:[url:require(…