在vscode中寫ts項目時，當定義的type結構體很大(即key非常多)的時候 鼠標懸停在變量上，顯示的類型提示彈窗中，類型定義是被摺疊起來的。 (能看到 ... xxx more ...) 但是沒有一個可操作的交互能夠讓這個摺疊展開。 這是個2018年就被提出的issue，現在依然是open狀態 (Interactive Diagnostics) https://gi
在組件封裝上，兩個框架差的不遠。 在Vue中封裝組件，用插槽的方式子組件中寫好具名插槽的位置和樣式，在父組件中通過插槽名傳入html和js邏輯 部分。 在react中封裝組件，區別於Vue的地方在於，Vue中有插槽這個語法，而react中沒有。在react中的html和js邏輯部分的傳遞都需要藉由屬性組件的屬性(Props)來完成。 (在Vue中插槽傳值，在react中屬性傳值) 此外，Vue中組
頁面A中有一個iframe標籤。iframe標籤的src屬性指向的跨域頁面B，跨域頁面B通過postMessage方式傳遞信息。現在在頁面A中想要獲取跨域頁面B傳遞來的信息。 實現方式是監聽A頁面的"message"事件。考慮是vue2框架。其實現方式與原生html有稍許不同。 在vue的mounted生命週期裏添加 mounted() { window.addEventListener("
chainWebpack 的底層是 webpack-chain。採用的是命令式 Webpack 配置。 configureWebpack 的底層是 webpack-merge。configureWebpack 的值可以是Object也可以是Function。(若是Function這個Function的返回值也應是一個Object) 且直接設置的Object和函數返回的Object都是配置子集
1、target == iframe.name，點擊p標籤，在iframe中展示新頁面。 iframe src="demo_iframe.htm" name="iframe_a" height="300px" width="100%" title="Iframe Example"/iframe pW3Schools.com/p 2、target != iframe.name，點擊p標籤
當使用highcharts創建一個橫向放置的堆疊列的colunm圖時，highcharts繪圖實例默認是從右到左堆疊(即series中index=0的在最右邊，index=1的放在index=0的左邊)，如下圖所示，圖例legend的順序與預期順序相同，而圖中的column item順序與預期相反。(legend 1 2 3, column item 3 2 1) 想要達成同序，需要用到s
在highcharts中沒有數據的單圖會不作圖。 在column圖中(stockOptions.chart.type = “column”) 數據為null的column不會有展示，舉例如下。 stockOptions.series.data = [0.12, 0.255, 0.176, null, 0.189, 0.121, null, 0.08] 4號、7號兩column對應的值
場景: 需要對每個series設置不同背景色的tooltip時，highcharts自身沒有這種配置項，就需要我們利用Highcharts原型封裝函數Wrap。 wrap對現有的highcharts示例的原型進行修改，允許在現有函數之前或之後向其中添加自己的代碼。 其用法如下: (function (H) { H.wrap(H.Tooltip.prototype, 'ref
描述: 要求點擊highcharts中的某個元素，如下圖中的藍色bubble，點擊藍色bubble將“匯添富創新未來18個月”這個參數傳遞到父元素中，父元素中有一個表格展示所點擊的bubble對應基金的詳情。 這就要求在點擊事件發生時，把參數傳遞到上一層。 下面以跳轉為例，説明如何傳遞參數 （跳轉：傳遞基金的參數，父元素處理，跳轉到指定基金的頁面） 我們在vue的meth
描述: 為了讓柱狀圖顯示美觀，要求柱狀圖單柱的顏色以漸變色展示，如下圖所示。 因為highcharts使用svg渲染，而svg內的線性漸變屬性為：linearGradient，若只是為了單純的實現上圖效果，我們完全可以單獨設置每個series的color屬性。 注: 上面這張圖對應的series有兩個子元素 即 console.log(typeof(stockOpt
前言、基礎、約定 一般我們會用這種方式來使用highcharts，所需的配置都在stockOptions裏 （注：這裏命名不一定要用stockOptions，它只是一個對象） stockOptions是一個對象如下圖所示 下文我們用對象語法來介紹配置，圖中箭頭指向的”type”記作 stockOptions.chart.type （也就是 stockOptions.ch
class是用於創建對象的模板。 (在js中構造函數也能批量創建對象，要注意函數有聲明提升，而類沒有聲明提升，必須先定義類，在創建類的實例) 定義Animal類。類也是一個函數。 typeof(Animal) // function 對一個類本身來説，要注意以下四點: 1、構造函數constructor，這個函數用户在創建實例的時候傳入參數。(new Ani
在項目的main.js文件中，有可能會出現 Vue.mixin(customizedMixin);... new Vue(...); 這裏的Vue.mixin()方法是將引入的customizedMixin文件（主要是customizedMixin文件中的全局方法、生命週期鈎子中的特殊處理、以及其他屬性如data、watch等等）掛載到全局。 當全局引入的customiz
