原创 基本的HTML問題(一)

1、html中的長度單位:px、em、rem、%、vw、vh、vnim、vmax、calc() 某幾個詳情: px:像素,固定大小,涉及到適配的時候並不好用 em:相對於父元素字體的大小,一般也很少用 rem:相對於根元素字體的大小(

原创 axios的禁忌

原创 react-阻止其他事件觸發

//方法 onOpenDrawer=(e)=>{ e.stopPropagation(); this.setState({ drawerVisible: true }); } //調用

原创 mxgraph學習(一)

寫在前面: 最近項目中有個模塊,是需要在頁面繪製體現數據從數據庫到表數據的變化歷史。其中有兩個概念:‘數據血源’,‘影響分析’。也就是模仿kettel的呈現效果,在項目頁面上直接呈現,不必打開kettel去一一查看數據的歷史。大概的背景是

原创 mxGraph實戰(二)

繼mxGraph(一)的學習實踐,我最近有根據官方的實例實現了圖中畫布的大小改變,還可以增加右上角的概覽窗口。 背景:react+mxGraph. 要求: 實現畫布中每個控件有圖標,label。 畫布可放大,縮小,還原,有個概覽窗口。

原创 js常見的鼠標事件

1、mousedown 鼠標的鍵鈕被按下。 2、mouseup 鼠標的鍵鈕釋放彈起。 3、click 鼠標左鍵(或中鍵)被單擊。 事件觸發順序是:mousedown -> mouseup -> click 4、dblclick 鼠標左鍵(

原创 axio的請求異常響應統一處理

項目使用了飛冰框架(react),後端是springMVC. 首先在原生的axios基礎上,根據項目要求來改寫axios的請求頭: import axios from 'axios'; import urlparse from 'url

原创 HTTP狀態碼學習

當瀏覽者訪問一個網頁時,瀏覽者的瀏覽器會向網頁所在服務器發出請求。當瀏覽器接收並顯示網頁前,此網頁所在的服務器會返回一個包含HTTP狀態碼的信息頭(server header)用以響應瀏覽器的請求。 下面是常見的HTTP狀態碼: 200

原创 前輩的前後臺分離介紹

前後臺分離開發介紹   1. 大前端開發 ​ 首先應該明確,現在的前端開發是完全脫離後臺的,和Java中的jsp以及和c#中的asp是沒有任何關係的。以前,傳統的開發是使用jsp或者asp開發,是以爲Java爲主導的。而現在倡導前後臺完全

原创 在本地創建react項目時,node棧溢出,採用以下方法,親測有效。

方法一:刪除用戶的.npmrc 。可以在計算機目錄中查找。 方法二:刪除package.json文件,重新下載。

原创 Axios請求的前端提交參數data與params

原文鏈接:https://www.cnblogs.com/cwzqianduan/p/8675356.html Axios發送請求時params和data的區別 在使用axios時,注意到配置

原创 解讀react項目中pacakage.json文件

解讀react項目中pacakage.json文件 最近遇到了這方面的相關問題,在這裏做個記錄方便以後查看。 pacakage.json文件一般是關聯項目的一些依賴配置信息。用來記錄引用模塊的名稱,及其版本信息。 cd 到項目目錄下,執行

原创 vue+elementUi 表單驗證

模態框中的按鈕 <el-button v-if="MD.modelForm.formButton" v-for="(item,index) in MD.modelForm.formButton"

原创 vue+elementUi之表單

這連天在做vue的組件封裝,遇到的一個問題是,公用的模態框組件中的表單需要清空上次的表單驗證規則,於是經過大佬的指點,我get到一個技能,特此記錄一下,希望大家指正。 export default { data ()

原创 js獲取對象屬性值

對象格式: //對象數組list是json字符串, //對象格式: 對象名:{ 屬性名1:'屬性值1', 屬性名2:'屬性值2' } list:[ //屬性名爲常量 { name:'tom', age:12 }, { name:'li