WBE-前端開發(fā)——前端最值得學(xué)習(xí)的框架和技術(shù)

前端社區(qū)在不久之前還有很多人為框架爭論,其實這個話題早就有手幢,『但早期爭議的怒火延燒到今日捷凄,傷口仍未愈合』(DHH) 到如今還在給社區(qū)帶來傷害,甚至于很多開發(fā)者被口誅筆伐围来,實際上是每個人都不愿見到的跺涤。我希望熱愛技術(shù)的人能夠聚集在一起,能面紅耳赤的討論也能以包容的心態(tài)學(xué)習(xí)监透,發(fā)現(xiàn)不同的思想桶错,像廣受好評的 ruby 社區(qū)一樣,影響更多人胀蛮。

當(dāng)然將 Element 移植到 Angular 上院刁,并非有這些政治正確的意義,但至少也是從 Vue 生態(tài)環(huán)境中學(xué)習(xí)粪狼、繼承出的產(chǎn)品退腥,讓很多技術(shù)棧集中的朋友看到一些新玩法,甚至感染其中的一些人再榄,領(lǐng)略新的理念狡刘。

說說這個組件庫吧。大體我采用了原組件庫的設(shè)計風(fēng)格與樣式不跟,保持功能實現(xiàn)的不變颓帝,但在實現(xiàn)方式與暴露接口的考量中略有斟酌。大家知道 Vue 與 Angular 的思維方式有很大區(qū)別,各有所長购城,如果照搬原有的組件實現(xiàn)方式吕座,雖然經(jīng)過一些改動和變通仍舊能正常工作,但在 Angular 的使用者眼里卻是怪里怪氣瘪板,誰也不知道它該叫什么名字吴趴。為此我用更接近與 NG 的思維方式重新實現(xiàn)了它們,并考量改動了其中一部分 API侮攀,甚至于用 Element Angular 重寫了文檔網(wǎng)站锣枝。希望能夠還原 UI 的同時帶來一個原生原味的 Angular 組件庫。

在代碼風(fēng)格上兰英,為保持更高的源碼質(zhì)量也添加了很多 TSLint 規(guī)則撇叁,盡可能的使用 Angular 原生提供的組件交互方式,幾乎沒有用到 RxJS —— 這考慮到使用過多的依賴項會使 AOT 編譯后的文件更大畦贸,而我無法確定用戶究竟只需要多少操作符陨闹。在文檔的示例部分,也展示了該如何啟動薄坏、引入趋厉、使用組件,在我看來胶坠,你只需要看幾分鐘的文檔即可快速上手使用它君账,像使用其他 Angular UI 組件一樣的使用它。

最后沈善,這是 Element Angular 趨于穩(wěn)定的一個版本乡数,預(yù)計在這周會發(fā)布一個 rc 版本。(文檔目前使用 github.com矮瘟,速度有點跟不上瞳脓,最好自備上網(wǎng)工具。)據(jù)我所知澈侠,已經(jīng)有不少開發(fā)者與企業(yè)在使用中劫侧。(強行勸用...) 對 element 熟悉或本身就是 Angular 的開發(fā)者可以關(guān)注這個組件庫,也歡迎大家一起來豐富哨啃、完善它烧栋。

Angular是框架(或MVC應(yīng)用程序框架)類列表中的第一個。目前最流行的Angular版本是1.x拳球,它使用雙向數(shù)據(jù)綁定擴展HTML审姓,同時解耦了DOM操作和應(yīng)用程序邏輯。

盡管版本2(現(xiàn)在是版本4W>)已經(jīng)發(fā)布了魔吐,但是Angular 1.x仍在開發(fā)中扎筒。

優(yōu)點:

一些大公司正在使用的流行框架

開發(fā)現(xiàn)代Web應(yīng)用程序的解決方案

是標(biāo)準(zhǔn)MEAN棧(MongoDB,Express.JS酬姆,AngularJS嗜桌,NodeJS)的一部分,有許多文章和教程可用

缺點:

學(xué)習(xí)曲線陡峭

大的代碼庫

無法升級到Angular 2.x

Angular的實現(xiàn)

React

React是一個用于構(gòu)建用戶界面的JavaScript類庫辞色,也是去年最受關(guān)注的類庫骨宠。它專注于Model-View-Controller(MVC)開發(fā)的“View”部分,使用它可以輕松創(chuàng)建保留狀態(tài)的UI組件相满。它是實現(xiàn)虛擬DOM的首選類庫之一层亿,它的內(nèi)存結(jié)構(gòu)能夠有效地計算差異,頁面更新也更加有效立美。

統(tǒng)計顯示React的使用度似乎很低匿又,因為它是在應(yīng)用程序中使用而不是在網(wǎng)站。

優(yōu)點:

小巧悯辙,高效琳省,快捷靈活

簡單的組件模型

良好的文檔和在線資源

可實現(xiàn)服務(wù)器端渲染

目前受歡迎,經(jīng)歷了快速增長

缺點:

需要學(xué)習(xí)新的概念和語法

構(gòu)建工具很重要

需要其它類庫或框架提供model和Controller部分

與修改DOM的代碼和其它類庫不兼容

了解更多關(guān)于React the ES6 Way

React的實現(xiàn)(非flux架構(gòu))

Polymer 雖然不是特別流行躲撰,但值得考慮,可以跨瀏覽器支持HTML5網(wǎng)頁組件的類庫

Polymer的實現(xiàn)

這篇文章分享之后我還是要推薦下我自己的前端學(xué)習(xí)群:731669587 ,不管你是小白還是大牛击费,小編我都挺歡迎拢蛋,不定期分享干貨,包括我自己整理的一份2017最新前端資料和零基礎(chǔ)入門教程蔫巩,歡迎初學(xué)和進階中的小伙伴

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末谆棱,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子圆仔,更是在濱河造成了極大的恐慌垃瞧,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,723評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件坪郭,死亡現(xiàn)場離奇詭異个从,居然都是意外死亡,警方通過查閱死者的電腦和手機歪沃,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評論 2 382
  • 文/潘曉璐 我一進店門嗦锐,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人沪曙,你說我怎么就攤上這事奕污。” “怎么了液走?”我有些...
    開封第一講書人閱讀 152,998評論 0 344
  • 文/不壞的土叔 我叫張陵碳默,是天一觀的道長贾陷。 經(jīng)常有香客問我,道長嘱根,這世上最難降的妖魔是什么髓废? 我笑而不...
    開封第一講書人閱讀 55,323評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮儿子,結(jié)果婚禮上瓦哎,老公的妹妹穿的比我還像新娘。我一直安慰自己柔逼,他們只是感情好蒋譬,可當(dāng)我...
    茶點故事閱讀 64,355評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著愉适,像睡著了一般犯助。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上维咸,一...
    開封第一講書人閱讀 49,079評論 1 285
  • 那天剂买,我揣著相機與錄音,去河邊找鬼癌蓖。 笑死瞬哼,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的租副。 我是一名探鬼主播,決...
    沈念sama閱讀 38,389評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼用僧,長吁一口氣:“原來是場噩夢啊……” “哼结胀!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起责循,我...
    開封第一講書人閱讀 37,019評論 0 259
  • 序言:老撾萬榮一對情侶失蹤糟港,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后院仿,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體秸抚,經(jīng)...
    沈念sama閱讀 43,519評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,971評論 2 325
  • 正文 我和宋清朗相戀三年意蛀,在試婚紗的時候發(fā)現(xiàn)自己被綠了耸别。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,100評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡县钥,死狀恐怖秀姐,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情若贮,我是刑警寧澤省有,帶...
    沈念sama閱讀 33,738評論 4 324
  • 正文 年R本政府宣布痒留,位于F島的核電站,受9級特大地震影響蠢沿,放射性物質(zhì)發(fā)生泄漏伸头。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,293評論 3 307
  • 文/蒙蒙 一舷蟀、第九天 我趴在偏房一處隱蔽的房頂上張望恤磷。 院中可真熱鬧,春花似錦野宜、人聲如沸扫步。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,289評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽河胎。三九已至,卻和暖如春虎敦,著一層夾襖步出監(jiān)牢的瞬間游岳,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,517評論 1 262
  • 我被黑心中介騙來泰國打工其徙, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留胚迫,地道東北人。 一個月前我還...
    沈念sama閱讀 45,547評論 2 354
  • 正文 我出身青樓唾那,卻偏偏與公主長得像晌区,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子通贞,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,834評論 2 345

推薦閱讀更多精彩內(nèi)容