原创 搜索組件 - 父組件向子組件傳值(子組件調用父組件方法)
接着上一篇文章繼續 , 傳送門, 上一篇地址 搜索組件 - react中子組件向父組件中傳值 接着, 在上一篇中, 在父組件中拿到了子組件input框中的內容值, 然後在父組件中使用, 接下來點擊搜索以後,我肯定是需要再次調用接口來重
2018-11-30 13:26:05
原创 搜索組件 - 子組件向父組件中傳值
一個關於搜索的組件， 來更加詳細的瞭解父子組件之間傳值的概念 代碼量縮短 不推薦: 推薦: 子組件中放入搜索的組件 searchBox.js中 class SearchBox extends React.Component {
2018-11-28 13:15:08
原创 query與params的頁面路徑傳值
先簡單記錄頁面傳值, 還沒完全弄懂其中的原理 先配置路徑跳轉 const SubRoutes = { prefix: 'parentPath', subRoutes: [ { name: '子路由',
2018-11-28 13:15:08
2
原创 向數組中添加數據但length打印爲0?
最近寫項目時, 遇到了一個問題, 我明明 向數組中push了數據, 但是打印的時候爲[]數組,但是空數組裏面有一條數據,length爲1, 但是打印出來length發現長度爲0 看代碼 先來看這種情況 很正常對吧, 往數組中pu
2018-11-14 09:00:37
原创 px, em, rem的區別
一般我們在pc上主要是流動式佈局，採用的單位一般都是px，由於pc屏幕都是很大的，所以不用過多的擔心字體單位的選擇，但是在移動端由於手機屏幕較小，且各種屏幕尺寸你一不小心你佈局的樣式或者單位字體顯得過大這都不是很理想的。那麼我們就來說
2018-11-04 09:29:34
原创 dva-cli 版本更新
使用npm install dva-cli -g安裝 dva-cli , 在使用dva -v查看其版本號, 可能這個版本太低或者不是你想要的版本號, 怎麼升級版本? npm i dva --save 項目目錄下執行此行就能獲取到最新的
2018-10-20 08:41:03
原创 nginx+tomcat實現動靜分離
將靜態資源放在 A 主機的一個目錄上，將動態程序放在 B 主機上，同時在 A 上安裝 Nginx 並且在 B 上安裝 Tomcat。配置 Nginx，當請求的是 html、jpg 等靜態資源時，就訪問 A 主機上的靜態資源目錄；當用
2018-10-20 08:41:02
3
原创 script標籤加載順序(defer & async)
script 擁有的屬性 async：可選，表示應該立即下載腳本，但不應妨礙頁面中的其他操作，比如下載其他資源或等待加載其他腳本。只對外部腳本文件有效。 charset：可選。表示通過 src 屬性指定的代碼的字符集。由於大多數瀏覽
2018-10-13 08:23:21
原创 antd table 行點擊事件以及高亮顯示選中行的背景顏色
需求如圖點擊表格某一行選中,修改選中行的背景顏色 查看antd的官方文檔 https://ant.design/components/table-cn/ 會發現文檔中給出了兩個屬性 rowClassName 和 onRow ro
2018-10-13 08:23:21
原创 clone一個react項目怎麼運行
首先當你從git上面clone一個項目的時候怎麼讓項目跑起來, 首先看項目目錄結構,找到README.md上面有項目運行的步驟, 如果沒有可以看package.json文件,找到scripts 上面有dev 所以跑起來項目就使用np
2018-09-26 08:08:37
2
原创 Echarts x軸文本內容太長的幾種解決方案
Echarts 標籤中文本內容太長的時候怎麼辦 ? - 1對文本進行傾斜 在xAxis.axisLabe中修改rotate的值 xAxis: { data: ["襯衫11111","羊毛二二","雪紡衫11
2018-09-03 23:08:47
6
原创 d3.js入門學習
本來一直是使用echarts來畫圖的,結果畫好了以後,公司又要使用d3來畫,沒有對它進行特別的深入,只是瞭解了一下,能完成需求. 還有就是雖然有d3的官網可以學習,但是我不翻牆的話網站基本上是沒辦法進去的 ,爲了以後可以方便的使用d3的
2018-09-03 23:08:47
原创 React -- 父子組件通信props 和 onRef
一個普通的輸入框 和一個按鈕 我想通過點擊按鈕清空input裏面的內容 如果沒有組件之間的通信的話 肯定這麼寫 很簡單 直接按鈕綁定事件清空input 但是如果有組件之間的通信呢?? 子組件調用父組件通過props 子組件
2018-09-03 23:08:47
原创 React教程(-一 ) -- 快速構建React開發環境
React 初接觸 一. react的安裝 1). 使用方法 可以直接下載使用 http://facebook.github.io/react/ 下載最新 2). 直接使用BootCDN的React CDN庫. <scri
2018-09-03 23:08:46