原创 如何用CSS將select/option文本居中或居右對齊

1) 簡單點的使用padding使其“看上去”對齊 適合寬度固定的場合,只要padding合適,效果還是不錯的 select {     padding: 0 0 0 20px; } 2) 居右對齊: 可以使用rtl屬性來來控制, <se

原创 vue+element項目部署到線上,icon圖標不顯示,解決方案

 build裏邊utils.js加publicPath if (options.extract) { return ExtractTextPlugin.extract({ use: loaders,

原创 vue寫的tab切換函數

  <li v-for="(subGroup, index) in group.dataList" :key="index" v-on:click="tab(index)"> <span>{{ subGrou

原创 JQ播放和暫停HTML5視頻

<script> $('video').click(function(){ if($(this).hasClass('pause')){ $(this).trigger('play

原创 vue搜索關鍵詞高亮前端效果

一、實現效果  二、html(簡單版) 內容要用v-html展示 <div v-for="(item, index) in searchRe" :key="index"

原创 使用eventBus.$on事件重複執行問題

一:問題 在寫移動賬戶註冊的時候有一個驗證會從註冊頁面A跳轉到另一個B去驗證,驗證完之後拿到驗證碼再次回到頁面A並且傳回拿到的結果再請求接口,結果跳回A的時候發現接口第一次請求一次,第二次求情兩次,以此類推 二:原因 只要頁面沒有強制刷新

原创 vue 使用clipboard實現移動端一鍵複製

(1)執行命令,我是鏡像npm cnpm install clipboard --save (2) main.js中加 import clipboard from 'clipboard'; Vue.prototype.clipboa

原创 前端代碼之點擊彈出qq客服

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>聯繫我們</title> </head> <body> <center><a href="tencent://mes

原创 淘寶鏡像npm安裝

http://npm.taobao.org/ 點贊 收藏 分享 文章舉報 郅菇涼 發佈了26 篇原創文章 · 獲贊 16 · 訪問量 7萬+ 私信

原创 css3圖片放大縮小過度動畫

(1)需要加動畫的節點 .lucky_h_img { animation: mymove 3s infinite; -webkit-animation: mymove 3s infinite; /*Safari

原创 gitlab修改提交項目命令

1. git add . ("."是必須要的) 2. git commit -m "some word" 3. git push -u origin master 點贊 收藏 分享 文章舉報

原创 vue文字無縫滾動插件vue-seamless-scroll

(1)安裝執行命令 npm install vue-seamless-scroll --save (2)在main.js文件裏面引入使用: import scroll from 'vue-seamless-scroll' Vue.us

原创 安裝cnpm後運行報cnpm : 無法加載文件 C:\Users\yizon\AppData\Roaming\npm\cnpm.ps1,因爲在此係統上禁止運行腳本

一: 安裝cnpm後運行報cnpm : 無法加載文件 C:\Users\yizon\AppData\Roaming\npm\cnpm.ps1,因爲在此係統上禁止運行腳本 安裝cnpm: npm install -g cnpm --reg

原创 ElementUI/vue router連續點擊多次路由報錯解決方法

  NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current lo