原创 antD Calendar組件ios手機下拉加載上一個月份困難

bug描述:在ios手機上加載上一個月數據時非常困難,經常加載不出來 同組的同事也用過這個組件,但無此bug,基本確定是我自身外碼影響所致。而將calendar同級代碼都註釋掉後發現,該問題仍存在。所以可以基本可以確定是外層樣式

原创 截取視頻首幀圖片

基本框架: antD upLoad組件上傳視頻 +視頻消息推送+ canvas截取視頻首幀圖片 上傳視頻 <Upload name="myfile" data={ { _token: get

原创 antD Table表頭氣泡提示自定義

實現效果: 用到的屬性: filterDropdown:可以自定義篩選菜單,此函數只負責渲染圖層,需要自行編寫各種交互; filterIcon:自定義 filter 圖標。結合Tooltip的onVisibleChange

原创 React web端 高德地圖引入

1.逆向地理編碼(將經度緯度轉換地址)時報錯10009(USERKEY_PLAT_NOMATCH),明明用的是web端的key值,爲什麼會報不匹配的bug呢? 可能的原因是:在逆向地理編碼的時候用的不是逆向編碼的url,正確的ur

原创 vue 虛擬DOM

虛擬DOM:Vue 通過建立一個虛擬 DOM 對真實 DOM 發生的變化保持追蹤。 由頁面渲染過程可知,虛擬DOM可以理解爲保存了一棵DOM樹被渲染之前所包含的所有信息。 目的:虛擬dom就是爲了減少js與DOM的交互而設計的。 步驟:

原创 動態獲取查詢條件和table展示區字段 typeScript

背景: 動態獲取菜單欄信息,每個item對應不同的formCode。formCode改變時,請求接口獲得動態查詢條件。以下圖爲例,點擊考勤-請假Item後,請求得到的搜索項爲“歸檔日期”、“單選項”。【查詢】後,得到table的表

原创 關於移動端滾動區域滑動卡頓,不順暢問題

解決方法一:overflow-scrolling:touch; 給滾動區域添加overflow-scrolling:touch; -webkit-overflow-scrolling: touch; overflow-scroll

原创 antD使用二三事-設置主題色 && 不同組件間對antD的樣式修改互不干擾

設置主題色 前期準備: npm install babel-plugin-import --save-dev npm install antd --save 1. webpack.config.theme.js中,設置主題色p

原创 項目中引用自定義 iconfont字體庫

項目中引用自定義 iconfont字體庫 前期準備 字體源文件下載 進入“我參與的項目”,下載項目 拷貝至項目src/assets/iconfont 拷貝到該路徑下後,將iconfont.css文件命名成自身項目名,如eval

原创 redux同組件內多個值賦值覆蓋問題

項目背景: 用戶提交修改結果時,需要將修改後的狀態和該狀態對應的開始考勤時間存到redux中(editedState和stateStartTime),便於在數據展示頁更新相應數據item。但由於改成某些特定狀態時是不需要修改初始

原创 fixed佈局兼容寫法

DOM結構 <div> <div className={styles.tableMock}> <div className={styles.tableHeader}></div> <div c

原创 實現table全選組件

背景 antd Table組件在升級到3.19.1版本後,通過選中checkbox來選中整行時,checkbox不能被選中,並報錯“can’t read property shiftKey of undefined” 那就自己寫

原创 關於邊框1px

手機端1像素邊框在iphoneX上遇到的問題: 一開始是簡單粗暴寫了border-bottom:1px solid #e5e5e5; 後面改成了scaleY的寫法。 在網上查證了原因是因爲1px的邊框在devicePixelRatio =

原创 react-router 多路由共用同個組件,切換不刷新

先描述下需求吧。 從服務端獲取菜單欄要展示的菜單項(如校園公告,樂課網,課程消息,樂答消息,作業消息,...,待辦通知),其中校園公告,樂課網和代辦通知是一定會有的菜單項(下文稱爲“常駐嘉賓”),而消息類(如課程消息,樂答消息,作業消息,

原创 粗略手寫一個redux