成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

玩轉(zhuǎn) React（一）- 前言

waltr / 2984人閱讀

摘要：本人計(jì)劃編寫一個(gè)針對中初級前端開發(fā)者學(xué)習(xí)的系列教程玩轉(zhuǎn)。使用的原因是新的語言規(guī)范開發(fā)效率更高代碼更優(yōu)雅，尤其是基于開發(fā)的項(xiàng)目。其次也是目前特別流行的一個(gè)前端框架，截止目前，上有將近萬，國內(nèi)一二線互聯(lián)網(wǎng)公司都有深度依賴開發(fā)的項(xiàng)目。

本人計(jì)劃編寫一個(gè)針對中初級前端開發(fā)者學(xué)習(xí) React 的系列教程 - 《玩轉(zhuǎn) React》。

文章更新頻率：每周 1 ~ 2 篇。

目錄

玩轉(zhuǎn) React（一）- 前言

玩轉(zhuǎn) React（二）- 新型前端開發(fā)方式

玩轉(zhuǎn) React（三）- JavaScript代碼里寫HTML一樣可以很優(yōu)雅

玩轉(zhuǎn) React（四）- 創(chuàng)造一個(gè)新的 HTML 標(biāo)簽

玩轉(zhuǎn) React（五）- 組件的內(nèi)部狀態(tài)和生命周期

玩轉(zhuǎn) React（六）- 處理事件

玩轉(zhuǎn) React（七）- 組件之間的數(shù)據(jù)共享

持續(xù)更新中...

為什么是針對初級前端開發(fā)者

經(jīng)驗(yàn)豐富的程序員，學(xué)習(xí)新框架是不會看這種文章的。講實(shí)話，最高效、最權(quán)威的還是官方文檔。如果你覺得你是高級程序員，對新框架的理解力強(qiáng)，英文水平也還不錯(cuò)，那到此為止，這里：React官方文檔

所以，為了讓我的輸出對更多的人有所幫助，本系列的內(nèi)容會講得盡量淺顯易懂，甚至有時(shí)候會讓你覺得有些啰嗦。

另外本系列的文章默認(rèn)所有的讀者熟悉 JavaScript、HTML、CSS，且本系列的所有實(shí)例中的JS代碼使用 ES6 的語法進(jìn)行編寫。使用 ES6 的原因：

是新的語言規(guī)范

開發(fā)效率更高

代碼更優(yōu)雅，尤其是基于 React 開發(fā)的項(xiàng)目。

為什么要開始寫文章

因?yàn)閺膩頉]有嘗試過把我自己會的知識系統(tǒng)地通過文字講出來，我想嘗試一下。原本以為這是一件很簡單的事情，但后來發(fā)現(xiàn)，很難。而且越是自己熟練的東西，越覺得不知道該怎么講，不知道該怎么教會別人，對于自己熟悉的知識，總感覺三言兩語就說完了，沒什么好說的，其實(shí)不然。能寫出教的會別人的文字，是一種能力，需要鍛煉。

另外，有這樣一個(gè)任務(wù)可以讓我重新梳理自己的知識，注意到每一個(gè)細(xì)節(jié)，所以教別人也是在提升自己。

為什么選擇這個(gè)主題

我從 2015 年開始在項(xiàng)目中使用 React，首先我自己特別喜歡 React，不僅能夠提升開發(fā)效率，提高產(chǎn)品的性能，而且能明顯提升開發(fā)體驗(yàn)，這一點(diǎn)很重要，作為程序員，也要多為自己想想，愉快地寫代碼確實(shí)是一件美好的事情。我不喜歡的東西，硬要去講，講不好不說，對自己也是一種折磨。

其次 React 也是目前特別流行的一個(gè)前端框架，截止目前，Github 上有將近 8 萬 star，國內(nèi)一二線互聯(lián)網(wǎng)公司都有深度依賴 React 開發(fā)的項(xiàng)目。

另外，據(jù)我了解很多同學(xué)都有學(xué)習(xí) React 的打算，而且多數(shù)人反映 React 有一定的學(xué)習(xí)門檻，學(xué)習(xí)曲線比較陡峭。

簡言之，React很棒，我很喜歡，我想你也擁有它，而且我想把它講得很簡單，讓你輕松玩轉(zhuǎn)，我知道很有挑戰(zhàn)，但是我想嘗試一下。

內(nèi)容的深度和目標(biāo)

上面有說到，我想把 React 講簡單，讓大家輕松玩轉(zhuǎn)，所以請不要指望內(nèi)容適合高級玩家。如果你在閱讀的時(shí)候發(fā)現(xiàn)：“咦，這里還有另外一種方式你沒說”，沒錯(cuò)，我是故意的，當(dāng)做一件事情有多種方式的時(shí)候，我只會將我認(rèn)為最好的一種方式告訴大家，我覺得這就夠了，其它的方式，以后你自然就知道了。

簡言之，認(rèn)真閱讀本專欄之后，關(guān)于 React，雖然有些細(xì)節(jié)你還不了解，但已經(jīng)足夠你在項(xiàng)目中用得很溜了。

如果我寫的文章能得到大家的認(rèn)可，我會在后續(xù)系列中跟大家探討更深入的內(nèi)容。

最后

小弟是第一次嘗試寫技術(shù)教程，如果能堅(jiān)持下來需要花費(fèi)不少的業(yè)余時(shí)間，寫的不好希望大家多提意見，我會依據(jù)您的意見持續(xù)優(yōu)化。

在此先謝過各位，望大家多多鼓勵(lì)。

微信交流群

文字的表現(xiàn)范圍畢竟有限，為了方便大家交流，我建了一個(gè)微信群，對 React 感興趣的同學(xué)可以進(jìn)群一起交流、學(xué)習(xí)，由于微信群邀請的時(shí)間限制，大家可以先掃描下面二維碼，加我好友，我拉大家進(jìn)群：

我的微信：leobaba88

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/88648.html

相關(guān)文章

  • 玩轉(zhuǎn) React（六）- 處理事件

    摘要：綁定事件處理函數(shù)指向的四中方式以及他們的優(yōu)缺點(diǎn)。內(nèi)部自己實(shí)現(xiàn)了一套高效的事件機(jī)制，為了提高框架的性能，通過事件冒泡，只在節(jié)點(diǎn)上注冊原生的事件，內(nèi)部自己管理所有組件的事件處理函數(shù)，以及事件的冒泡捕獲。 前面的文章介紹了 React 的 JSX 語法、組件的創(chuàng)建方式、組件的屬性、組件的內(nèi)部狀態(tài)以及組件的生命周期。另外，還順帶說了各個(gè)知識點(diǎn)要重點(diǎn)注意的事情，以及我在項(xiàng)目實(shí)踐中的一些經(jīng)驗(yàn)。如果...

    Astrian 評論0 收藏0

  • 玩轉(zhuǎn) React（五）- 組件的內(nèi)部狀態(tài)和生命周期

    摘要：另外本文中會介紹一個(gè)通過類繼承方式定義的組件的生命周期，以及在各個(gè)生命周期函數(shù)中能做什么，不能或盡量不要做什么。各個(gè)生命周期函數(shù)介紹及使用經(jīng)驗(yàn)。獲取組件的初始內(nèi)部狀態(tài)在中。該聲明周期函數(shù)可能在兩種情況下被調(diào)用組件接收到了新的屬性。 文章標(biāo)題總算是可以正常一點(diǎn)了…… 通過之前的文章我們已經(jīng)知道：在 React 體系中所謂的 在 JavaScript 中編寫 HTML 代碼 指的是 Rea...

    Rocture 評論0 收藏0

  • 玩轉(zhuǎn) React（五）- 組件的內(nèi)部狀態(tài)和生命周期

    摘要：另外本文中會介紹一個(gè)通過類繼承方式定義的組件的生命周期，以及在各個(gè)生命周期函數(shù)中能做什么，不能或盡量不要做什么。各個(gè)生命周期函數(shù)介紹及使用經(jīng)驗(yàn)。獲取組件的初始內(nèi)部狀態(tài)在中。該聲明周期函數(shù)可能在兩種情況下被調(diào)用組件接收到了新的屬性。 文章標(biāo)題總算是可以正常一點(diǎn)了…… 通過之前的文章我們已經(jīng)知道：在 React 體系中所謂的 在 JavaScript 中編寫 HTML 代碼 指的是 Rea...

    ASCH 評論0 收藏0

  • 用WijmoJS玩轉(zhuǎn)您的Web應(yīng)用 —— Ionic

    摘要：在之前的文章中，我們已經(jīng)介紹了使用與三大框架結(jié)合搭建您的應(yīng)用程序。使用創(chuàng)建應(yīng)用程序。擴(kuò)展閱讀用玩轉(zhuǎn)您的應(yīng)用用玩轉(zhuǎn)您的應(yīng)用用玩轉(zhuǎn)您的應(yīng)用近期活動(dòng)問卷調(diào)查揚(yáng)帆萬里，因您前行使用反饋意見征集 前言： 在本文中，我們將著重介紹如何將WijmoJS與Ionic一起使用，來創(chuàng)建一款移動(dòng)端支持優(yōu)先、快捷高效的應(yīng)用程序。在之前的文章中，我們已經(jīng)介紹了使用WijmoJS與Angular、React、Vu...

    fjcgreat 評論0 收藏0

  • 玩轉(zhuǎn) React（二）- 新型前端開發(fā)方式

    摘要：這也就是所謂的單向數(shù)據(jù)流，在這種開發(fā)方式下，會讓你更新視圖的邏輯非常清晰簡單，哪怕你的前端交互很復(fù)雜，也不至于讓你的代碼那么容易變成一坨。就是在前端開發(fā)過程中，要善于觀察和抽象。 這是《玩轉(zhuǎn) React》系列的第二篇。在該篇中，我們來了解下，React 的出現(xiàn)到底給我們的開發(fā)方式帶來了什么樣的變化。 我的感觸可以用一個(gè)字來形容，爽！主要爽在以下兩個(gè)方面。 視圖是數(shù)據(jù)的映射（單向數(shù)據(jù)流）...

    RdouTyping 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<