資訊專欄INFORMATION COLUMN
摘要：在一開始編寫代碼的時候還沒有組件這一說，慢慢地我們從開始編寫面向過程的代碼到面向?qū)ο蟮拇a再到組件化的代碼，一步步進化到組件。將頁面上的兩個部分拆成兩個對象，那其實這兩個對象就是兩個組件。
組件
在一個頁面中我們可以把頁面的一部分拆成一個組件，可以是一個按鈕或者是一個導(dǎo)航欄。在一開始編寫代碼的時候還沒有組件這一說，慢慢地我們從開始編寫面向過程的代碼到面向?qū)ο蟮拇a再到組件化的代碼，一步步進化到組件。
面向過程
以一個Todo List為例：
面向?qū)ο?/b>
將input和button拆成todoList對象，ul為todoItem對象；
html頁面里面使用todoList對象：
jQuery實現(xiàn)組件化編程
在jquery類上擴展一個繼承方法：
React組件
從React官網(wǎng)上的截圖我們可以看到代碼中也有繼承，也有render函數(shù)，其實在寫組件的都是要去繼承類并且去實現(xiàn)類里的方法，就是在寫面向?qū)ο蟮拇a。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/7359.html
摘要：由于長期苦惱于第三方庫選擇的廣大開發(fā)者而言，這也是谷歌為我們提供的一盞明燈。手機淘寶構(gòu)架演化實踐淘寶相信都不陌生了從年開始，從萬增長到超過億，面臨的問題包括研發(fā)支撐所需要解決的事情各不相同。 ...
摘要：以下將分別從五大技術(shù)專場維度介紹本屆峰會的部分聯(lián)席主席與精選案例。天時間集中分享年最值得學(xué)習(xí)的個研發(fā)案例實踐。 從萬維網(wǎng)到物聯(lián)網(wǎng)，從信息傳播到人工智能，20年間軟件研發(fā)行業(yè)趨勢發(fā)生了翻天覆地的變化。大數(shù)據(jù)、云計算、AI等新興領(lǐng)域逐漸改變我們的生活方式，Devops、容器、深度學(xué)習(xí)、敏捷等技術(shù)方式和工作理念對軟件研發(fā)從業(yè)者提出更高要求。 由麥思博（msup）有限公司主辦的第六屆全球軟件案...
摘要：架構(gòu)都是演變出來的，沒有最好的架構(gòu)，只有最合適的架構(gòu)最近，滴滴出行平臺產(chǎn)品中心技術(shù)負(fù)責(zé)人李賢輝接受了的采訪，闡述了滴滴的客戶端架構(gòu)模式與演變過程。李賢輝也是移動開發(fā)精英俱樂部中的一員，所以本期重點推薦了這篇文章。 「架構(gòu)都是演變出來的，沒有最好的架構(gòu)，只有最合適的架構(gòu)！」最近，滴滴出行平臺產(chǎn)品中心 iOS 技術(shù)負(fù)責(zé)人李賢輝接受了 infoQ 的采訪，闡述了滴滴的 iOS 客戶端架構(gòu)模式...
閱讀 1530·2021-09-22 15:52
閱讀 1622·2019-08-30 15:44
閱讀 956·2019-08-30 14:24
閱讀 2761·2019-08-30 13:06
閱讀 2770·2019-08-26 13:45
閱讀 2838·2019-08-26 13:43
閱讀 1083·2019-08-26 12:01
閱讀 1576·2019-08-26 11:56
