Ⅰ SUI Mobile - 阿里出品的小巧且精美的手機H5前端UI庫
阿里巴巴共享業務事業部UED團隊的作品。專門為手機H5頁面提供一個常用的組件庫，以減少重復工作。
SUI Mobile（MSUI） 是一套基於 Framework7 開發的UI庫，風格樣式偏iOS。它非常輕量、精美，只需要引入CDN文件就可以使用，並且能兼容到 iOS 6.0+ 和 Android 4.0+，非常適合開發跨平台Web App。
相比於現在大前端的工程化開發，SUI Mobile 上手非常簡單，引入js文件就能開始使用，因此上手難度非常小，對於一些不了解前端工程化的開發者，不需要學習vue\react等框架。
而對於一些邏輯簡單、快速開發的營銷頁面或者h5應用，反而不適合工程化的開發。這時候選擇 SUI Mobile 就非常適合。
SUI Mobile 免費開源，請放心搬磚。
https://sui.ctolog.com
那些免費的磚(www.thosefree.com) 持續更新設計、前端圈免費開源、可商用資源。
Ⅱ 阿里 qiankun 微前端框架實踐
qiankun ——— 一套完整的微前端解決方案： https://github.com/umijs/qiankun
如圖所示，在qiankun框架中，有主程序與子程序。主程序會留出指定的DOM作為子程序的容器，並且通過主程序里的路由轉發載入子應用。
修改主程序main.js注冊子應用
修改主程App.vue注冊子應用的容器
main.js
Demo： github.com/justworkhar…
與傳統的父子組件通信一樣，父程序通過props向子程序傳遞信息。子程序通過回調函數向父程序傳遞信息。
qiankun框架說白了就是通過在主程中添加一個展示子程序的DOM，經過路由判斷做轉發載入子程序。
Ⅲ 有哪些前端框架是使用typescript寫的
蠻多的，下面舉幾個常見的前端框架。
Angular
簡單介紹下Angular, AngularJS誕生於2009年,由Misko Hevery 等人創建,後為Google所收購。是一款優秀的前端JS框架,已經被用於Google的多款產品當中。
從Angular2版本開始，使用TypeScript開發，完全重寫框架，性能提升巨大。目前最新版本為8.1.0.
Ionic
Ionic Framework是一個開源的UI工具包，用Web技術（HTML，CSS和JavaScript）構建高性能的高質量移動和桌面應用程序。Ionic Framework專注於前端用戶體驗，或應用程序的UI交互（控制項，交互，手勢，動畫）。它易於學習，並與其他庫或框架（如Angular）很好地集成，或者可以獨立使用而無需使用簡單腳本包含的前端框架。目前，Ionic Framework已與Angular正式集成，對Vue和React的支持也正在開發中。
Ant Design of Angular
Ant Design 說是前端框架不太嚴謹，更像是一個UI組件庫，這點和Ionic類似。
Ant Design 由阿里開發，目標是服務於企業級產品的設計體系，基於確定和自然的設計價值觀上的模塊化解決方案，讓設計者和開發者專注於更好的用戶體驗。
還提供了一系列的工具方便設計和開發人員更快的實現需求，縮短項目周期；國內使用人數較多。PS: 大家還記得去年的聖誕節彩蛋嗎？
最後提一下 Vue ,很火的一個前端框架，它不是採用TypeScript語言開發，但可以使用TypeScript配合開發。
Angular，Ionic這些耳熟能詳啦。
但Visual Studio Code也是用Typescript寫的就強悍了，而且還能移植成Web版本的VS Code.
vue.js 3.0版本
Ⅳ 什麼是前端，後端，終端，有什麼區別
簡單地說，前端就是你在瀏覽網頁app看到的一切東西，都是前端。後端就是程序員在背後做的一切努力，對數據等東西的處理。而終端就是你使用來瀏覽這些東西的設備。
展開來說的話，就比較長。
前端：
前端就是展現給用戶瀏覽的部分。我們通常說的前端，其實是指前端開發，也就是創建PC端或移動端等前端界面給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。前端開發是從網頁製作演變而來。早期的網頁製作主要內容都是靜態的，以文字圖片為主，用戶使用網站也以瀏覽為主。隨著互聯網的發展，現代網頁更加美觀，交互效果顯著，功能更加強大。因此現在的前端開發的主要技術通常是指html、css、js技術和一些開發框架的使用。大家熟知的Facebook就是Web前端技術的產物，完全基於前端框架打造出來的平台。另外，外賣平台餓了么旗下的部分產品也是基於Web前端技術的。像淘寶，網路，阿里等等，都已經將Web前端技術打入到了自己的產品中。
後端：
為了讓伺服器、應用、資料庫能夠彼此交互，後端工程師需要具有用於應用構建的伺服器端語言，數據相關工具，PHP框架，版本控制工具，還要熟練使用 Linux 作為開發和部署環境。後端開發者使用這些工具編寫干凈、可移植、具有良好文檔支持的代碼來創建或更新 Web 應用。但在寫代碼之前，他們需要與客戶溝通，了解其實際需求並轉化為技術目標，制定最有效且精簡的方案來進行實現。
終端：
「終端」即是指最後或最外層的節點。在計算機世界裡一般指最外層的輸入輸出。那什麼是計算機的輸入輸出？最常見的輸出設備就是顯示器、最常見的輸入設備就是鍵盤滑鼠。所以通俗來說，計算機的終端就是位於最外層的顯示器、鍵盤或滑鼠。
在過去（現在也有）因為計算機資源非常寶貴，經常一台高性能主機向多台終端設備提供計算能力。即終端設備通過鍵盤滑鼠向中心主機輸入信息，中心主機計算後將結果返回給終端進行顯示。終端本身不具備核心計算能力，主要就負責數據的輸入和輸出，這就是「終端」。
現代我們管很多設備叫終端機，比如手機。因為手機作為接打電話的終端負責聲音的輸入和輸出，而重要的信號處理工作由各個基站等設備完成。
Ⅳ 淘寶前端用的什麼框架
V- Layout 是阿里出品的基礎 UI 框架，用於快速實現頁面的復雜布局，在手機天貓 Android版 內廣泛使用
淘寶、天貓一直致力於解決 頁面動態化的問題
在2017年的4月發布了v1.0解決方案：Tangram模型 及其對應的Android庫vlayout，該解決方案在手機淘寶、天貓Android版 內廣泛使用
Ⅵ 微信公眾號，前端用什麼UI框架
Frozen UI：手Q出品，組件更豐富，視覺舒適度也不錯，適合前端較生疏，需要開箱即用的程序員。
WeUI：官方出品，情懷滿滿，但是組件不夠用。作為一個瀏覽器特性參考還是不錯的。
SUI Mobile：阿里出品，風格仿IOS的，色調偏冷。不好搭配顏色。
maze UI：典型工程師思維的產物，只圖實現，不考慮體驗。不少工程師喜歡用這個，各種組件搭配起來很省事。但作為普通用戶，肯定覺得這種UI風格很Low。全直角，純色，在視覺上非常不討喜。
MUI：用MUI開發的APP有一種深入骨髓的廉價感。
Ⅶ 目前主流的移動WEB開發框架有哪些
【開發框架】技術選型的候選：
（1）DCloud出品：MUI；
（2）阿里出品：MSUI（基於大名鼎鼎的Framework7框架，但MSUI的兼容性更好）；
（3）騰訊出品：FrozenUI；
（4）網路出品：Clouda是網路歷時兩年共同研發的開源App技術框架，基於Node.js，簡單易用，完美結合BAE；
（5）烽火星空出品的：Agile Lite支持jQuery和Zepto雙引擎；
（6）Jingle UI是一個基於html5、css3開發輕量級的移動webapp 框架（支持觸摸屏操作、切換效果也不錯）基於Zepto開發，依賴了iscroll；
要開發一款App的話，需要美工，UI，前端工程師，後端工程師等工作人員才可以實現。
還有什麼不懂的可以去後對人找找相關的教學視頻，看看，多看看不就懂了，或者嫌麻煩也可以到紅盾網上問專家教師，希望對你有用，採納吧，謝謝^ω^
Ⅷ 前端開發都需要學習什麼框架
想要成為一個好的前端程序員，需要掌握的技術還是比較多的，比如HTML5開發、JavaScript、Veu.js框架開發等等。
前端就是展現給用戶瀏覽的部分。我們通常說的前端，其實是指前端開發，也就是創建PC端或移動端等前端界面給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。
學習的內容包括：
①計算機基礎以及PS基礎
②前端開發基礎（HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架）
③移動開發
④前端高級開發（ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等）
⑤小程序開發
⑥全棧開發（MySQL資料庫、Python編程語言、Django框架等）
⑦就業拓展（網站SEO與前端安全技術）
互聯網行業目前還是最熱門的行業之一，學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的，發展前景非常好，普通人也可以學習。
想要系統學習，你可以考察對比一下開設有相關專業的熱門學校，好的學校擁有根據當下企業需求自主研發課程的能力，能夠在校期間取得大專或本科學歷，中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的，建議實地考察對比一下。
祝你學有所成，望採納。
Ⅸ 求一款web前端框架，開發react，要同時支持spa單頁和ssr伺服器渲染，支持typescript，最好帶有完整的Demo
react-coat
react-coat 特點
集成 react、rex、react-router、history 等相關框架
僅為以上框架的糖衣外套，不改變其基本概念，無強侵入與破壞性
結構化前端工程、業務模塊化，支持按需載入
同時支持 SPA(單頁應用)和 SSR(伺服器渲染)
使用 typescript 嚴格類型，更好的靜態檢查與智能提示
開源微框架，源碼不到千行，幾乎不用學習即可上手
這款可以滿足你，帶完整Demo示例
Ⅹ 前端ui框架 Antd For React(Webpack)總結
### 總結一下使用阿里的antd這個ui框架的正確姿勢(官網推薦的按需載入方式)
1. 本文針對在現有項目中引入antd
2. 二話不說: npm install antd --save
3. 在.babelrc文件中加入:
{
"plugins": [
["import", { "libraryName": "antd", "style": "css" }]
]
}
如果.babelrc文件已有其他的plugins，那就將["import",
{ "libraryName": "antd", "style": "css" }]這段放到plugins數
組里。
4. 執行: npm install babel-plugin-import --save-dev
.babelrc文件中import是需要安裝babel-plugin-import插件的。
5. 使用:
import { DatePicker } from 'antd';
ReactDOM.render(<DatePicker />, mountNode);
PS:按需載入方式只需從 antd 引入模塊即可，無需單獨引入樣式
6. 問題:
如果有樣式無效的情況,可能是webpack.proction.config.js文件中:
mole: {
loaders: [
{test: /\.css$/, exclude: /node_moles/, loader:
ExtractTextPlugin.extract('style', 'css!postcss')},
]
}
包含了exclude: /node_moles/，這樣會排除node_moles文件夾下的樣式，去掉exclude: /node_moles/再試試。