原创 vue中使用js獲取樹形數據的所有父節點

 1、定義想要處理的tree數組 //在vue的data中定義一個數組,這個數組我寫的是死數據,所以寫的不規範,最終結果是正確的 tableData: [{ id: 3, date: '2016-

原创 vue中使用antvG6畫分組結構圖

效果圖:   <div id="container" ></div>  我是對G6中提供的該圖的相關函數進行了封裝--下面的代碼是寫在公共js文件裏面: export function renderMap(data,graph){

原创 echarts--多條曲線圖--vue

 效果圖: <div id="chartmainbar"></div>   #chartmainbar{ width: 75%!important; height:330px!important; floa

原创 echarts-柱狀圖--vue

柱狀圖效果:  <div class="echart"> <div id="chartmainbar"></div> </div> optionbar:{ color: ['#0079FE'],

原创 80%都不及格的前端JS面試題

不起眼的開始 招聘前端工程師,尤其是中高級前端工程師,紮實的 JS 基礎絕對是必要條件,基礎不紮實的工程師在面對前端開發中的各種問題時大概率會束手無策。在考察候選人 JS 基礎的時候,我經常會提供下面這段代碼,然後讓候選人分析它實

原创 一些常用的服務請求及http、https的默認端口

⑴. HTTP協議代理服務器常用端口號:80/8080/3128/8081/9080 ⑵. SOCKS代理協議服務器常用端口號:1080 ⑶. FTP(文件傳輸)協議代理服務器常用端口號:21 ⑷. Telnet(遠程登錄)協議代

原创 echarts自適應PC端屏幕分辨率並且刷新echarts圖不空白

<div id="chartmainbar3"></div> mounted(){ this.resizeEcharts = () => { this.$echarts.init(document.getE

原创 前端vue項目開發全家桶之vuex

Vuex 是一個專爲 Vue.js 設計的狀態管理模式 vuex解決了組件之間同一狀態的共享問題。當我們的應用遇到多個組件共享狀態時,會需要: 多個組件依賴於同一狀態。傳參的方法對於多層嵌套的組件將會非常繁瑣,並且對於兄弟組件間的

原创 給elementUI的table表頭添加按鈕或者多選框

<el-table-column prop="date" :render-header="renderHeader"></el-table-column> methods:{ renderHeader(h)

原创 vue中使用websocket,一看就會,直接複製粘貼就可以使用

https://www.cnblogs.com/qisi007/p/10213886.html

原创 React的constructor方法及state狀態

React 把組件看成是一個狀態機(State Machines)。通過與用戶的交互,實現不同狀態,然後渲染 UI,讓用戶界面和數據保持一致。 React 裏,只需更新組件的 state,然後根據新的 state 重新渲染用戶界面(不要操

原创 Http請求及請求報文

https://blog.csdn.net/weixin_44347636/article/details/98078723

原创 前端-vue結合express框架實現vue的服務器端渲染(ssr)

vue結合express實現服務器端渲染(ssr) 需要藉助vue-server-renderer的依賴選項,該方法包含兩個方法: 1、createRenderer創建一個服務器端渲染對象 2、該對象提供了一個renderToSt

原创 cookie增刪改查-封裝

//增加/修改(原來有則修改,沒有則增加) function setCookie(name, value, date) { var oDate = new Date(); oDate.setDate(oDate.getDate

原创 使用antV-G6在angualr中畫樹形關係圖

 使用antV-G6在angualr中畫樹形關係圖(流量追蹤圖) 公司有個需求就是既要呈現出每個節點之間的關係(圖裏面需要帶箭頭,爲了表現出流向關係),又要排版呈現出樹狀結構,也就是說是具備層次關係的,這種圖呢就相當於既不完全是樹圖,形狀