:-: 
TTK前端的開發注意事項,主要有以下幾點:
1、sf操作統一放到reducer里設置,如果有批量寫寫狀態話使用sfs,action里盡量不要寫sf操作。
2、后端返回的數據,要有取舍的setstate,特別是數據量大的時候不要放state里。
3、data.js里盡量少用表達式,可以減少重復渲染。
4、如果業務場景需要新的第三方組件,不要直接import,使用按需加載,組件庫里不要加index2.js,index3.js這樣的組件了(添加新的插件有專人負責,私自添加無法生效)
5、表格控件選型標準(可編輯表格必須統一使用datagrid,數據量大需要啟用lazyload特性,帶多重表頭的表格統一使用ant table,數據量大的情況下,要啟用virtual table特性)
6、靜態資源圖片統一放到vendor/image下,按模塊名存放。
7、app名稱必須小寫,組件名首字母大寫,可參考(ttk-fed規范)。
8、使用的settimeout,setinterval必須要清除,注冊的事件要在頁面卸載后銷毀。
9、禁止開發app的樣式互相沖突,每個app的樣式按名稱隔離。
10、禁止組件庫里出現業務代碼,所有組件開發要遵守react開發規范。
11、data.js里,children同級中,name不要重復。
12、方法、變量,必須加注釋,便于維護、升級、協同。
13、一個方法中,盡可能地只實現1個功能。
14、代碼的縮進等格式不一致,需統一使用同配置的美化插件。
15、react組件中,屬性名不對,如:class,應該用className。
16、組件傳值注意類型(組件的API參考antd官網)如:
1)Col 的span,應該傳入number類型,有些傳入了string。
2)DatePicker的disableDate,應該傳入function,有些傳入了string。
3)react的列表,key值,應該是獨一無二的不變的值,有些傳入了數組的索引index
。
TTK使用指南:[http://www.ttkteam.com/](http://www.ttkteam.com/)
GITHUB:[https://github.com/thethreekingdoms](https://github.com/thethreekingdoms)
TTK官網:[https://thethreekingdoms.github.io/](https://thethreekingdoms.github.io/)
- 序言
- 環境搭建
- node環境安裝
- npm國內源切換
- git知識學習
- git安裝
- git基本操作
- gitSSH配置
- vscode安裝使用
- 安裝
- git使用
- 前端開發環境
- 安裝腳手架及創建頁面
- 框架源碼目錄結構
- 相關API
- 項目啟動
- 如何運行
- 如何兼容到IE8
- 啟動參數說明
- IE8環境下兼容總結
- 注意的效率問題
- 框架亮點
- 相關技術棧介紹
- 功能強大的UI組件庫
- 數據驅動視圖
- 通用的公共類庫
- 組件視圖生成器
- 嵌入第三方站點
- 簡單易用-react
- 簡單易用-redux
- 1分鐘入門示例(hello world)
- 高級概念
- 入門概念
- 高級概念-1
- 前后端聯調
- 其它常用場景
- 詳細介紹(action、data、reducer)
- action.js
- data.js
- reducer.js
- 進階
- Mock數據
- 引入第三方插件
- 模塊拆分
- iframe接入
- 頁面模型生成器
- webpack@3升級到4.x
- 生產部署
- 生產打包
- nginx部署
- tomcat部署
- hbuilder打包部署
- nodejs部署
- docker部署
- 常見問題
- 兼容IE8
- 自動升級
- 貢獻模板
- 瀏覽器支持統計
- 前端調試
- 注意事項(重要)
- 內存泄漏
- JavaScript內存那點事