原创 react 中通過ref獲取高階(HOC)子組件實例的解決方案

原文鏈接:https://www.jianshu.com/p/2609fd3777cd 今天寫react項目遇到一個父子組件通信的問題。這是一個非常常規的問題了,隨便搜一下就能得到解決方案。總體

原创 ECharts實現折線圖顏色分段及垂直X軸的markline標註

原文鏈接:https://blog.csdn.net/u011669700/article/details/53104168 注:案列展示地址  https://gallery.echartsj

原创 ajax請求失敗的狀態碼都是0

前言 今天遇到個奇怪的問題,使用JQuery的ajax請求,後臺的Controller層也接收到請求了,一切處理很正常,但是很奇怪,瀏覽器Debug發現,responseText是”error”,狀態碼是0. 請求源碼如下: $.ajax

原创 Antd合併

let group_row_span = []; let x = ''; let count = 0; let start_index = 0; for (let index = 0; index < data.group.length;

原创 echarts 樹形圖 高度寬度自適應

//tree自適應 const tree = echarts.init(document.getElementById('tree')); const nodes = tree._chartsViews[0]._data._graphic

原创 jQuery ajax設置全局配置

$.ajaxSetup({ dataType : "json", contentType : "application/json", headers : { 'Content-Type' : 'a

原创 判檢測JS中Array類型

在JS中我們使用typeof判斷數組時,將會得到object,那我們究竟該如何判斷一個值是不是數組類型暱? 方法一:instanceof 對於一個網頁,或者一個全局作用域而言,使用instanceof操作符就能得到滿意的結果: if(va

原创 call、apply、bind

我們都知道call apply bind都可以改變函數調用的this指向。那麼它們三者有什麼區別,什麼時候該用哪個呢? 我們先直接通過代碼實例來了解,後面再借助專業文檔來解釋。 舉個例?   // 有隻貓叫小黑,小黑會吃魚 const c

原创 判斷對象類型

在js 中 , 有一種判斷數據基本類型的方法 typeof , 只能判斷5中基本類型:即 “number”,”string”,”undefined”,”boolean”,”object” 五種。   可見: typeof 會根據對象類型返

原创 Nginx

Nginx的產生 沒有聽過Nginx?那麼一定聽過它的"同行"Apache吧!Nginx同Apache一樣都是一種WEB服務器。基於REST架構風格,以統一資源描述符(Uniform Resources Identifier)URI或者統

原创 react中dangerouslySetInnerHTML使用(簡潔)

在react中,通過富文本編輯器進行操作後的內容,會保留原有的標籤樣式,並不能正確展示。 在顯示時,將內容寫入__html對象中即可。具體如下: <div dangerouslySetInnerHTML = {{ __html: chec

原创 html5 postMessage解決跨域、跨窗口消息傳遞

一些麻煩事兒 平時做web開發的時候關於消息傳遞,除了客戶端與服務器傳值還有幾個經常會遇到的問題 1.頁面和其打開的新窗口的數據傳遞 2.多窗口之間消息傳遞 3.頁面與嵌套的iframe消息傳遞 4.上面三個問題的跨域數據傳遞 postM

原创 JS跳出循環的三種方法(break, return, continue)

Break語句: break語句會使運行的程序立刻退出包含在最內層的循環或者退出一個switch語句。 由於它是用來退出循環或者switch語句的, 所以只有當它出現在這些語句的時候, 這種形式的break語句纔是合法的。 如果一個循環的

原创 冒泡獲取元素位置

$(document).delegate(".problem_detail_wrap", "mouseover", function (e) { var left = e.target.getBoundingClientRect().le

原创 通過webpack之externals配置減少打包vendor體積

類: webpackVUE   1、在webpack.base.conf.js中配置   module.exports = { context: path.resolve(__dirname, '../'), entry