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