原创 post、get、axios、fetch,請求方法整理

post請求: function post() { let http; if (window.XMLHttpRequest) { http = new XMLHttpRequest(); // ?IE7+, Firefo

原创 iView + Vue 踩坑日記,兩個Select組件聯動,第二個Select通過第一個Select的值調接口取值

需求:兩個Select組件聯動,Select_1數據改變了,Select_2的選項跟着改變。 問題:Select_2的已選擇Option依舊是之前的,並沒有達到默認選中第一項,或者不選中的預期效果。 解決方法:給Select_2增加v-i

原创 CSS學習、踩坑

背景圖片需要固定(fixed): iOS不支持background-attachment屬性 需要用以下hack方式,代碼: body: before { content: ''; width: 100%; he

原创 Ant Design Pro,用setFieldsValue方法,給嵌套到Form表單中的DatePicker或RangePicker組件設置默認值

其實用setFieldsValue或者獲取setState方法都可以設置DatePicker的默認值。 但是關鍵點在於,引用moment方法轉換日期格式   1、setState方法,利用FormItem組件的initialValue屬性

原创 Ant Design Pro,請求接口Network的Preview有值,但返回的response值是undefined

 問題:Ant Design Pro,請求接口,Network的Preview有值,但返回的response值是undefined,Preview是字符串不是json   // models/login.js中 effects: {

原创 iView + Vue 踩坑日記,組件自帶的事件鉤子函數,傳自定義參數

需求:組件自帶的事件鉤子函數,需要傳自定義參數 解決方法:以Page分頁組件的on-change事件舉例 <div> <Page :total="100" @on-change="page => changePag

原创 iView + Vue 踩坑日記,Upload上傳base64轉碼文件

需求:Upload組件,用post方法上傳base64轉碼文件。 解決方法:用before-upload事件來獲取file轉換格式,並調用接口,最後return false阻止默認上傳方式。 <div> <Upload acti

原创 iView + Vue 踩坑日記,DatePicker選擇日期後格式變成UTC

需求:DatePicker組件,選擇日期後格式變成UTC,例如:選擇的日期是2019-03-10,得到的結果卻是2019-03-10T16:00:00.000Z,頁面顯示是Sat Mar 09 2019 00:00:00 GMT+080

原创 iview+vue2學習日記

兩個<Select>組件聯動時,會出現第一個Select_1數據改變了,第二個Select_2的選項跟着改變。但是Select_2的已選擇Option依舊是之前的,並沒有達到默認選中第一項,或者不選中的預期效果。 解決方法:給Select

原创 Promise 真的懂了嗎?

(1) var var在函數外定義,是全局變量,函數內可以使用 var在函數內定義,是局部變量,函數外不能使用 var 在其他代碼塊中定義,是全局變量 ----- 如 if 等 var x = 10; ( function fu

原创 虛擬DOM介紹(轉)

近一年業務項目中都在使用React框架,也出現了一些以前沒怎麼關注過的新概念,例如虛擬DOM。虛擬DOM本身不是什麼新鮮事物,網上隨便一搜,早在2015年就有人詳細介紹過了,但我只知道它速度快,效率高,對原理一無所知,最近抽空學習了一下。

原创 React高級篇(一)從Flux到Redux,react-redux(轉)

React框架本身只應用於View,如果基於MVC模式開發,還需要Model和Control層,這樣催生了Flux的產生,而Redux是基於Flux理念的一種解決方式。 從《React入門系列》可知,組建直接傳遞參數或者事件都需要prop

原创 常見的HTTP狀態碼

2開頭 (請求成功)表示成功處理了請求的狀態代碼。   200   (成功)  服務器已成功處理了請求。 通常,這表示服務器提供了請求的網頁。 201   (已創建)  請求成功並且服務器創建了新的資源。 202   (已接受)  

原创 CSS相關

flex主要屬性 .Flex { flex-direction : row | row-reverse | column | column-reverse; flex-wrap : nowrap | wrap | wrap-re

原创 post、get、axios、fetch請求方法

// post請求: function post() { var xmlhttp; if (window.XMLHttpRequest) { // ?IE7+, Firefox, Chrome, Opera, Safa