**ttk前端框架目錄結構**

目錄解析
1. index.js:工程的入口文件。
2. index.html:首頁,設置項目的一些meta頭信息和提供<div id="app"></div>用于掛載組件節點。我們開發的是單面應用。
3. app-loader文件夾:框架核心文件(封裝了路由、狀態管理等實現機制)
4. meta-engine文件夾:框架核心文件(頁面解析引擎,支持將json轉換成html)
5. componets文件夾:框架組件庫(基于antd、fixed-data-table-2、echarts等組件的封裝)
6. utils文件夾:存放開發過程中一些公共類庫
7. dist 文件夾:默認 npm run build 命令打包生成的靜態資源文件,用于生產部署。
8. node_modules:存放npm命令下載的開發環境和生產環境的依賴包。
9. assets文件夾:存放項目中需要用到的資源文件,css、js、images等。
10.
11. webpack.config.js:用于存放 webpack 相關配置和腳本。開發中用于配置 less、sass等css預編譯庫,或者配置一下 UI 庫。
12. 其它根目錄下的*.config.js:主要存放配置文件,用于區分開發環境、線上環境的不同。 常用到此文件夾下 config.js 配置開發環境的 端口號、是否開啟熱加載 或者 設置生產環境的靜態資源相對路徑、是否開啟gzip壓縮。
13. src下。
14. package.json:用于 node_modules資源部 和 啟動、打包項目的 npm 命令管理。
- 序言
- 環境搭建
- 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內存那點事