-
1 # 資深IT老張
-
2 # 超人氣寶寶
推薦幾款比較常見的:
1.SUI Mobile
阿里開發的,一款基於 Framework7 開發的UI庫。它非常輕量、精美,只需要引入我們的CDN檔案就可以使用,並且能相容到 iOS 6.0+ 和 Android 4.0+,非常適合開發跨平臺Web App。
2.Sencha Touch
Sencha Touch 同樣也是HTML5手機應用跨平臺開發框架,相容性非常好,執行iOS/Android/Blackberry。它已經誕生很多年了,現在已經成為很常用的混合式程式設計開發框架。
3.jQuery Mobile
這個就不多說了,是 jQuery 在手機上和平板裝置上的版本。主流移動平臺的jQuery核心庫。
4.Frozen UI
是騰訊ISUX團隊根據最新的手機QQ設計規範製作的移動端Web框架,包括CSS基礎樣式和元件、JavaScript基礎元件和一些動畫效果庫。
5.Dojo
利用Dojo提供的元件,你可以提升你的web應用程式可用性、互動能力以及功能上的提高。
還有很多框架和元件,主要看自己的實際需求來使用。
-
3 # geyall
沒人提ionic,那我就推薦一下吧。
ionic是集成了angular和cordrova,然後提供了一套ui。
ionic應該在混合app開發中算是數一數二的了吧。以前有個產品用過,還可以。
-
4 # web前端進階
剛好看到這個問題,給你一些個人建議吧!
基礎:HTML5、CSS3技術對於一些簡單的移動端專案,使用傳統開發方式即可搞定。
jQueryhttps://jquery.com/
Zepto.jshttps://zeptojs.com/
mescroll - 精緻的下拉重新整理和上拉載入js框架,原生js, 不依賴jquery和zepto,支援vue/uniapphttp://www.mescroll.com/
Swiper - 移動端網頁觸控內容滑動js外掛https://www.swiper.com.cn/
REM - CSS3新增的一個相對單位(root em,根em)Animate.css - 強大的預設css3動畫庫http://www.jq22.com/demo/Animate201707101048/
Normalize.css - CSS reset的更優替代方案http://necolas.github.io/normalize.css/
進階:MVVM框架技術對於一些進階級移動端開發,可考慮使用MVVM框架技術。
如:Vue、React、Angular
Vue.js - 一套構建使用者介面的漸進式框架https://cn.vuejs.org/
https://github.com/vuejs/vue
React.js - 用於構建使用者介面的 JavaScript 庫https://react.docschina.org/
https://github.com/facebook/react/
Angular - 一套框架,多種平臺,移動端 & 桌面端https://angular.cn/
https://github.com/angular/angular
這裡為小夥伴們整理分享了一些vue、react移動端/pc端元件庫,快速提升開發效率。
https://www.toutiao.com/i6832455087994962435/
https://www.toutiao.com/i6834426578668093956/
https://www.toutiao.com/i6836313110047883787/
https://www.toutiao.com/i6836775973447270915/
高階:跨端開發對於一些高階的跨平臺/多端開發,可考慮使用當下比較熱門的跨端框架技術。
如:Ionic、Taro、uniapp、RN、Flutter
Ionic - 開源移動應用程式開發框架https://ionicframework.com/
https://github.com/ionic-team/ionic
Taro - 京東JD多端統一開發框架https://taro.jd.com/
https://github.com/NervJS/taro
uni-app - DCloud出品的前端應用的框架https://uniapp.dcloud.io/
https://github.com/dcloudio/uni-app
React-Native - Facebook開源的跨平臺移動應用開發框架https://reactnative.dev/
https://reactnative.cn/
https://github.com/facebook/react-native
Flutter - 谷歌跨平臺移動應用開發框架https://flutter.dev/
https://flutter.cn/
https://flutterchina.club/
https://github.com/flutter/flutter
編碼/除錯工具vscode - 程式設計師的最愛一款輕量且強大的跨平臺開源程式碼編輯器,支援Windows,OSX和Linux。內建JavaScript、TypeScript和Node.js支援,而且擁有豐富的外掛生態系統。
https://code.visualstudio.com/
hbuilderx一款輕巧、極速編碼工具(10M的綠色發行包),強大的語法提示。
https://www.dcloud.io/hbuilderx.html
sublimehttp://www.sublimetext.com/
notepad++https://notepad-plus-plus.org/
Chrome、Firefoxhttps://www.google.cn/intl/zh-CN/chrome/
http://www.firefox.com.cn/
回覆列表
推薦庫或框架:
zepto 手機上的JQ
iscroll 處理IOS萬惡的捲軸
hammer.js – 多點觸控手勢庫
flipsnap.js 手機螢幕水平滑動框架
Animate.css css3動畫庫
Sencha touch
Jquery mobile
Node.JS
VUE
Phonegap / Cordova
不一定都得用上,主要看你個人的熟練程度,利器本身再好,用得不好,也是枉然;
當然,也得結合你的實際專案需要來。
工具:HBuilder
APICloud
Firefox
Google
(結束)