原创 iconfont矢量圖上傳，在項目中在線開發
1登錄iconfont官網 2點擊加入購物車將自己喜歡的圖標加入到購物車 3添加到項目。沒有項目會提示新建項目 4開發時候先用臨時的線上CDN，就是下面的font-class點擊生成在線鏈接。 在index中引入，開發完成後去除
2018-10-27 04:32:17
原创 vue打包上線後靜態資源報錯
1 js css資源找不到問題 ，由原來的"/"修改爲"./" 2圖片找不到位置，找到build下的utils.js裏面加一行
2018-10-27 04:32:17
2
原创 vue 300秒延遲事件
1：點擊事件的300延遲事件 。首先安裝fastclick插件 2：在main.js中引入fastclick ，然後綁定到body節點上 import FastClick from 'fastclick' FastClick.attach
2018-10-27 04:32:17
原创 vue 響應式rem css編寫
第一步：封裝設置rem的方法，放在公用類的js文件中，或者直接放在main.js文件中。 export function getRem (pwidth, prem) { var html = document.getElement
2018-10-27 04:32:17
原创 vue 創建自定義的方法調用
1、components目錄同級新建文件夾js文件夾用來保存js腳本，然後新建utils.js編寫自己的js方法 //獲取地址欄參數 2、在需要的地方引入方法就可以使用 import { queryUrl } from "
2018-10-27 04:32:17
3
原创 jquery js 解決快速點擊的300秒延遲
引入hammer.js, 創建新的對象，。阻止默認的事件 2tap.js解決快速點擊的問題 <script src="tap.js"></script> <div id="container"> <button id="butto
2018-10-27 04:32:17
原创 將本地文件夾上傳到git gogs
進入到文件夾下 git init 初始化 git add . 添加所有文件 git commit -m "first commit" 提交文件並備註 git remote add origin [email protected]
2018-09-30 04:19:49
27
原创 VUe computed 和watch的使用
Vue中computed就是 實時計算 使用。 Vue檢測到數據發生變動時就會執行對相應數據有引用的函數。 下面是一個demo。引用自己的vue.js就可以看效果。 利用computed可以做一些監控之類的效果。 <!DOCTYPE ht
2018-09-26 04:01:42
3
原创 數組去重
方法一： 雙層循環，外層循環元素，內層循環時比較值 如果有相同的值則跳過，不相同則push進數組 Array.prototype.distinct = function(){ var arr = this, result = []
2018-09-13 10:52:23
原创 修改默認的滾動條樣式
爲了方便自己查看，複製別人的。保存個副本 .list::-webkit-scrollbar { width: 8px; height: 8px; } /*正常情況下滑塊的樣式*/ .list::-webkit-scrollbar-thum
2018-09-04 14:24:28
原创 創建 vue項目模版
Vue推薦開發環境 Node.js 6.2.0、npm 3.8.9、webpack 1.13、vue-cli 2.5.1、webstrom2016 vscode 現在開始安裝環境 安裝nodejs 可以在終端裏下載，但是不推薦，np
2018-08-22 10:14:10
3
原创 vue 進度條 ngprogress
第一步 安裝：npm install npm install --save nprogress 第二步 引入：在main.js中 注意將css放在main.js的頂部，不然編輯器報錯 import NProgress from 'npro
2018-08-22 10:13:56
原创 echart柱狀圖柱子顏色根據後臺數據變化
function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.sea
2018-08-22 10:13:54
3
原创 原生滾動條樣式修改
/*滾動條樣式*/ .tablebox::-webkit-scrollbar {/*滾動條整體樣式*/ width: 4px; /*高寬分別對應橫豎滾動條的尺寸*/ height: 4px; } .tableb
2018-08-22 10:13:53
原创 echart 橫座標標題不顯示解決辦法
重點看xAxis部分的字符串處理函數，除以幾就表示幾個字換一次行，因爲是在評論區找到的方法就不寫轉載了， var myChart1 = echarts.init(document.getElementById('chart1'));
2018-08-22 10:13:52