摘要:哈哈主要還是我嫌麻煩四上傳圖片這里的頁(yè)面樣式,圖片壓縮和預(yù)覽都和上面一樣,這里我主要配置一下的,讓接口能夠成功上傳。如果想讓用戶(hù)有更好的體驗(yàn),可以對(duì)圖片進(jìn)行一下壓縮和本地預(yù)覽。 一、通過(guò)Form表單提交上傳 HTML enctype屬性必不可少 上面一種方法通過(guò)表單自有屬性進(jìn)行提交,看似簡(jiǎn)單,但是也有其最大的缺點(diǎn),那就是提交...
摘要:我們可以通過(guò)剛剛高階函數(shù)的思想來(lái)創(chuàng)建一個(gè)中間組件,也就是我們說(shuō)的高階組件。僅傳遞組件所需要的屬性。在受控組件中,表單數(shù)據(jù)由組件負(fù)責(zé)處理。作為頂層組件接收一個(gè)名為的,可以接收任意需要被放入中的字符串,數(shù)字,甚至是函數(shù)。 React組件設(shè)計(jì) 組件分類(lèi) 展示組件和容器組件 展示組件 容器組件 關(guān)注事物的展示 關(guān)注事物如何工作 可能包含展示和容器組件,并且一般會(huì)有DOM標(biāo)簽和cs...
摘要:現(xiàn)狀最近在寫(xiě)歡迎的時(shí)候,一直為錯(cuò)誤的棧追蹤而愁。由于送入隊(duì)列的是函數(shù),因此在的參數(shù)可以放心地使用。其次,這些函數(shù)并不是立即在中調(diào)用的,而是由專(zhuān)門(mén)的隊(duì)列處理代碼來(lái)調(diào)用。 本文的講述都是以 Node.js 環(huán)境為例子,而 Node.js 使用的 JavaScript 引擎是 V8,因此理論上 Chrome 也能適用,其它瀏覽器我就不清楚了。 現(xiàn)狀 最近在寫(xiě) Rize(歡迎 star) 的時(shí)...
摘要:解決思路仔細(xì)比較拖拽與點(diǎn)擊事件,發(fā)現(xiàn)拖拽事件多了一個(gè),我們可以從這個(gè)入手,點(diǎn)擊事件時(shí)與觸發(fā)時(shí)鼠標(biāo)沒(méi)有移動(dòng),而拖拽時(shí)鼠標(biāo)移動(dòng)了一定的距離,具體體現(xiàn)在上。此時(shí)為,可以觸發(fā)點(diǎn)擊事件。 bug的原因: 一個(gè)完整的click事件是包含 mousedown,mouseup 兩個(gè)事件的,而拖拽一個(gè)元素時(shí),包含下面三個(gè)事件: mousedown,mousemove,mouseu...
摘要:而且狀態(tài)一旦改變,就無(wú)法再次改變。這是因?yàn)榱⒓吹氖窃诒据喪录h(huán)的末尾執(zhí)行,總是晚于本輪循環(huán)的同步任務(wù)。返回布爾值,表示參數(shù)字符串是否在原字符串的頭部。用于頭部補(bǔ)全,用于尾部補(bǔ)全。 9月5日 array.push(...newArray) // 往數(shù)組插入數(shù)組 // 交換a和b的值 // ES6寫(xiě)法 var a = 1, b = 2; [a, b] = [b, a]; cons...