原创 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 多路由共用同個組件,切換不刷新
先描述下需求吧。 從服務端獲取菜單欄要展示的菜單項(如校園公告,樂課網,課程消息,樂答消息,作業消息,...,待辦通知),其中校園公告,樂課網和代辦通知是一定會有的菜單項(下文稱爲“常駐嘉賓”),而消息類(如課程消息,樂答消息,作業消息,