當(dāng)加上 CORS 之后，從發(fā)起到請求正式成功一般會經(jīng)歷以下過程： 簡單請求（以 GET、POST 等簡單方法且無特殊請求頭的請求為例） 發(fā)起請求：客戶端（通常是瀏覽器）向跨域...
IP屬地：四川
-
CORS實(shí)現(xiàn)跨域的過程
-
同源策略總結(jié)
1. 什么是同源策略？ 同源策略 是Netscape提出的一個(gè)安全策略，它是瀏覽器最核心也是最基本的安全機(jī)制，用于限制不同源的網(wǎng)頁腳本（如 JavaScript）之間的交互。...
-
如何去驗(yàn)證網(wǎng)站的安全問題？
一、代碼層面的安全驗(yàn)證 1. 審查代碼中的安全風(fēng)險(xiǎn) XSS 漏洞：檢測點(diǎn)：檢查是否直接使用 innerHTML 或 document.write() 插入未過濾的用戶輸入。驗(yàn)...
-
Web 前端性能指標(biāo)與優(yōu)化目標(biāo)一、核心性能指標(biāo)（Lighthouse 標(biāo)準(zhǔn)） 加載性能LCP (Largest Contentful Paint) ：最大內(nèi)容渲染時(shí)間目標(biāo)：≤2.5 秒（優(yōu)秀）優(yōu)化方向：優(yōu)...
-
requestAnimationFrame和requestIdleCallback優(yōu)化動(dòng)畫和后臺任務(wù)總結(jié)
一、requestAnimationFrame（rAF）優(yōu)化動(dòng)畫 1. 核心原理 requestAnimationFrame 是瀏覽器為動(dòng)畫設(shè)計(jì)的專用 API，其回調(diào)函數(shù)會在...
-
webpack tree shaking原理實(shí)現(xiàn)
一、什么是 Tree Shaking？ Tree Shaking 是一種通過靜態(tài)分析移除 JavaScript 中未使用代碼的優(yōu)化技術(shù)。其名稱源自“搖樹”動(dòng)作——搖掉樹上未成...
-
vue+elementUI 后臺管理頁面快速開發(fā)代碼合集
一、組件篇html 列表demo文件 /suppler/lamManage/productModelList 圖片懶加載 組件插槽 用slot 鏈接加權(quán)限 表格table 彈...
-
npm相關(guān)指令
npm -v：查看 npm 版本。npm list：查看當(dāng)前目錄下都安裝了哪些 npm 包。npm info模塊：查看該模塊的版本及內(nèi)容。npm i模塊@版本號：安裝該模塊的...
-
webpack基礎(chǔ)操練什么是webpack webpack是一個(gè)模塊打包器（bundler）。在webpack看來，前端的所有資源文件（js/json/css/img/less/...）都會作為模...
-
使用Cmder替換cmd，讓開發(fā)更高效一、為什么要更換為cmder 在做項(xiàng)目時(shí)，有些時(shí)候我想復(fù)制控制臺上面的代碼時(shí)，cmd有的時(shí)候復(fù)制粘貼很麻煩，Cmder則不會，并且Cmder可以分屏多開窗口，可以設(shè)置窗口顏色...
-
如何禮貌的拒絕offer
剛剛拒絕了一個(gè)offer，但是措辭很不好，感覺自己可能給對方留下了很不好的印象。 就是因?yàn)槲覐膩頉]有拒絕過offer，這是第一次拒絕呀。 哎，發(fā)一些我要提醒自己下次要注意的點(diǎn)...
-
Webpack Code Splitting/Tree Shaking/異步加載總結(jié)
通過 Webpack 實(shí)現(xiàn)代碼分割（Code Splitting）和 Tree Shaking 是優(yōu)化前端應(yīng)用性能的核心技術(shù)。以下是具體實(shí)現(xiàn)方法和注意事項(xiàng)： 一、代碼分割（C...
