Webpack 插件Plugin是一個(gè) JavaScript 對象劈伴，它可以通過 Webpack 的插件系統(tǒng)與編譯過程進(jìn)行交互烹骨。插件通過訂閱特定的鉤子（hooks）來執(zhí)行自定義...
發(fā)簡信
IP屬地：四川
-
Webpack的Plugin看這一篇就夠了
-
AST看這一篇就夠了
抽象語法樹（AST）是一種在編程領(lǐng)域中常見的數(shù)據(jù)結(jié)構(gòu)橄仍，用于表示代碼的語法結(jié)構(gòu)所禀。AST（抽象語法樹）的解析和轉(zhuǎn)換整個(gè)流程可以概括為：源代碼 → 詞法分析 → 語法分析 → AS...
-
瀏覽器標(biāo)簽頁tab之間通信
首先界斜，瀏覽器tab下控制臺(tái)定義的全局變量為什么無法與其它tab共享竞漾？ 在瀏覽器中眯搭，變量的作用域決定了其可訪問的范圍。在控制臺(tái)中定義的變量通常具有全局作用域业岁，可以在當(dāng)前頁面的全...
-
說說瀏覽器中的self, global, globalThis
self self 對象是在 Web Workers 中引入的一個(gè)全局對象鳞仙，用于表示當(dāng)前執(zhí)行上下文的全局范圍。與之相對笔时，window 對象是瀏覽器環(huán)境中的全局對象棍好，用于表示瀏...
-
Object.create(null)與對象字面量{}
區(qū)別 原型鏈： Object.create(null) 創(chuàng)建的對象沒有原型鏈，它是一個(gè)純粹的空對象允耿，沒有繼承任何屬性或方法借笙。而對象字面量 {} 創(chuàng)建的對象會(huì)繼承自 Objec...
-
一分鐘搞懂模塊化的esm, cjs, amd, umd
在前端開發(fā)中，有多種模塊化規(guī)范和方案较锡。下面是常見的幾種模塊化規(guī)范的使用與構(gòu)建示例业稼。 模塊化 1. ES Modules (ESM): ES Modules 是 ECMAScr...
-
使用node腳本進(jìn)行代碼eslint修復(fù)
我們在使用nodejs生成js代碼文件的時(shí)候，寫入的字符串通常會(huì)出現(xiàn)格式問題蚂蕴，本文講如何使用腳本進(jìn)行 ESLint 的代碼靜態(tài)分析和自動(dòng)修復(fù)低散。 下面我們編寫一個(gè)完整的示例腳本...
-
自動(dòng)化登錄態(tài)管理
如何在前端實(shí)現(xiàn)自動(dòng)或無感化的登錄態(tài)管理，包括用戶注冊骡楼、登錄熔号、接口校驗(yàn)登錄態(tài)以及實(shí)現(xiàn)自動(dòng)化請求時(shí)自動(dòng)攜帶訪問令牌。我們將探討兩種常見的實(shí)現(xiàn)方式：使用 HTTP Cookie 和...
-
客戶端實(shí)現(xiàn)掃碼登錄PC網(wǎng)站
手機(jī)客戶端掃碼登錄PC網(wǎng)站是一種方便快捷的登錄方式鸟整，用戶只需通過掃描二維碼確認(rèn)即可完成登錄過程引镊。 手機(jī)客戶端掃碼登錄PC網(wǎng)站的流程 以下是實(shí)現(xiàn)手機(jī)客戶端掃碼登錄PC網(wǎng)站的基本...
-
使用oclif搭建自己的腳手架
什么是 oclif？ oclif 是一個(gè)由 Salesforce 開發(fā)并開源的命令行框架，它基于 Node.js 平臺(tái)祠乃，并提供了一套強(qiáng)大的工具和模式來構(gòu)建可擴(kuò)展的命令行工具梦重。...
-
命令行工具中的利器：cross-spawn
cross-spawn 是一個(gè) Node.js 模塊，用于跨平臺(tái)地創(chuàng)建子進(jìn)程并執(zhí)行命令亮瓷。它是 child_process.spawn 方法的跨平臺(tái)替代方案琴拧，解決了在不同操作系...
-
本地調(diào)試一個(gè) npm 包（CLI 工具）要在本地調(diào)試一個(gè) npm 包（CLI 工具），可以按照以下步驟進(jìn)行操作： 克隆或下載 npm 包的源代碼到本地嘱支。 在終端中進(jìn)入該代碼的根目錄蚓胸。 運(yùn)行 npm install ...
-
proto在低碼中的應(yīng)用背景 使用protoBuf描述交互配置，轉(zhuǎn)化生成容易被javascript 解析的結(jié)構(gòu)——json schema除师，用于描述交互關(guān)聯(lián)的組件與數(shù)據(jù)沛膳，根據(jù)配置生成交互界面。 概念 ...
-
3分鐘掌握性能指標(biāo)與優(yōu)化性能指標(biāo) 常見的指標(biāo)計(jì)算與優(yōu)化 FP 白屏（First Paint ）-首次渲染時(shí)間 優(yōu)化方案： 使用瀏覽器緩存和服務(wù)端緩存汛聚，減少網(wǎng)絡(luò)請求和下載時(shí)間锹安。 壓縮和優(yōu)化資源加載，如...
-
3分鐘掌握互聯(lián)網(wǎng)術(shù)語
開發(fā)術(shù)語 前端 HTML（Hypertext Markup Language）：超文本標(biāo)記語言倚舀，用于創(chuàng)建網(wǎng)頁結(jié)構(gòu)和內(nèi)容叹哭。 CSS（Cascading Style Sheets...
-
如何做埋點(diǎn)上報(bào)通道選擇
方案對比 下面是針對四種上報(bào)方式（Ajax、Fetch痕貌、Image风罩、JSONP和SendBeacon）的對比 上報(bào)方式優(yōu)點(diǎn)缺點(diǎn)適用場景Ajax- 強(qiáng)大的功能和靈活性- 可以處...
-
3分鐘掌握應(yīng)用緩存方案
當(dāng)談到現(xiàn)代的 Web 開發(fā)和離線訪問時(shí)，應(yīng)用緩存（Application Cache）是一個(gè)重要的話題舵稠。應(yīng)用緩存提供了一種在離線狀態(tài)下訪問網(wǎng)頁的機(jī)制超升，使用戶可以在沒有網(wǎng)絡(luò)連接...
-
初識PuppeteerPuppeteer是什么 一個(gè)基于Node.js開發(fā)的高級庫 提供了對無頭（Headless）Chrome或Chromium瀏覽器的控制能力，使開發(fā)人員能夠通過編程方式自動(dòng)化...
-
微信小程序-局域網(wǎng)內(nèi)UDP通信微信小程序的API可以說是越來越強(qiáng)大了哺徊，UDP通信[https://developers.weixin.qq.com/miniprogram/dev/api/network/...
-
初識websocketWebSocket是什么 WebSocket是一種在Web應(yīng)用程序中實(shí)現(xiàn)實(shí)時(shí)雙向通信的協(xié)議室琢，它允許服務(wù)器主動(dòng)向客戶端推送數(shù)據(jù)，并且客戶端也可以向服務(wù)器發(fā)送數(shù)據(jù)唉工，實(shí)現(xiàn)了真正的雙...