安卓工程師轉做前端,有什麼好的框架推薦?

對安卓開發比較熟悉,最近由於項目需求,要做一些Web前端的產品,求知乎上的大神推薦好的前端框架。目前只了解基礎的Javascript和CSS,沒有其他的前端開發經驗。

補充:因為現在H5的網頁應用比較火,所以想問有什麼H5框架能做出很炫的和安卓原生應用一樣的網頁。


同樣是Android轉前端

最高票的答案提供的東西很好啊,學習了。

也推薦一下MUI吧,因為自己用了幾個月了。老闆要求用html5做應用……

編譯器就用他們自家的DCloud HBuilder-做最好的HTML5開發工具,eclipse改過來的,很熟悉,立刻就可以上手。

同時支持用JS調用原生Android和iOS介面,可以實現很多看起來HTML實現不了的功能。


謝邀。

我是一年多前從 Android 轉前端的。說實話用過的框架並不多,因為我當時的打算是好好學一學前端,所以當時基本都是配合一些工具庫,然後直接寫 JS + CSS + HTML 這樣來做。

最常用的庫有這三個:

Zepto.js Zepto.js: the aerogel-weight jQuery-compatible JavaScript library (替代 jQuery 用來處理 DOM 和 AJAX)

Mustache.js janl/mustache.js · GitHub (模版)

History.js browserstate/history.js · GitHub (History API)

基本這三個庫加上自己寫點樣式可以完成大部分的 WebApp 需求了。大致思路也很簡單,把頁面分割成幾個模塊,每個模塊寫好相應的視圖模版,然後通過 AJAX 載入需要展示的模塊(載入後可以緩存下模版)並且去更新瀏覽器 History 即可。

當然,還有很多輔助的東西,也帶來了很多幫助,比如:

Yeoman The web"s scaffolding tool for modern webapps 非常好用的項目生成器工具,基於 Grunt/Glup , bower , 等等等等。

Generator-webapp yeoman/generator-webapp · GitHub 配合上面的使用可以生成一個最基本的 WebApp,並且帶了很多實用的特性。

Sass Sass: Syntactically Awesome Style Sheets 我選擇了 SCSS 來組織我的 CSS 代碼,頓時感覺舒適多了

Marx mblode/marx · GitHub 我個人很推薦的 CSS Reset ,有 SCSS 源碼,自定義比較方便。

另外還有一些小東西想不起來了,但是這些東西都是錦上添花的,多寫寫自然而然就會接觸到。

當然,雖然這些東西入門都不難,但是要用好還是需要一定時間和經驗的。如果需求很急怎麼辦,這裡我要安利一下我們團隊出的一個前端框架:

Jndroid

這個框架是做什麼的呢?這個框架把 Android 寫 App 的一套思路和 API 放到了寫 WebApp 上,主要是方便 Android 工程師需要寫一個 WebApp 的時候,如果並沒有很好的前端基礎,那麼可以簡單的學一下 Javascript 的基礎語法,便可以開始寫 WebApp 程序。當然,這個框架還是很年輕的,也有很多地方還有值得改進的地方,但是目前來說這個框架以及足矣寫不少 WebApp 了。

俗話說得好:"Talk is cheap, Show me the code. " 我先貼一個 Demo:

&
&
&
&