原创 深入理解前端 flex屬性

1、flex-grow屬性 該屬性定義項目的放大比例,默認是0,即如果存在剩餘空間,也不放大; .item { flex-grow: <number>; /* default 0 */ } 如果所有項目的flex-grow屬

原创 數組比較大小在不用寫循環啦Math.max.apply

如果你還在用for循環來寫一個數組中挨個比較來取出最大或最小值,那現在可以解放代碼,將用倆行搞定。 例如 var buffer = [1,2,3,4,5,6,7]; var maxVal = 0; for (var i = 0;

原创 webpack原理以及搭建腳手架完整流程

文章目錄原理幾個概念流程初始化項目安裝webpack並配置配置babel安裝reactwebpack-dev-server使用html-webpack-plugin和clean-webpack-plugin插件less配置圖標與圖

原创 toFixed 遇見的坑

toFixed()是用於保留小數的js方法,但是一定要注意JS的機制,不是眼睛看見的那樣! 下面舉例我遇到的坑: <script> var a= 6; var b= 81; cons

原创 echatrs踩坑記錄之 不同區域 顯示 不同顏色

目錄1、被 UI 折磨瘋掉:UI圖2、去掉X 、Y 軸3、圖的大小顯示問題3、背景顏色 的更改4、線的顏色更改5、網格 1、被 UI 折磨瘋掉:UI圖 可以看到幾個點: 1、沒有X、Y 軸刻度; 2、沒有顯示title; 3、背

原创 getUserMedia 如何關閉攝像頭

關於這個問題我搜了一些答案,經過自身驗證,以下爲正確關閉方法 一、先說如何調用 window.AudioContext = window.AudioContext || window.webkitAudioContext ||

原创 Echarts背景顏色梯度顯示

Echarts背景顏色梯度顯示,根據折線圖中預測概率的大小,顯示在背景色爲不同顏色的區域 option = { tooltip : { trigger: 'axis', axisP

原创 學習常見數據結構(一)

目錄時間複雜度棧隊列單鏈隊列循環隊列 時間複雜度 通常使用最差的時間複雜度來衡量一個算法的好壞。 常數時間 O(1) 代表這個操作和數據量沒關係,是一個固定時間的操作,比如說四則運算。 對於一個算法來說,可能會計算出操作次數爲 a

原创 前端建立WebSocket

建立,new一個 this.wSocket = new WebSocket('ws://192.xx.xx.xx:8080/xxx/xxxx'); if (!this.wSocket) { console.log('您的

原创 多行文本溢出出現省略號

overflow: hidden; height: 38px; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ell

原创 Echart的formatter

tooltip分爲全局和局部 當頁面有多種圖時,需要鼠標移入,顯示多種提示信息,可以在series中寫入tooltip,各自寫各自需要展示當內容,很靈活。

原创 Echart 四象限圖

公司今日要求四象限圖,經過研究修改,樣式如下: const option = { title: [ { text: '性格羣體分析', subte

原创 blob語音流 前端播放

目錄首先要熟悉的幾個對象html部分JS部分DataView 首先要熟悉的幾個對象 FileReader ArrayBuffer DataView Int32Array Int16Array Int8Array 以上幾個對象,對於

原创 Echarts柱形圖 設置滾動條

Echarts具有自適應的功能,因此當x軸的數據非常多的時候,會自動把柱形的寬度擠的非常細,這樣的交互肯定是過不去的。 因此就需要有這樣一個屬性: dataZoom 想要讀詳細文檔的同學,可以看官方文檔:https://echar

原创 轉換時間戳 踩坑

時常會遇到,後端返回的是 時間戳, 需要前端轉換爲 時間格式。 轉換的 methods: formatDate(now) { const year = now.getFullYear(); const month = now.g