原创 Echarts圖形自適應窗口大小的變化
如果引入了JQuery的話，加入以下代碼即可： $(window).resize(function () { myChart.resize() }) 位置如下圖所示： 注意：在Vue項目中，爲了不影響頁面性能，注意在beforeDest
2020-06-12 18:24:54
原创 Vue項目前端性能優化
一、vue-router路由懶加載 懶加載是當路由被訪問的時候才加載對應組件，而不是在首頁就全部加載，以此來提高首頁反應速度。 方法和原理 require-ensure 說明: require.ensure在需要的時候才下載依賴的模塊，
2020-06-12 18:24:54
1
原创 Chrome瀏覽器的跨域設置
Chrome訪問https網頁鏈接失敗，這時，需要配置chrome瀏覽器跨域 操作步驟： 1.打開我的電腦——C盤 新建一個文件夾，命名爲MyChromeDevUserData 2.右鍵——Chrome——快捷方式——目標，在默認內容後邊
2020-06-12 18:24:54
原创 json-server模擬接口請求過程
一、背景 前後端分離已經成爲項目的標準開發模式，通過前後端分離，極大地提高了開發效率和開發能力。 二、問題引入 作爲前端，在後端接口還沒有提供的情況下，不可避免地要使用mock的數據。有時候，我們可以使用靜態json數據來做mock，
2020-06-12 18:24:44
原创 js遍歷對象數組併爲每一項添加新屬性
let arry = this.tableData let arryNew = [] arry.map((item, index) => { arryNew.push(Object.as
2019-09-15 23:59:49
3
原创 js根據經緯度座標計算兩點之間的距離
getDistance: (lat1, lng1, lat2, lng2) => { var radLat1 = lat1 * Math.PI / 180.0 var radLat2 = lat2 * Math.PI /
2019-09-15 23:59:49
原创 前端js實現表格數據的上移下移
vue項目需求中需要前端實現表格行數據的上移下移，效果如下 實現思路：主要使用前端對數組的操作方法splice() 代碼： tableData: [{ name: '1', id: '1'
2019-09-15 23:59:38
原创 Vue-set解決數組變化不觸發視圖更新問題
Vue是通過Object.defineProperty()來實現雙向數據綁定的。把一個普通 JavaScript 對象傳給 Vue 實例的 data 選項，Vue 將遍歷此對象所有的屬性，並使用 Object.defineProper
2019-09-15 23:59:38
1
原创 找程序媛女友的好處
提起程序媛，大家想到的形象是格子襯衫，牛仔褲，運動鞋？ 不不不， 那是你還沒見過比設計師還要精緻的程序媛，其實很多程序媛不僅長得美，還懂生活，有品位，比如博主。 可能很多人認爲，找女朋友，最佳職業應該是老師，公務員之類的朝九晚五的職業最佳
2019-08-22 23:11:02
原创 css實現呼吸燈動效
先看效果： 實現原理：改變圖片的透明度 代碼： <div class="breath"></div> .breath { width: 8%; height: 77%; position: absolute; ri
2019-07-30 04:09:54
原创 css實現序列幀閃電動效
先看效果： 實現原理 1、需要視覺設計師提供一張雪碧圖，包含多張動畫狀態，也就是所謂的序列幀，依次排列在一張圖上； 2、前端通過css去改變背景圖的位置； 3、將動畫持續反覆，類似於我麼小時候玩過的翻書小動畫； 代碼： <div c
2019-07-30 04:09:54
原创 echarts實現帶光圈的環形圖
實現效果： 實現原理：圖層的疊加 （1）多個環形圖的疊加 （2）環形圖和油表圖的嵌套 代碼： let _that = this myChart = _that.$echarts.init(documen
2019-05-06 10:29:01
1
原创 Echarts設置圖形自適應窗口大小的變化
如果引入了JQuery的話，加入以下代碼即可： $(window).resize(function () { myChart.resize() }) 位置如下圖所示： 注意：在Vue項目中，爲了不影響頁面性能，注意在beforeDest
2019-04-12 00:08:36
原创 Echarts繪製極座標系下的多色柱狀圖
效果圖： 關鍵點1：爲了顯示X軸的文本，將最大值100向左偏移 設置方法：設置最大值爲120，最小值0，間隔25 關鍵點2：設置柱狀圖的多個顏色 設置方法： 完整代碼： let xData = ['粥', '小籠包', '八寶粥',
2019-04-12 00:08:36
原创 基於Vue項目的前端性能優化
一、vue-router路由懶加載 懶加載是當路由被訪問的時候才加載對應組件，而不是在首頁就全部加載，以此來提高首頁反應速度。 方法和原理 require-ensure 說明: require.ensure在需要的時候才下載依賴的模塊，
2019-03-28 00:16:39