開篇 時值當(dāng)下，作為一名合格的前端開發(fā)人員，我相信你一定會有一個很明顯的感覺：Web 業(yè)務(wù)日益復(fù)雜化和多元化，前端的職責(zé)越來越重要，戰(zhàn)場越來越多樣，應(yīng)用也越來越復(fù)雜，前端開發(fā)...
IP屬地：浙江
-
微前端的總結(jié)分享（演講稿版） -
你這就是問題2。你看下方案2吧，作者其實(shí)也回答過
記錄React性能優(yōu)化之“虛擬滾動”技術(shù)——react-window
UI更新需要昂貴的 DOM 操作，而 React 內(nèi)部使用幾種巧妙的技術(shù)以便最小化 DOM 操作次數(shù)。對于大部分應(yīng)用而言，使用 React 時無需專門優(yōu)化就已擁有高性能的用戶...
-
從源碼加深理解 Hook 使用規(guī)則前言 在官網(wǎng)中的Hook 規(guī)則[https://react.docschina.org/docs/hooks-rules.html]里，講到了使用 Hook 需要遵循的兩條規(guī)...
-
關(guān)于 React 狀態(tài)管理庫—— Recoil
前言 先說我的使用感受：不同于 redux 整個應(yīng)用的 state 儲存在一棵 object tree 中，recoil 將狀態(tài)原子化并分散管理，這種狀態(tài)拆分的細(xì)粒度和 ho...
-
關(guān)于ts自定義一個泛型工具
前景提要 axios 返回默認(rèn)都是 Promise，所以官方的泛型工具 ReturnType 只能獲取到 Promise 的實(shí)例，而我想要直接獲取返回 Promise 接收的...
-
不常用但你需要眼熟的一個CSS
前言 如果你一眼就看出這個是需要怎么做，那這篇文章對你可能沒有用。 乍看之下，這個和百分比圓環(huán)圖（之前寫過[http://www.itdecent.cn/p/04a2bcb...
-
手寫防抖、節(jié)流 hook（ts版）
節(jié)流與防抖都是通過延遲執(zhí)行，減少調(diào)用次數(shù)，來優(yōu)化頻繁調(diào)用函數(shù)時的性能。不同的是，對于一段時間內(nèi)的頻繁調(diào)用，防抖是 延遲執(zhí)行 一次調(diào)用，節(jié)流是 延遲定時 多次調(diào)用。 前言 不...
-
簡單的在線代碼編輯（防取出時Js污染全局）樣子是和 codepen[https://codepen.io/pen/] 很像沒錯，因?yàn)槲揖褪菂⒖歼@里的樣式。 前景提要 react-monaco-editor[https...
-
總結(jié)記錄寫 Canvas 動畫后的幾個點(diǎn)前言 正好之前寫了篇文章（Canvas 寫的酷炫動畫代碼分析[http://www.itdecent.cn/p/159c8e9c6936]），所以對 Canvas 動畫大概...
-
TypeScript 筆記 FAQ（不定時更新）
FAQ div 上用到 scrollTop 屬性，但 ts 報(bào)了的錯誤（TypeScript 如何向 HTML DOM 元素?cái)U(kuò)展屬性？） TypeScript 如何向 HTM...
-
項(xiàng)目中解決難點(diǎn)的關(guān)鍵——數(shù)學(xué)知識（高德地圖）前景提要 這地鐵線，兩站之間是有多個坐標(biāo)點(diǎn)，然后通過高德地圖的矢量圖形中的折線 Polyline[https://lbs.amap.com/api/javascript-ap...
-
Canvas 寫的酷炫動畫代碼分析在看這篇文章[https://css-tricks.com/lots-of-ways-to-use-math-random-in-javascript/]時，里面有個動畫的示...
-
高德地圖如何傳入 React 組件（附React 源碼簡單分析過程）下面是高德地圖覆蓋物中的點(diǎn)標(biāo)記（Marker類[https://lbs.amap.com/api/javascript-api/reference/overlay#marke...
-
對React children 的深入理解本文為翻譯文章，原文鏈接 React的核心為組件。你可以像嵌套HTML標(biāo)簽一樣嵌套使用這些組件，這使得編寫JSX更加容易因?yàn)樗愃朴跇?biāo)記語言。 當(dāng)我剛開始學(xué)習(xí)React時，當(dāng)...
-
24 個前端工具網(wǎng)站推薦作者：涼皮 給大家整理了 24 個前端相關(guān)的學(xué)習(xí)網(wǎng)站和一些靠譜的小工具，包括一些小游戲、教程、社區(qū)和論壇，以及一些找素材的網(wǎng)站，希望可以幫助到大家。 ▍CSS 相關(guān) 1、CS...
-
TypeScript 如何向HTML DOM元素?cái)U(kuò)展類型聲明（附思路）問題 因?yàn)樵?div 上用到 scrollTop 屬性，所以 ts 報(bào)了下面的錯誤，說某個類型上不存在 scrollTop 屬性 首先百度，但沒有查到 ts 如何給 div ...
-
-
用Hook替代Class編寫React組件的原因
Hook 是 React 16.8 的新增特性。它可以讓你在不編寫 class 的情況下使用 state 以及其他的 React 特性（并被官方解讀為這是下一個 5 年 Re...