背景 我們?cè)谝郧巴ǔＧ闆r下，都是采用多代碼庫(kù)管理代碼。不同類型，不同項(xiàng)目的代碼放在不同的倉(cāng)庫(kù)里面，互不影響。我們?cè)诮鉀Q這類問(wèn)題，采用了基于lerna monorepo和git...
發(fā)簡(jiǎn)信
IP屬地：上海
-
基于lerna與git submodule的monorepo和multirepo的混合開(kāi)發(fā)模式 -
十分鐘搞懂WebAssemblyWASM支持將C/C++/Go/Rust等語(yǔ)言實(shí)現(xiàn)的代碼編譯為瀏覽器可執(zhí)行的機(jī)器碼，從而支持瀏覽器以接近原生應(yīng)用的性能運(yùn)行相關(guān)應(yīng)用。在邊緣計(jì)算領(lǐng)域，WASM也在嘗試建立自己的...
-
webpack CommonsChunkPlugin與SplitChunksPlugin基礎(chǔ) commons-chunk-pluginsplit-chunks-plugin即webpack的分包插件。CommonsChunkPlugin于4.0及以后被移除，使用...
-
服務(wù)端渲染之-ssr同構(gòu)
什么是同構(gòu) 一份代碼，先通過(guò)服務(wù)端渲染(server-side rendering，ssr)，生成html字符串以及初始化數(shù)據(jù)，客戶端拿到后，通過(guò)對(duì)html的dom進(jìn)行pat...
-
useEffect的閉包陷阱及useInterval
首先先看一段代碼： 結(jié)果是：頁(yè)面上count一直顯示1；解析：useEffect的第二個(gè)參數(shù)為空數(shù)組，所以只會(huì)在組件加載后僅執(zhí)行一次，我們知道組件每次render的時(shí)候都會(huì)生...
-
JS中的Memoization
Memoization: 基本理念 如果我們有CPU密集型操作，我們可以通過(guò)將初始操作的結(jié)果存儲(chǔ)在緩存中來(lái)優(yōu)化使用。如果操作必然會(huì)再次執(zhí)行，我們將不再麻煩再次使用我們的CPU...
-
機(jī)器學(xué)習(xí)：特征工程基本流程
一、背景概述 特征工程是使用專業(yè)背景知識(shí)和技巧處理數(shù)據(jù)，使得特征能在機(jī)器學(xué)習(xí)算法上發(fā)揮更好的作用的過(guò)程，指的是把原始數(shù)據(jù)轉(zhuǎn)變?yōu)槟Ｐ偷挠?xùn)練數(shù)據(jù)的過(guò)程，它的目的是使模型的性能得...
-
useCallback()、useMemo() 解決了什么問(wèn)題？
在閱讀本文之前，請(qǐng)確保您具有 js 基礎(chǔ)知識(shí)，知悉基礎(chǔ)數(shù)據(jù)類型與復(fù)雜數(shù)據(jù)類型的區(qū)別。如果下面的代碼您不能理解，請(qǐng)略過(guò)此文以節(jié)約您的時(shí)間。 目錄： React.memo() R...
-
ts-node直接運(yùn)行typescript文件
正常ts文件都要編譯成JS文件才能運(yùn)行，但是在開(kāi)發(fā)時(shí)有時(shí)需要運(yùn)行ts文件，但是每次都要配置package.json，還要安裝，后來(lái)看到ts-node可以在vscode上運(yùn)行t...
-
如何使用React.memo()
目錄 包裝函數(shù) PureComponent React.memo() React.memo() 與Redux 其他 參考 包裝函數(shù) React v16.6.0出了一些新的包裝...
-
WebApp 之 manifest.json
1. 簡(jiǎn)述 manifest.json 用于提供應(yīng)用程序相關(guān)描述的文件（名稱，作者，圖標(biāo)和描述） 2. 如何使用 在HTML頁(yè)面的頭部，引入一個(gè)鏈接 3. 基礎(chǔ)案例 4. ...
-
requestAnimationFrame詳解
為什么要說(shuō)它，源于看到的一道面試題：?jiǎn)栴}是用js實(shí)現(xiàn)一個(gè)無(wú)限循環(huán)的動(dòng)畫(huà)。 首先想到的是定時(shí)器 可以說(shuō)是完美實(shí)現(xiàn)！ 至于時(shí)間間隔為什么是1000/60,這是因?yàn)榇蠖鄶?shù)屏幕渲染的...
-
next.js 的服務(wù)端渲染機(jī)制（一）前后端同構(gòu)，作為針對(duì)單頁(yè)應(yīng)用 SEO 優(yōu)化乏力、首屏速度瓶頸等問(wèn)題而產(chǎn)出的解決方案，近來(lái)在 react、vue 等前端技術(shù)棧中都得到了支持。當(dāng)我們正打算拋棄傳統(tǒng)的純服務(wù)端渲染...
-
process.env.NODE_ENV詳解
一、 process.env.NODE_ENV是什么？ 在node中，有全局變量process表示的是當(dāng)前的node進(jìn)程。process.env包含著關(guān)于系統(tǒng)環(huán)境的信息，但是...
-
localstorage的跨域存儲(chǔ)方案
html5標(biāo)準(zhǔn)中一個(gè)亮點(diǎn)就是提供了瀏覽器本地存儲(chǔ)的功能。方式有兩種：localStorage和 sessionStorage。 相對(duì)于cookie，他們具有存儲(chǔ)空間大的特點(diǎn)，...
-
使用 immutability-helper 更好的更新復(fù)雜數(shù)據(jù)最近在用 React-Dnd 做拖拽效果的時(shí)候，順帶學(xué)習(xí)到了 immutability-helper 這個(gè)庫(kù)。我覺(jué)得它主要是讓我們能夠更加優(yōu)雅的去操作并創(chuàng)建一個(gè)新對(duì)象。 用法...
-
-
egg.js使用指南官方教程有點(diǎn)跳躍，很多東西沒(méi)講清楚，不太適合小白理解，特此整理、歸納一下。打開(kāi)這篇博客的正確方式是：先讀一遍官方教程，讀不懂的可以略過(guò)，然后再帶著問(wèn)題來(lái)看這篇文章。然后再回去...
-
react withRouter
高階組件中的withRouter, 作用是將一個(gè)組件包裹進(jìn)Route里面, 然后react-router的三個(gè)對(duì)象history, location, match就會(huì)被放進(jìn)這...