網(wǎng)友解答: 謝邀我們先看看前端使用html，css，javascript可以寫什么類型的移動(dòng)應(yīng)用。移動(dòng)web app移動(dòng)webapp，其實(shí)就是我們前端同學(xué)所熟悉的h5應(yīng)用，它的技術(shù)實(shí)現(xiàn)是

謝邀

我們先看看前端使用html，css，javascript可以寫什么類型的移動(dòng)應(yīng)用。

移動(dòng)web app

移動(dòng)webapp，其實(shí)就是我們前端同學(xué)所熟悉的h5應(yīng)用，它的技術(shù)實(shí)現(xiàn)是基于html，css，javascript 常見的網(wǎng)頁(yè)淘寶，網(wǎng)頁(yè)京東等，開發(fā)這類應(yīng)用我們往往不是使用原生的css，javascript開發(fā)，因?yàn)樵_發(fā)需要寫大量難以維護(hù)的兼容代碼等。

這里推薦大家使用less作為css預(yù)處理的語(yǔ)言，因?yàn)閏ss在嚴(yán)格上不算一種編程語(yǔ)言，而是一種設(shè)計(jì)語(yǔ)言，而less的出現(xiàn)彌補(bǔ)了css在運(yùn)算，函數(shù)，變量等編程語(yǔ)言上的缺陷。

vuejs reat作為javascript的類庫(kù)，原生js因?yàn)樾枰獙懘罅康募嫒荽a，同時(shí)頻繁的dom操作使開發(fā)人員很苦惱，jquery的出現(xiàn)一定程度減緩了這個(gè)問題，但jquery始終無(wú)法解決開發(fā)人員面對(duì)dom的問題，同時(shí)jquery過于重量，在最求性能的移動(dòng)應(yīng)用中問題凸顯，以react，vuejs為代表的mvvm框架，突破了dom的束縛，同時(shí)更加輕量，受到了廣大開發(fā)人員的喜愛。如果大家想了解更多vuejs分教程，可以關(guān)注我查看vuejs系列教程。

移動(dòng)hybrid app

webapp在原生接口調(diào)用方法并不理想，大量的優(yōu)秀原生接口無(wú)法使用，于是以hbuilder之類的web打包工具受到了想發(fā)類似原生應(yīng)用的程序員喜歡，web打包工具實(shí)現(xiàn)原理很簡(jiǎn)單，原生開發(fā)人員將一些常用的原生方法封裝好成一個(gè)類，然后將這個(gè)對(duì)象暴露給webview的window對(duì)象中，前端的同學(xué)無(wú)需了解額外的只是，只需簡(jiǎn)單調(diào)用暴露對(duì)象的接口就好了。

移動(dòng)native app

hybrid app 解決了webapp無(wú)法調(diào)用的原生接口的問題，但任無(wú)法解決webapp在ui渲染能力上的性能缺陷，由于webapp和hybrid app的ui都是基于webview的渲染出來的網(wǎng)頁(yè)，webview只是原生組件中的一種，先天性決定了webapp和hybridapp在性能上無(wú)法與原生應(yīng)用相比，但react-native和weex出現(xiàn)解決了這個(gè)問題，使開發(fā)人員使用html css js作為開發(fā)語(yǔ)言，開發(fā)出原生的應(yīng)用，在性能毫不遜色的情況下，這種解決方案還有比原生開發(fā)多了跨平臺(tái)，熱更新等諸多優(yōu)勢(shì)，使得這種開發(fā)方式成為了app的開發(fā)主流，例如淘寶app，京東app等，都是采用這類方案。

推薦庫(kù)或框架：

zepto 手機(jī)上的JQ

iscroll 處理IOS萬(wàn)惡的滾動(dòng)條

fastclick 解決手機(jī)上點(diǎn)擊穿透的問題

hammer.js – 多點(diǎn)觸摸手勢(shì)庫(kù)

flipsnap.js 手機(jī)屏幕水平滑動(dòng)框架

Animate.css css3動(dòng)畫庫(kù)

Sencha touch

Jquery mobile

Node.JS

VUE

Phonegap / Cordova

不一定都得用上，主要看你個(gè)人的熟練程度，利器本身再好，用得不好，也是枉然；

當(dāng)然，也得結(jié)合你的實(shí)際項(xiàng)目需要來。

HBuilder

APICloud

Firefox

Google

希望能對(duì)你有所幫助，謝謝。

（結(jié)束）