原创 js 綁定事件,冒泡事件,默認事件

參考:http://www.cnblogs.com/zhangmingze/p/4864367.html addEventListener 定義:addEventListener() 方法用於向指定元素添加事件句柄。 elemen

原创 element項目實戰所遇到問題彙總(持續完善中)

el-select 的change,在初始化頁面時候,觸發很多次? 查看change是否寫成了 :change,若是,改成 @change即可。 <el-select v-model="agreement" @change="on

原创 vue,打印案例 window.print() 的完美實現

實現思路:通過複製原網頁源碼,然後在iframe裏重新排版(可以按自己想要的來排版),最後iframe的contentDocument對象調用window.print()即可。 本案例源碼git地址:https://gitee.c

原创 echarts餅狀圖,設置數據爲0的不顯示

本着一切以效率爲前提,以最簡單,最容易懂的方式,記文章。 原效果: 圖: 代碼: 想要的效果 圖: 代碼:

原创 微信小程序,實現評論語橫向滾動(彈屏)

思路:主要使用微信小程序api動畫: wx.createAnimation 效果如圖: 源碼: git地址:https://gitee.com/kaiking_g/wxScrollComments.git <view class

原创 vue+element-ui項目打包, element-icons.woff 和element-icons.ttf 字體文件路徑錯誤,解決方法

先修改 config/index.js文件,將 assetsPublicPath 的 ‘/’ 改爲 ‘./’ 卸載現有的element-ui,重新安裝 npm uninstall element-ui npm install el

原创 webpack初始化項目

該初始化教程,基於 windows系統的cmd/dos 窗口 初始化webpack項目: // 1.先創建一個項目文件夾 mkdir webpack-001 // 2.進入該文件目錄下 cd webpack-001 // 3.初

原创 git,svn,cvs

svn,cvs:集中式版本控制系統,有中央服務器,開發者從中央服務器更新自己電腦的源碼,修改完成後,提交到中央服務器 git:分佈式版本控制系統,每個開發者電腦上源碼都是一個完整的版本,各自修改然後互相推送,相互之間能看到各自修改的地方

原创 360瀏覽器廣告太多的處理方法

ps: 曾經覺得我已經離不開360瀏覽器了,後來發現廣告彈窗太噁心了,怎麼折騰都沒用,百度的方法都試遍了,都不行,特煩人,一氣之下,就決定卸載,也正是這樣,讓我發現原來可以這樣關閉廣告。寫此文章,提供給同病相憐的人。   1.控制面板,找

原创 vue 實現video動態播放本地視頻

案例效果圖: 主要源碼: <!-- html --> <p>一、import <button @click="play1" class="play-btn">play1</button></p> <video controls

原创 前端跨域方法彙總

一、跨域的類型 == 特別注意兩點: == 第一,如果是協議和端口造成的跨域問題“前臺”是無能爲力的, 第二:在跨域問題上,域僅僅是通過“URL的首部”來識別而不會去嘗試判斷相同的ip地址對應着兩個域或兩個域是否在同一個ip上。

原创 VituralBox CentOS7 提示 network is unreachable(無法ping通宿主機和外網)

爲了折騰這個,我耗了一天搜索了很多資料,有些資料說需要關閉宿主機和虛擬機的防火牆,可按如下配置,我兩邊都沒關閉,也一樣可以,以此記載,一來方便自己日後需要,同時也希望能幫到你。 1.配置虛擬機: 注意 右鍵-》設置: 網卡1:

原创 crypto-js 加密 和 解密

1.html的引進和使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="

原创 關於vscode配置vue項目的eslint配置(整理中)

1.vsocde配置: 1.1安裝eslint插件 1.2配置vscode中的eslint 代碼: { "workbench.colorTheme": "Default Light+", "window.men

原创 關於百度echart的一些案例

案例一:條形統計圖 效果如圖: html源碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title