用戶中心USER CENTER
摘要：為了提高代碼的復(fù)用性和可維護(hù)性，高階函數(shù)應(yīng)運(yùn)而生。使用過(guò)的同學(xué)，不知道有沒(méi)有使用過(guò)，高階函數(shù)的作用和它是一樣的。高階函數(shù)在編程中扮演的角色就是火鍋鍋底的角色，它有公用的方法和屬性，而各種組件就是肉和蔬菜。 為什么要使用高階組件？ 想想以前用原生和jQuery的項(xiàng)目，上千行的code映入眼簾，瞬間有種昏死過(guò)去的沖動(dòng)。代碼難以維護(hù)，改一個(gè)bug可能出現(xiàn)N個(gè)bug，真的是很痛苦。于是乎組件化...
miguel.jiang
發(fā)布于JavaScript
Button Button包括了兩個(gè)組件，Button與ButtonGroup。 ButtonProps 看一個(gè)組件首先看的是他的傳參也就是props，所以我們這里先看Button組件的ButtonProps export type ButtonType = primary | ghost | dashed | danger; export type ButtonShape = circl...
miguel.jiang
發(fā)布于JavaScript
摘要：?jiǎn)栴}剛才碰到了一個(gè)這樣的問(wèn)題有一個(gè)由對(duì)象組成的數(shù)組，把其中一個(gè)對(duì)象賦值給變量，然后改變了的屬性，對(duì)應(yīng)的原來(lái)數(shù)組中的對(duì)象的屬性也會(huì)隨之改變。 問(wèn)題 剛才碰到了一個(gè)這樣的問(wèn)題：有一個(gè)由對(duì)象組成的數(shù)組，把其中一個(gè)對(duì)象賦值給變量p，然后改變了p的屬性，對(duì)應(yīng)的原來(lái)數(shù)組中的對(duì)象的屬性也會(huì)隨之改變。 var arr = [{x:0, y:0}, {x:0, y:0}] var p = arr[0] ...
miguel.jiang
發(fā)布于JavaScript
摘要：下面是本周精選內(nèi)容，請(qǐng)享用。不要看錯(cuò)了，這個(gè)是，和測(cè)試框架僅一字之差。本文作者王仕軍，商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。想知道我接下來(lái)會(huì)寫(xiě)些什么歡迎訂閱我的掘金專欄或知乎專欄前端周刊讓你在前端領(lǐng)域跟上時(shí)代的腳步。 showImg(https://segmentfault.com/img/remote/1460000009646412); 破解前端面試系列文章本周出到第 ...
miguel.jiang
發(fā)布于JavaScript
摘要：老規(guī)矩上，過(guò)過(guò)癮先縱向圖片滾動(dòng)不過(guò)這個(gè)需要你在手機(jī)中查看啦再上源碼縱向滾動(dòng)圖片很簡(jiǎn)單，左側(cè)有個(gè)縱向的圖片數(shù)量以及當(dāng)前圖片索引的展示，然后整個(gè)是一個(gè)縱向可觸摸滑動(dòng)的列表，可以自定義滑動(dòng)回調(diào)函數(shù)。 老規(guī)矩~ 上DEMO，過(guò)過(guò)癮先：縱向圖片滾動(dòng)（不過(guò)這個(gè)demo需要你在手機(jī)中查看啦~） 再上源碼：縱向滾動(dòng)圖片 DEMO很簡(jiǎn)單，左側(cè)有個(gè)縱向的圖片數(shù)量以及當(dāng)前圖片索引的展示，然后整個(gè)是一個(gè)縱向可...
miguel.jiang
發(fā)布于JavaScript
