這個產品維護已經有一年了(由於業務需求不同,目前沒有做中文版,產品本身是針對國外**),自己本身是做ui出生,開發只是業餘愛好,僅僅作為平時工作的需要。雜七雜八會一些前後端開發。並非職業碼農!
好啦,自我介紹簡單就好!:)
甚至,你可以把裡面的所有模組刪除,只是使用套件的腳手架,通過套件提供的自動化流程,優化你的工作效率和方式方法。
當我們做專案的時候,會使用一些優秀的模板,但是很難去個性化去定製,特別是很難將其模組化管理。
當我們做專案的時候,會使用到各種外掛程式,但是由於外掛程式眾多,容易造成規範和結構的混亂。
當我們做專案的時候,重新編寫一堆堆html,css,j**ascript**,時間長了,效率低,質量低,甚至會厭倦它們,永無止境的工作和加班。
當我們做專案的時候,總是不能開心的讓系統去執行自動化任務,不夠科學,不夠前衛,不夠智慧型,我們也會漸漸對網頁設計或前端開發產生一些低潮。
2.配置你電腦的node.js環境
4.直接通過修改src/ 資料夾內的模組元件的html,js,scss檔案,來實現前端開發,所有檔案將會自動打包生成到 examples/ 資料夾中。
不建議跳過開發模式直接修改examples/ 資料夾裡的檔案,因為**量非常大,很難去維護和定製各種動畫、互動、結構。
uix-kit/├── readme.md
├── changelog.md
├── contributing.md
├── license
├── webpack.config.js
├── package-lock.json
├── package.json
├── dist/
│ ├── css/
│ │ ├── uix-kit.css
│ │ ├── uix-kit.css.map
│ │ ├── uix-kit.min.css
│ │ ├── uix-kit.min.css.map
│ │ ├── uix-kit-rtl.css
│ │ ├── uix-kit-rtl.css.map
│ │ ├── uix-kit-rtl.min.css
│ │ └── uix-kit-rtl.min.css.map
│ └── js/
│ │ ├── uix-kit.js
│ │ ├── uix-kit.js.map
│ │ ├── uix-kit.min.js
│ │ ├── uix-kit.min.js.map
│ │ ├── uix-kit-rtl.js
│ │ ├── uix-kit-rtl.js.map
│ │ ├── uix-kit-rtl.min.js
│ │ ├── uix-kit-rtl.min.js.map
│ │ ├── uix-kit.concat.es5.dev.js
│ │ └── uix-kit.concat.es5.dev.js.map
├── misc/
│ ├── screenshots/
│ └── grid/
├── src/
│ ├── index.js
│ ├── index-rtl.js
│ ├── components/
│ │ ├── es5/
│ │ └── es6/
├── examples/
│ ├── *.html
│ ├── assets/
│ │ ├── css/
│ │ ├── fonts/
│ │ ├── images/
│ │ ├── videos/
│ │ ├── models/
│ │ ├── json/
│ │ └── js/
└──
這個工具套件並不是強制誰去使用它的預設樣式和互動效果,而是提供了乙個便於利用的自動化腳手架,通過webpack來規範你的開發流程,提高**的質量和編寫效率,提高後期維護的便利性。這是一種工作方法,而不是現成的模板(當然也可以直接使用examples/目錄裡的專案檔案,作為快速建站的模板),uix kit的價值,在於快速、簡單的模組分離,自動化打包和生成目錄,並提供了豐富的預設常用前端**應用。
如果它對你有幫助,可以關注github專案主頁,專案會不斷更新公升級優化:) 詳細使用方法請參考github主頁
前端快速開發模版
之前一直在開發移動端的單頁面應用,而移動web對效能和效果要求是比較苛刻的,所以用的都是輕量級的框架體系。基本上是zepto加自己開發的單頁面框架,再加上若干簡單的庫。這樣前端要載入的檔案很小,修改起來也非常方便,同時這樣的輕量級的體系使用gulp進行自動化管理也是非常合適的。自從開發react專案...
安卓前端快速開發 登入介面
內含以下欄目 賬號密碼 使用者登入 忘記密碼 現在去註冊 軟體介紹 安卓前端快速開發工具 安卓切片 是一款根據效果圖,切出布局,設定好,文字,文字框,按鈕,列表框,資料來源,顯示資料字段等屬性,就可以自動生成對應的layout xml檔案和對應的activity檔案 裡面自動生成了控制項的定義 獲取...
前端開發使用vue腳手架快速構建前端專案
vue 提供了乙個官方的 cli,為單頁面應用 spa 快速搭建繁雜的腳手架。node v 檢測是否安裝成功npm install g vue cli vue version 檢測是否安裝成功 vue init webpack 資料夾名稱runtime compiler recommended fo...