原创 用原生js來寫一個彈窗消息提醒插件
今天我們一塊來做一個“彈窗消息提醒”插件。 彈窗消息演示 喏，就是這麼一個效果。 1. 分析 當消息被觸發的時候，會有一個自上而下的淡入過程。 在持續了一段時間後會自動的消失，或者是需要用戶來手動的點擊關閉按鈕。 在消息消失的時
2020-06-17 12:24:02
原创 在vue項目中正確使用iconfont的方法
1、打開 iconFont官網 選擇自己喜歡的圖標，並且添加購物車 2、點擊購物車，添加至項目 3、下載至本地 4、把我們下載好的文件iconfont.css和iconfont.ttf放到項目assets文件夾下（可創建一個css文件或
2020-06-17 11:24:00
原创 vue組件中使用elementUI的el-table組件的(row-class-name)動態修改每一行的樣式無效問題
問題描述 vue項目中，需要給vue表格中的每一行加入自定義的樣式，根據文檔給<el-table>組件加上row-class-name屬性即可，直接加入該屬性並且在當前vue組件中配置對應class發現樣式並沒有生效。 解決方案一、使用全
2020-06-17 11:24:00
原创 npm 與vue-cli 構建vue 項目
使用npm 與vue-cli 構建vue 項目 第一步：安裝運行環境（node與npm） nodeJ官網：http://nodejs.cn/下載安裝包( 安裝) 安裝完成後，需要檢測是否安裝成功 使用命令行cmd 打開dos 黑窗口，
2020-06-11 02:37:54
原创 移動端適配 - HTML meta viewport屬性說明
利用meta標籤對viewport進行控制 移動設備默認的viewport是layout viewport，但在進行移動設備網站的開發時，我們需要的是ideal viewport。這就使用meta標籤來設置移動端顯示的比例。
2020-06-11 02:37:54
1
原创 CSS盒子模型——標準與怪異
盒子模型衆所周知，這裏先簡單介紹一下。 可以看到，在標準盒模型下，width和height是內容區域即content的width和height。而盒子總寬度爲 在標準模式下，一個塊的總寬度= width + margin(左右) + p
2020-06-11 02:37:54
原创 vue中在組件上使用@click事件無效
.native修飾符 el-row(:gutter="20") el-col(@click.native="testClick(index)") i(:class='item.iconClass',style='
2020-02-22 20:42:32
原创 vue使用qrcodejs2（生成二維碼）
一、cnpm install qrcodejs2 --save 二、使用頁面 import QRcode form 'qrcodejs2' 三、HTML中 <div id="qrcode"></div> //生成二維碼的位置 met
2019-10-26 02:19:30
原创 IE不支持vuex的問題
想要在IE中使用Vuex，還得需要babel-polyfill的支持。 安裝 npm install --save babel-polyfill 設定 開啟 ./build/webpack.base.conf.js，在下面的 entry
2019-07-09 01:53:08
原创 IE6——png圖片的修復
1.在IE6中對圖片格式png24支持度不高，如果使用的圖片格式是png24，則會導致透明效果無法正常顯示 2.解決方法： 1.可以使用png8來代替png24（直接利用ps修改圖片格式；文件目錄下的-存儲爲web所用格式），即可解決問題
2019-07-05 00:46:35
原创 hr標籤---中心線：設置顏色
可以看到默認的hr是一條灰色的一個像素的，通欄的實線。我要把它的顏色變成藍色的。 說到顏色變化，大家首先想到的都是color,但是color一般都是針對字體顏色的，線條需要用background-color, 但是單純的將背
2019-06-14 23:14:28
原创 VUE中演示v-for爲什麼要加key
說到這個問題想必要舉個例子了 image 沒有key的情況： <div id="app"> <div> <input type="text" v-model="name"> <button @cl
2019-06-11 06:24:55
原创 vue關於父組件調用子組件的方法（一個組件調用另一個組件的方法）
我們都知道通過$ref可以獲取到某個DOM，但是它也可以用來獲取子組件的實例，調用子組件的方法 例： 子組件： <template> <div></div> </template> <script> export default
2019-03-07 21:05:22
原创 【ES6】var、let、const三者的區別
ECMAScript是一個國際通過的標準化腳本語言。JavaScript由ECMAScript和DOM、BOM三者組成。可以簡單理解爲：ECMAScript是JavaScript的語言規範，JavaScript是ECMAScript的實現
2019-03-07 21:05:12
原创 vue路由地址url取消#符號
1、路由代碼中添加mode：'history' export default new Router({ mode:'history', routes: [ { path: '/', name:
2019-03-03 21:08:38