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