1. 聯調不能只看數據接口通沒通,對數據格式:字段(大小寫-非駝峰發命名)、格式(Number和String、Null和Undefind)、同環比值是整數還是浮點數等都應該進行檢查,如果這些問題在聯調的時候不發現,等部署在內網機上后再去改,就會很讓人煩躁;
2. 由于前端開發時候都用上了Mock數據,所以常常出現沒有對數據為空數組、為null、為特殊0(處理百分比時)等的處理,建議編寫處理數據的邏輯代碼時,留心一下對數據多考慮基本,這樣代碼才健壯。
3. 下圖這個輪播列表,功能是,鼠標上去的時候,展示該條信息的詳細信息,鼠標移出的時候,詳情信息隱藏,開發中遇到的問題是:當鼠標從豎直方向劃過列表的時候,會先觸發劃過第一條信息的鼠標移入移出事件、再觸發第二條信息的移入移出事件,這樣的體驗是不好的,解決辦法如下:
4. **地圖數據深坑**:前端繪制地圖是用geojson繪制的,地圖上展示數據是根據后端返回數據中的地圖區域id來進行相應地圖區域上數據展示的繪制,昆明項目的地圖geojson是局里提供的,但是geojson中的id和他們數據庫中對應區域的id根本對不上,遂放棄用后端返回id來進行數據渲染,改用地區name屬性,結果name值也對不上;數據庫中的name值是geojson中name值的簡化版;最后還是通過一些數據轉換途徑得到了前端展示需要的數據,過程是心累的。
5. X軸文本過長等文本過長問題,比較老生常談了,略......。
- 1、前端常用知識點
- 1.1 如何修改input的placeholder
- 1.2 如何修改滾動條默認樣式
- 1.3 理解BFC
- 1.4 數字每隔三位加逗號
- 1.4.1 簡單粗暴的做法
- 1.4.2 比較常用的方法
- 1.5 D3圖表中如何讓文字豎著顯示
- 1.6 Handlebars模板中如何比較兩個值
- 1.7 SVG/D3中字體特殊設置
- 1.8 Handlebars模板中序號從1開始排序
- 1.9 修改checkbox默認樣式
- 1.10 D3.js 執行transition動畫中斷
- 2、執法項目
- 2.1 面積圖填充為線條樣式
- 2.2 一個paseFloat()方法兩分鐘就把頁面卡死了
- 2.3 開發中常見的細節問題
- 3、迪愛斯項目
- 3.1 熱點冰點卡死問題
- 3.2 ifream切換導致內存泄漏
- 3.3 D3文字旋轉問題
- 3.4 D3圖表提示框位置問題
- 3.5 js如何實現頁面iframe事件監聽
- 3.6 zTree-jQuery 樹插件異步加載如何傳參
- 3.7 圖易加載無延遲隱藏部分頁面組件
- 4、指揮大屏項目
- 4.1 長時間運行chrome瀏覽器奔潰問題
- 5、PC端指揮項目
- 5.1 地圖上各區域添加圖表并將圖表顯示在各區域中心位置
- 5.2 svg里面添加image標簽該的width,height屬性被壓縮問題
- 5.3 地圖上添加圖表或文字后較小的區域無法鉆取
- 5.4 svg添加image元素在谷歌低版本不顯示
- 5.5 input輸入框記住用戶名或密碼后樣式被瀏覽器自帶的樣式覆蓋
- 6、運維項目
- 6.1 按鍵F11頁面無法縮放
- 6.2 主頁面逆時針旋轉的兩段弧問題
- 6.3 websocket的close方法不起作用
- 7、漢陽項目
- 8、警務云項目
- 8.1 PKI兼容chrome瀏覽器問題
- 9、萬達項目
- 9.1 直方圖中出現數值比刻度值大
- 9.2 D3選擇集的處理模版
- 9.3 將數字轉化為三分位節法
- 9.4 制作簡易X軸
- 10、涪陵項目
- 10.1 IE11部分版本瀏覽器下滾動條位置不對
- 11、昆明大屏展示
- 11.1第一期五個頁面經驗匯總
- 11.2防止文本越界
- 11.3SVG里面謹慎設置font-family
- 11.4Error: <rect> attribute height: A negative value is not valid
- 12、技偵動態管控
- 12.1 使用CSS3動畫導致頁面抖動
- 12.2 使用 digitroll數字滾動插件,給數字加逗號(3位數分隔)
- 13、ES6前端開發框架
- 13.1 打包后部署到Tomcat下訪問路徑不對
- 14、貴陽項目
- 14.1、關于引用不到saga文件報錯的問題
- 15、React前端開發框架
- 15.1 this.refs.xxx獲取到的值是undefined
- 15.2 Mockjs與mapbox不兼容
- 15.3 axios聯調報跨域錯誤
- 15.4 saga結合websocket使用方法
- 15.5 打包部署后訪問頁面白屏