剛好看到這個問題,給你一些個人建議吧!
基礎(chǔ):HTML5、CSS3技術(shù)
對于一些簡單的移動端項目,使用傳統(tǒng)開發(fā)方式即可搞定。
- jQuery
https://jquery.com/
- Zepto.js
https://zeptojs.com/
- mescroll-精致的下拉刷新和上拉加載js框架,原生js,不依賴jquery和zepto,支持vue/uniapp
http://www.mescroll.com/
- Swiper-移動端網(wǎng)頁觸摸內(nèi)容滑動js插件
https://www.swiper.com.cn/
- REM-CSS3新增的一個相對單位(rootem,根em)
- Animate.css-強大的預(yù)設(shè)css3動畫庫
http://www.jq22.com/demo/Animate201707101048/
- Normalize.css-CSSreset的更優(yōu)替代方案
http://necolas.github.io/normalize.css/
進階:MVVM框架技術(shù)
對于一些進階級移動端開發(fā),可考慮使用MVVM框架技術(shù)。
如:Vue、React、Angular
- Vue.js-一套構(gòu)建用戶界面的漸進式框架
https://cn.vuejs.org/
https://github.com/vuejs/vue
- React.js-用于構(gòu)建用戶界面的JavaScript庫
https://react.docschina.org/
https://github.com/facebook/react/
- Angular-一套框架,多種平臺,移動端&桌面端
https://angular.cn/
https://github.com/angular/angular
這里為小伙伴們整理分享了一些vue、react移動端/pc端組件庫,快速提升開發(fā)效率。
https://www.toutiao.com/i6832455087994962435/
https://www.toutiao.com/i6834426578668093956/
https://www.toutiao.com/i6836313110047883787/
https://www.toutiao.com/i6836775973447270915/
高級:跨端開發(fā)
對于一些高級的跨平臺/多端開發(fā),可考慮使用當下比較熱門的跨端框架技術(shù)。
如:Ionic、Taro、uniapp、RN、Flutter
- Ionic-開源移動應(yīng)用程序開發(fā)框架
https://ionicframework.com/
https://github.com/ionic-team/ionic
- Taro-京東JD多端統(tǒng)一開發(fā)框架
https://taro.jd.com/
https://github.com/NervJS/taro
- uni-app-DCloud出品的前端應(yīng)用的框架
https://uniapp.dcloud.io/
https://github.com/dcloudio/uni-app
- React-Native-Facebook開源的跨平臺移動應(yīng)用開發(fā)框架
https://reactnative.dev/
https://reactnative.cn/
https://github.com/facebook/react-native
- Flutter-谷歌跨平臺移動應(yīng)用開發(fā)框架
https://flutter.dev/
https://flutter.cn/
https://flutterchina.club/
https://github.com/flutter/flutter
編碼/調(diào)試工具
- vscode-程序員的最愛
一款輕量且強大的跨平臺開源代碼編輯器,支持Windows,OSX和Linux。內(nèi)置JavaScript、TypeScript和Node.js支持,而且擁有豐富的插件生態(tài)系統(tǒng)。
https://code.visualstudio.com/
- hbuilderx
一款輕巧、極速編碼工具(10M的綠色發(fā)行包),強大的語法提示。
https://www.dcloud.io/hbuilderx.html
- sublime
http://www.sublimetext.com/
- notepad++
https://notepad-plus-plus.org/
- Chrome、Firefox
https://www.google.cn/intl/zh-CN/chrome/
http://www.firefox.com.cn/
好了,以上就是個人的一些拙見,希望能對你和小伙伴們能有點點幫助!