海云數(shù)據(jù)重慶前端團(tuán)隊經(jīng)驗總結(jié)

1、目的

本文檔需要達(dá)到以下三個目的：

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

2、原則

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

3、內(nèi)容

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

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

4、更新記錄

4.1 20170622

主要更新內(nèi)容：

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

主要更新內(nèi)容：

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

主要更新內(nèi)容：

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