一、背景:為什么需要微前端? 前端代碼已經(jīng)變得越來(lái)越重: 幾個(gè) G 的前端代碼庫(kù) 數(shù)百號(hào)前端開(kāi)發(fā)人員 幾 MB 的 Bundle Size 也越來(lái)越復(fù)雜: 層出不窮的框架、類...
一、背景:為什么需要微前端? 前端代碼已經(jīng)變得越來(lái)越重: 幾個(gè) G 的前端代碼庫(kù) 數(shù)百號(hào)前端開(kāi)發(fā)人員 幾 MB 的 Bundle Size 也越來(lái)越復(fù)雜: 層出不窮的框架、類...
關(guān)于Promise的對(duì)象的基本用法不多說(shuō),只記錄自己容易混淆的一點(diǎn),即then方法中函數(shù)的返回值問(wèn)題。 按照學(xué)習(xí)理解: 第一種情況,新建promise的resolve傳出的值...
setState在React事件處理函數(shù)中或React方法中是異步,在setTimeout, Promise等異步方法中或原生事件中是同步。 一些例子 React事件: 如上...
學(xué)習(xí)背景: 我最近在更新師兄之前用React寫的項(xiàng)目,該項(xiàng)目中各組件的狀態(tài)依賴關(guān)系非常復(fù)雜,為了便于管理組件的狀態(tài),師兄使用了Redux。我最近剛轉(zhuǎn)React,此前沒(méi)有用過(guò)R...
在開(kāi)發(fā)過(guò)程中,為了方便,我們經(jīng)常會(huì)封裝一些組件以便多次使用但有時(shí)候封裝的組件過(guò)多,組件嵌套層級(jí)太多,孫子組件有時(shí)候想使用祖父組件的方法(不是使用this.$emit()通過(guò)自...
原文翻譯: 渲染第一個(gè)被location匹配到的并且作為子元素的<Route>或者<Redirect> 使用 包裹和直接用一打<Route>s有什么區(qū)別呢? 是唯一的...
背景 本文寫的組件是基于 uni-app 框架下的,但是其實(shí)框架不重要,思路都是一樣的。 有同學(xué)可能會(huì)問(wèn)了,uni-app 本身不是就有 picker,mode=time 的...
前言 每次吃飯點(diǎn)外賣的時(shí)候(暴露了自己是個(gè)死肥宅,手動(dòng)滑稽),或者在淘寶購(gòu)物的時(shí)候,將商品加入購(gòu)物車時(shí)會(huì)有一個(gè)很炫酷的動(dòng)畫(huà),如下圖餓了么點(diǎn)餐動(dòng)畫(huà): 所以百度了一下前端使用cs...
渲染卡頓是怎么回事? 網(wǎng)頁(yè)不僅應(yīng)該被快速加載,同時(shí)還應(yīng)該流暢運(yùn)行,比如快速響應(yīng)的交互,如絲般順滑的動(dòng)畫(huà)等。大多數(shù)設(shè)備的刷新頻率是60次/秒,也就說(shuō)是瀏覽器對(duì)每一幀畫(huà)面的渲染工...
??在koa中,一切的流程都是中間件,數(shù)據(jù)流向遵循洋蔥模型,先入后出,是按照類似堆棧的方式組織和執(zhí)行的,koa-compose是理解koa中間件的關(guān)鍵,在koa中間件中會(huì)深入...
歡迎移步我的博客閱讀:《實(shí)用的 CSS — 貝塞爾曲線(cubic-bezier)》 前言 在了解 cubic-bezier 之前,你需要對(duì) CSS3 中的動(dòng)畫(huà)效果有所認(rèn)識(shí),...
昨天,后端給我提了一個(gè)問(wèn)題:他更換了CDN上的圖片,但是他打開(kāi)小程序來(lái)看,還是舊圖片,他嘗試過(guò)刪除小程序,重新進(jìn),還是舊圖片。 我第一反應(yīng)是:“你有沒(méi)有清CDN緩存?“ 他說(shuō)...
在一個(gè)月黑風(fēng)高的夜里,一位開(kāi)發(fā) Da Lao 在朋友圈吐槽『你們 UED 設(shè)計(jì)的動(dòng)畫(huà),太炫了!我們實(shí)現(xiàn)不了……!』,接著UED 大當(dāng)家與這位 Da Lao ?談了一整晚的人生...
項(xiàng)目簡(jiǎn)述 & 問(wèn)題 先簡(jiǎn)單介紹一下項(xiàng)目,就是一個(gè)比較常規(guī)的點(diǎn)餐小程序。界面如圖: 左邊是分類菜單,右邊是長(zhǎng)列表,有多個(gè)分類的商品,單個(gè)分類滾動(dòng)完后可以繼續(xù)滾動(dòng)切換到下一個(gè)分類...
對(duì)于只想導(dǎo)出GIF動(dòng)畫(huà)的設(shè)計(jì)師來(lái)說(shuō),AE不能直接導(dǎo)出GIF格式相對(duì)很不方便。 下面給大家介紹幾種AE中導(dǎo)出GIF格式的方法: 方法一: 1、先在AE中輸出視頻格式,然后再將視...
1)小程序 image跟view標(biāo)簽上下會(huì)有間隙,解決方法如下: 在image那里設(shè)置vertical-align:top/bottom/text-top/text-bott...
一. 創(chuàng)建用戶 命令: 說(shuō)明: username:你將創(chuàng)建的用戶名 host:指定該用戶在哪個(gè)主機(jī)上可以登陸,如果是本地用戶可用localhost,如果想讓該用戶可以從任意遠(yuǎn)...
使用前提 經(jīng)常碰到這種情況:當(dāng)你在一個(gè)Git 項(xiàng)目上工作時(shí),你需要在其中使用另外一個(gè)Git 項(xiàng)目。也許它是一個(gè)第三方開(kāi)發(fā)的Git 庫(kù)或者是你獨(dú)立開(kāi)發(fā)和并在多個(gè)父項(xiàng)目中使用的。...
一、前言 緩存可以說(shuō)是性能優(yōu)化中簡(jiǎn)單高效的一種優(yōu)化方式了。一個(gè)優(yōu)秀的緩存策略可以縮短網(wǎng)頁(yè)請(qǐng)求資源的距離,減少延遲,并且由于緩存文件可以重復(fù)利用,還可以減少帶寬,降低網(wǎng)絡(luò)負(fù)荷。...
這是項(xiàng)目之前遇到的一個(gè)bug,最終發(fā)現(xiàn)是由于 reset Vuex state 不正確,污染了 initState 導(dǎo)致的,隱藏得還挺深的,在這里記錄一下。 (PS:想直接看...