原创 react:預約會議室圖列

最近來了一波騷操作,本以爲可以用 echarts 實現,結果發現不對,目前就用了最笨的方式實現,算div高度。 場景:x 軸 爲人名,y軸(24小時制度,間隔 15),把對應的時間填在表格上。             效果圖如下:  

原创 使用:echarts使用

Echarts 是一種常用的圖表。  帥帥哥常的操作筆記分解 顏色: color: ['#1890FF', '#00C6C4’]   標題大小、顏色:         title : {                 text:'流量

原创 理解:什麼是構造函數?什麼是 this 指向?小箭頭函數?

現在好多人的基礎不咋的,包括我在內哈哈,得多多學習,多多看書,其實小紅書寫的是真好,可惜沒多少人真的看進去理解子 。。。。 什麼是構造函數呢? 構造函數其實就是普通的函數,就是調用的方法不同,通常都是首字母大寫,用到 new 。 構造函數

原创 JS基礎篇1:數據類型(8種)

最近有很多人說數據類型是 6種。我怎麼記得JS的數據類型有8種。最近發現好多人對JS的基礎不太瞭解。很多數據類型都沒有搞清楚。不BB,我就按我的理解寫一波筆記,每次看一波書我就感覺一次比一次多懂一點。來補下知識點。。。。 JS數據類型:基

原创 JS:promise 基礎

一、基本介紹   1、promise 是個容器,時面存放示來纔會結束的一個事件(通常是個異步操作)結果。從語法上來說 promise 是個對象,從它可以獲取到異步操作的信息。   2、promise 對象代表一個異步操作,有三種狀態:Pe

原创 優化:if else 代碼優化

最近一瞅一段代碼看着特別藍瘦。搓的一B 代碼如下:   方法一:用 switch , switch 是嚴格模式,需要轉成 Number,但是代碼還是很多   方法三:對象屬性查找的方法   方法四:Map 對象

原创 vue:如何使用腳手架安裝

vue中基本會選用vue-cli的腳手架安裝。 一般情況下,我們需要選擇哪些呢? 一、全局安裝 vue     npm install -g vue-cli  或者  npm install -g @vue/cli 二、打一個位置,進行v

原创 react:antd 中 table 添加合計行

用的Antd 的 UI 框架。 場景:table 中後面想添加一行合計。合計的值由後端計算提供。目前想到兩種方法。 第一種:比較好維護。 第二種:可以實現功能效果,但是感覺不太優雅。 方法一:把合計行插入到數組中   1、列表數據

原创 SVG:動態曲線圖

場景:假設想實現一個“曲線/直線”上面的“方點”按照這個軌跡來回滾動如何操作?     圖片上用紅色畫筆的線,這種svg 怎麼畫呢?想了半天,先是想到讓 UI 出個 gif 的圖片。放到位置上。後來一想覺得這個方法不行,萬一 UI 沒時

原创 vue:基礎項目搭建

全局安裝 vue ,然後 vue creact xxx 構建完腳手架。項目開始。   一、安裝 antd 的 vue 版本       npm install ant-design-vue --save   二、全局引入並註冊     

原创 使用:js 中 url 傳參

Location 屬性 操作 代碼 輸出結果 獲取 # 號後面的字符串 window.location.hash #/lingshoustatis/?starttime=2018-11-21&&endtime=201

原创 react:什麼是 redux?

這什麼要用 redux?          React 是單向數據流。父傳子通過 props。那麼非父子組件中的通信就可以用 redux 中的 state 解決。   Redux 的原理是什麼?       Redux 中把狀態存到 st

原创 react:react + dva + router + roadhog 基礎項目搭建

一、腳手架安裝           第一步:全局安裝 dva,這裏有個條件,node 版本要 >= 6.5 且 dva-cli 版本要在 0.7x。                        npm install dva-cli -

原创 使用:在 react 中 用echarats

在 react 中 用echarats ,用原生的方法寫如下:           也可以用 react 的寫法:         在寫的過程中遇到一個問題:剛開始用的一個  renderSaleAnalyseChart 這

原创 使用:數組去重

今天胖胖輝問我數組怎麼去重? 首先,我們要想到 filter、findIndex 這兩個屬性。 1、假設:數組。(如下) arr = [1,2,3,4] arr1 = [2,4] 注)要求去重,展示不重複的。 解決方法:arr.filte