原创 在vue中引入阿里的字體圖標
在vue中引入阿里的字體圖標 1. 進入iconfont 的官網，下載需要的圖標到本地 2. 解壓之後，將iconfont.css 和字體文件放到項目中 3. 全局引入iconfont.css，在main.js中引入 import
2018-09-30 00:57:03
2
原创 瀏覽器的滾動條滾動時，導航條的背景變色
瀏覽器的滾動條滾動時，導航條的背景變色 window.onscroll = function() { var headerMain = document.getElementById('headerMain'); if(w
2018-09-26 00:45:59
3
原创 在vue中引入外部的css文件
在vue中引入外部的css文件 在項目的src文件下，新建一個style文件夾，存放css文件。 1. 全局引入 將外部的css文件放到style文件下，引入外部文件只需在main.js文件中 import './style/rese
2018-09-26 00:45:58
2
原创 基於vue的modal實現（仿monday.com的modal）
基於vue的modal實現（仿monday.com的modal） 寫modal要有一個父組件，一個子組件。父組件中點擊打開modal，子組件中關閉nodal. 這裏通過v-if來實現modal的打開和關閉。 父組件 mondayMod
2018-09-26 00:45:58
2
原创 實現打字效果的js插件typed.js
實現打字效果的js插件typed.js typed.js vue-typed-js js： In an input var typed4 = new Typed('#typed4', { strings: ['Some str
2018-09-26 00:45:58
9
原创 vue中父子組件之間的通信
vue中父子組件之間的通信 1. 父組件向子組件傳值 父組件向子組件傳值，通過props傳遞 parent.vue：父組件向子組件傳遞一個a值，子組件通過props接受 <template lang="html"> <div cl
2018-09-26 00:45:58
2
原创 解決vue項目中的因爲書寫規範而報的錯
解決vue項目中的因爲書寫規範而報的錯 用vue-cli腳手架起一個項目的時候，默認安裝了eslint-loader模塊，eslint-loader模塊是目前相對比較流行的代碼檢測工具，可以檢測書寫的代碼是否符合統一規範，可以在一些比
2018-09-26 00:45:57
2
原创 將video中某一秒的視圖轉換成圖片以base64格式輸出
將video中某一秒的視圖轉換成圖片以base64格式輸出 js: var v = document.createElement('video'); var c=document.createElement("canvas"); va
2018-09-26 00:45:57
3
原创 在vue中引入bootstrap和jquery
在vue中引入bootstrap和jquery 1. 修改build文件下的webpack.base.config.js alias: { 'vue$': 'vue/dist/vue.esm.js', '@':
2018-09-26 00:45:57
2
原创 vue數據不更新的原因(vue中數據更改了，但是視圖沒有更新)
vue數據不更新的原因(vue中數據更改了，但是視圖沒有更新) 參考鏈接 templete: <div id="app"> <h2>{{dataObj.text}}</h2> </div> js: new Vue(
2018-09-26 00:45:57
2
原创 vue監聽路由的變化
vue監聽路由的變化 watch: { $route(to, from){ console.log(to, from) } } to , from 分別表示從哪跳轉到哪，都是一個對象 to.path ( 表示的是
2018-09-26 00:45:57
3
原创 shell腳本小項目
shell腳本小項目 從這一章開始，我們將建設一個項目。這個項目的目的是爲了瞭解怎樣使用各種各樣的 shell 功能來 創建程序，更重要的是，創建好程序。 我們將要編寫的程序是一個報告生成器。它會顯示系統的各種統計數據和它的狀態，並將產生
2018-09-05 00:24:34
原创 shell 的一些常用的指令（二）
shell的一些常用指令（二） 四、操作文件系統 所用的指令概括： cp — 複製文件和目錄 mv — 移動/重命名文件和目錄 mkdir — 創建目錄 rm — 刪除文件和目錄 ln — 創建硬鏈接和符號鏈接 1 . cp - 複
2018-09-05 00:24:21
原创 v-charts中圖表高度設置後不變
v-charts中圖表高度設置後不變 v-charts中的height屬性 想要動態更改圖表的height屬性，比如以下寫法 <ve-line :data="chartData" :height="wapperHeight" :eve
2018-09-05 00:24:20
原创 shell 一些常用的指令 vi（六）
shell 一些常用的指令 vi（六） 1. 啓動和退出vi 啓動vi vi 退出vi :q shell 提示符應該重新出現。如果由於某種原因，vi 不能退出（通常因爲我們對文件做了修改，卻沒有保存文件）。 通過給命令加上歎號
2018-09-05 00:24:20