安卓工程師轉做前端,有什麼好的框架推薦?
對安卓開發比較熟悉,最近由於項目需求,要做一些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:
&
&
&
&
&
&
&
&
&
是不是有一股濃濃的 Java 即視感。 沒錯,還是那個配方,還是那個味道。那麼效果是什麼樣子的呢?把上面代碼保存成 html 就可以看到啦。貼個截圖:
嗯,和 Android 裡面的畫個 View 的效果類似吧,哇咔咔。最後,該框架已經開源 GTBrowser/Jndroid.js · GitHub, 歡迎 Fork 以及 PR。
PS: Jndroid 官網就是用 Jndroid 本身書寫的,也可以作為一個 Demo 參考喲。Android 原生一樣的,當然是 Google 家的 Polymer 啦,剛出了 1.0 。
用mui,自己去百度,它能讓你快捷的搭建webapp,而且性能很好。
我只有一個問題:好好地安卓不做,為什麼要做前端?
正準備轉android,或者後端,前端寫久了,現在發現進階很難,同時一頓bug,不知踩了多少坑,受夠了,同時技術流,框架更新太快,後期不好維護,手機布局寫scss,寫到想吐,直面客戶,領導,設計,...界面說變就變,,,不像後端,可以不斷積累代碼,...純粹吐槽
沒有,因為執行效率低了不止一個數量級。
推薦閱讀:
※Markdown編輯器 做成 WYSIWYG(所見即所得)形式會不會有什麼弊端?
※閉包(closure)在非同步請求處理中有哪些優勢?
※如何用 TypeScript 提高 JS 工程的健壯性?
※ui-route實現頁面跳轉回來頁面不重新載入?
TAG:JavaScript | Android開發 | 前端工程師 | 前端開發框架和庫 |