最初配置 eslint 的時(shí)候，一直對(duì)各個(gè)配置項(xiàng)看的迷迷糊糊。 動(dòng)不動(dòng)就復(fù)制粘貼個(gè)別人配好的規(guī)則過來，很多東西的含義卻朦朦朧朧。 因?yàn)榫W(wǎng)上少見對(duì)eslint配置項(xiàng)的詳解，這里...
發(fā)簡信
IP屬地：上海
-
貼心的 eslint 各配置項(xiàng)詳解 -
131. HTML 標(biāo)簽 - <iframe>
是 HTML 內(nèi)聯(lián)框架元素，它能夠?qū)⒘硪粋€(gè) HTML 頁面嵌入到當(dāng)前頁面中。 每個(gè)嵌入的 ，都會(huì)有自己的會(huì)話歷史記錄和 DOM 樹，不過增加 也會(huì)增加內(nèi)存和其他計(jì)算資源...
-
HTTP知多少——Content-disposition（文件下載）
HTTP知多少——Content-disposition（文件下載）HTTP知多少——Content-Type（內(nèi)容類型）詳解 Content-disposition（內(nèi)容-...
-
Windows + Android chrome瀏覽器有線真機(jī)調(diào)試（非ADB）1. 測試效果圖： 本次測試所用設(shè)備相關(guān)版本信息 Windows 10 + chrome 110.0.5481.100pc chrome version.png Androi...
-
十分鐘搞懂WebAssemblyWASM支持將C/C++/Go/Rust等語言實(shí)現(xiàn)的代碼編譯為瀏覽器可執(zhí)行的機(jī)器碼，從而支持瀏覽器以接近原生應(yīng)用的性能運(yùn)行相關(guān)應(yīng)用。在邊緣計(jì)算領(lǐng)域，WASM也在嘗試建立自己的...
-
js微任務(wù)和宏任務(wù)JavaScript 語言的一大特點(diǎn)就是單線程，也就是說同一個(gè)時(shí)間只能處理一個(gè)任務(wù)。為了協(xié)調(diào)事件、用戶交互、腳本、UI 渲染和網(wǎng)絡(luò)處理等行為，防止主線程的不阻塞，（事件循環(huán)）...
-
幾種常用的自定義hooks
自 React 16.8 之后，推薦使用函數(shù)式組件 Hooks 相關(guān)知識(shí)點(diǎn)參考：React Hooks完全上手指南[http://www.itdecent.cn/p/be8...
-
React Hooks完全上手指南
簡介 hooks 是函數(shù)組件獨(dú)有的。在不編寫 class 的情況下使用 state 以及其他的 React 特性 只能在函數(shù)組件的頂級(jí)作用域使用；只能在函數(shù)組件或者其他 Ho...
-
前端開發(fā)規(guī)范(W3C筆記)
基本原則 結(jié)構(gòu)、樣式、行為分離 盡量確保文檔和模板只包含HTML結(jié)構(gòu)，樣式都放到樣式表里，行為都放到腳本里。 縮進(jìn) 統(tǒng)一兩個(gè)空格縮進(jìn)(總之就是縮進(jìn)統(tǒng)一即可)，不要使用Tab或...
-
前端面試基礎(chǔ)題——CSSCSS 選擇器的優(yōu)先級(jí)是如何計(jì)算的？[https://blog.csdn.net/coder_chang/article/details/72777943] css選擇器有哪...
-
什么是閉包，閉包的優(yōu)缺點(diǎn)，閉包的使用場景
概念 閉包是指有權(quán)訪問另外一個(gè)函數(shù)作用域中的變量的函數(shù) 閉包的優(yōu)點(diǎn) 可以重復(fù)使用變量，并且不會(huì)造成變量污染 全局變量可以重復(fù)使用，但是容易造成變量污染。局部變量僅在局部作用域...
-
HTML頁面渲染及優(yōu)化詳解一、HTML頁面渲染 頁面渲染主要經(jīng)過過程，具體介紹如下： HTML/SVG/XHTML，解析這三種文件會(huì)產(chǎn)生一個(gè) DOM Tree CSS，解析 CSS 會(huì)產(chǎn)生 CSS 規(guī)...
-
漫談前端性能 突破 React 應(yīng)用瓶頸性能一直以來是前端開發(fā)中非常重要的話題。隨著前端能做的事情越來越多，瀏覽器能力被無限放大和利用：從 web 游戲到復(fù)雜單頁面應(yīng)用，從 NodeJS 服務(wù)到 web VR/AR...
-
useMemo和memo、 useEffect、useCallback、useRef的區(qū)別，該使用哪個(gè)？useMemo：在【渲染期間】可以針對(duì)部分組件的渲染是否重復(fù)執(zhí)行。可根據(jù)第二個(gè)參數(shù)(依賴項(xiàng))決定是否執(zhí)行，變化了就會(huì)執(zhí)行；如果第二個(gè)參數(shù)不傳，則每次渲染都會(huì)執(zhí)行。如果只想執(zhí)行...
-
useMemo和useEffect有什么區(qū)別？怎么使用useMemo
本文可能會(huì)讓你感覺到很啰嗦，我想盡量線索清晰，但是好像有點(diǎn)失敗... 1. 背景 先看下面這段代碼 現(xiàn)在問幾個(gè)問題：發(fā)生下面幾種情況會(huì)重新渲染界面嗎（也就是getProduc...
-
Chrome的Performance面板概況圖 無痕模式 無痕模式可以保證Chrome在一個(gè)相對(duì)干凈的環(huán)境下運(yùn)行，避免chrome上安裝的插件影響性能分析結(jié)果。文件—>打開新的無痕式窗口，或使用快捷鍵ctrl + ...