海云數據重慶前端團隊經驗總結

1、目的

本文檔需要達到以下三個目的：

  • 將一些很小的但又很常用的知識點匯總到一起，方便以后查閱；
  • 記錄項目開發過程中遇到的問題及解決方案，可供后期項目開發時參考；
  • 形成前端團隊知識積累和沉淀。

2、原則

我們的原則是記錄的知識點和問題都是為了提升開發效率及質量，一切與該原則無關的概不收錄。

3、內容

本文檔主要記錄常用的一些小的知識點和項目中實際遇到的問題和解決方案。小知識點記錄時對格式不做要求，但記錄項目開發中遇到的問題時，必須按以下三個方面來做：

  • 問題描述
  • 問題原因
  • 解決方案

4、更新記錄

4.1 20170622

主要更新內容：

  • 創建文檔，初始化文檔結構；
  • 前端常用知識點：如何修改input的placeholder、如何修改滾動條默認樣式、理解BFC、數字每隔三位加逗號、D3圖表中如何讓文字豎著顯示及Handlebars模板中如何比較兩個值；
  • 迪愛斯項目：熱點冰點卡死問題、ifream切換導致內存泄漏問題、D3文字旋轉問題及D3圖表提示框位置問題；
  • 指揮大屏項目：長時間運行chrome瀏覽器奔潰問題；
  • 警務云項目：PKI兼容chrome瀏覽器問題；
  • 涪陵項目項目：IE11部分瀏覽器下滾動條位置問題。
4.2 20170623

主要更新內容：

  • 執法項目：
    1.面積圖填充為線條樣式
    2.一個paseFloat()方法兩分鐘就把頁面卡死了
    3.開發中常見的細節問題
  • PC端指揮項目：
    1.地圖上各區域添加圖表并將圖表顯示在各區域中心位置
    2.svg里面添加image標簽該的width,height屬性被壓縮問題
    3.地圖上添加圖表或文字后較小的區域無法鉆取
    4.svg添加image元素在谷歌低版本不顯示
    5.input輸入框記住用戶名或密碼后樣式被瀏覽器自帶的樣式覆蓋
4.3 20170706

主要更新內容：

  • 前端常用知識點：
    1.Handlebars模板中序號從1開始排序
    2.修改checkbox默認樣式