Please enable JavaScript.

Coggle requires JavaScript to display documents.

使用 Frontend Template 建構專案的效益, Frontend Infrastructure, 前端暫無跨系統的 sharing…

- - - - 設定環境變數 ( env
      - 建立基礎頁面
      - 定義前端路由 ( use Vue-Router v4
      - 定義前端模組規範 ( use Pinia
      - GitLab CI
      - 規範前端專案結構
      - Unit Test ( use Vitest
      - 前端發送 HTTP Request / 管理 API Best Practice ( use Axios
      - 導入增加 DX 的 Library
      - 建構基礎的專案 ( use Vite + Vue 3
      - 建立基礎的 Component
      - 建構樣式表管理
      - 定義 / 規範專案的語法檢查與 Code Style ( Linter & Formatter ( use ESLint & Prettier
      - 設定開發端設定 ( vite.config.js
      - 定義開發環境 ( node 16
    - - CSS
        
        Sass/SCSS
      - JavaScript
        
        Vue 3
      - Vite
      - Vitest
      - Git
        
        GitLab CI
      - 視需求
        
        Graylog
        
        SonarQube
      - Vue-Router
      - Pinia
      - Element Plus
      - HTML
      - axios
    - - 當前實做出來的 template 屬做概念出來，
        未來會根據專案類型，如護理系統，有病人卡的，就可以開一個 branch 存放
        可以於目前的 generator shell script 中加入選擇『什麼類型的 template 』，後再選『我需要什麼類型的 example 』
      - 當前 template 使用 vue 3 開發，但資訊部主要是學習 vue 2 （ vue 3 相對 vue 2 開發體驗好很多，且應用場域不受 ie 侷限，因此建議使用 vue 3
- - - - 選擇一第三方 Design System ( e.g. Element Plus
        
        調整其 Component 的樣式
        
        整理樣式表
        
        實做 RWD 規劃
        
        實做 theme update
        
        撰寫常用的 Component 組合 ( e.g. Form、Table、Table with Pagination
        
        開發更複雜、可覆用的 Componet ( e.g. Nested CheckGroup
        
        建構完成，封裝成第三方套件供各專案使用（包含 Frontend Template、其他院內系統
        
        開發時遇到的問題
        
        theme update
        
        build package 大小問題
        
        如何 build 成方便 code split 的 ESMoulde
        
        開發前遇到的問題
        
        是否要走 storybook / chromatic 那套
        
        什麼 Component 需要寫，其插槽又要如何制定
- - - - ORMS Memory Leak
        
        FaceX 效能問題
        
        ICU Table data Rendering
        
        主要是這幾個時期有玩過，但前端效能議題，知識點與優化的方式很多，目前的專案都是順與不順而已，並沒有追求極致的效能處理，故沒有很深入的研究。