很多時(shí)候，我們寫(xiě)的博客沒(méi)有你想要的那么多讀者。你把自己的想法傾注在文章，精心構(gòu)思每個(gè)句子，選擇合適的圖片——然后什么反響也沒(méi)有，沒(méi)有點(diǎn)贊，沒(méi)有分享，沒(méi)有互動(dòng)。 那么寫(xiě)博客的意...
發(fā)簡(jiǎn)信
IP屬地：浙江
-
文章沒(méi)人讀，為什么要寫(xiě)呢？
-
前端性能問(wèn)題如何排查與優(yōu)化1. 頁(yè)面加載性能 a. 檢查資源加載時(shí)間 插件：webpack-bundle-analyzer 它可以幫助你分析和可視化 Webpack 構(gòu)建輸出的包（bundle）。通過(guò)...
-
前端簡(jiǎn)潔架構(gòu)原文鏈接：https://dev.to/bespoyasov/clean-architecture-on-frontend-4311[https://dev.to/bespo...
-
前端校驗(yàn)器之策略模式
介紹 策略模式是一種行為設(shè)計(jì)模式， 它能讓你定義一系列算法， 把它們一個(gè)個(gè)封裝起來(lái)， 并使它們可以相互替換。 常規(guī)寫(xiě)法 這是一種很傳統(tǒng)的代碼編寫(xiě)方式，但它有許多缺點(diǎn)： 函數(shù)比...
-
從零開(kāi)始構(gòu)建私有npm倉(cāng)庫(kù)對(duì)于為何要搭建私有倉(cāng)庫(kù)就不再過(guò)多贅述，三個(gè)關(guān)鍵詞，穩(wěn)定性、私密性和安全性，接下來(lái)直接上干貨 介紹 verdaccio是一個(gè)開(kāi)源的輕量的私有的npm proxy registr...
-
如何快速構(gòu)建屬于你的SpringBootSpringBoot是搭建應(yīng)用的腳手架，由Spring公司的核心團(tuán)隊(duì)全新開(kāi)源的輕量級(jí)框架。它基于Spring4.0設(shè)計(jì)，不僅繼承了Spring框架原有的優(yōu)秀特性，而且還通過(guò)簡(jiǎn)...
-
說(shuō)說(shuō) JavaScript 中內(nèi)存泄漏的幾種情況
一、是什么 內(nèi)存泄漏（Memory leak）是在計(jì)算機(jī)科學(xué)中，由于疏忽或錯(cuò)誤造成程序未能釋放已經(jīng)不再使用的內(nèi)存 并非指內(nèi)存在物理上的消失，而是應(yīng)用程序分配某段內(nèi)存后，由于設(shè)...
-
舉例說(shuō)明你對(duì)遞歸的理解，有哪些應(yīng)用場(chǎng)景
一、遞歸 遞歸（英語(yǔ)：Recursion） 在數(shù)學(xué)與計(jì)算機(jī)科學(xué)中，是指在函數(shù)的定義中使用函數(shù)自身的方法 在函數(shù)內(nèi)部，可以調(diào)用其他函數(shù)。如果一個(gè)函數(shù)在內(nèi)部調(diào)用自身本身，這個(gè)函數(shù)...
-
說(shuō)說(shuō)你對(duì)BOM的理解，常見(jiàn)的BOM對(duì)象你了解哪些一、是什么 BOM (Browser Object Model)，瀏覽器對(duì)象模型，提供了獨(dú)立于內(nèi)容與瀏覽器窗口進(jìn)行交互的對(duì)象 其作用就是跟瀏覽器做一些交互效果,比如如何進(jìn)行頁(yè)...
-
瀏覽器運(yùn)行原理
進(jìn)程 申請(qǐng)和擁有計(jì)算機(jī)資源 不同進(jìn)程間通信通過(guò)進(jìn)程間通信管道IPC 線程 一個(gè)進(jìn)程多個(gè)線程，每個(gè)線程執(zhí)行不同的任務(wù) 瀏覽器一般可以分為以下幾個(gè)部分 用戶界面 瀏覽器引擎 渲染...
-
HTTPS比HTTP安全? HTTPS是如何保證安全的
一、安全特性 在上篇文章中，我們了解到HTTP在通信過(guò)程中，存在以下問(wèn)題： 通信使用明文（不加密），內(nèi)容可能被竊聽(tīng) 不驗(yàn)證通信方的身份，因此有可能遭遇偽裝 而HTTPS的出現(xiàn)...
-
說(shuō)說(shuō)webpack proxy工作原理？為什么能解決跨域
一、是什么 webpack proxy，即webpack提供的代理服務(wù) 基本行為就是接收客戶端發(fā)送的請(qǐng)求后轉(zhuǎn)發(fā)給其他服務(wù)器 其目的是為了便于開(kāi)發(fā)者在開(kāi)發(fā)模式下解決跨域問(wèn)題（瀏...
-
說(shuō)說(shuō)webpack的熱更新是如何做到的？原理是什么一、是什么 HMR全稱(chēng) Hot Module Replacement，可以理解為模塊熱替換，指在應(yīng)用程序運(yùn)行過(guò)程中，替換、添加、刪除模塊，而無(wú)需重新刷新整個(gè)應(yīng)用 例如，我們?cè)?..
-
說(shuō)說(shuō)你對(duì)webpack的理解？解決了什么問(wèn)題
一、背景 Webpack 最初的目標(biāo)是實(shí)現(xiàn)前端項(xiàng)目的模塊化，旨在更高效地管理和維護(hù)項(xiàng)目中的每一個(gè)資源 模塊化 最早的時(shí)候，我們會(huì)通過(guò)文件劃分的形式實(shí)現(xiàn)模塊化，也就是將每個(gè)功能...
-
說(shuō)說(shuō)webpack中常見(jiàn)的Plugin？解決了什么問(wèn)題一、是什么 Plugin（Plug-in）是一種計(jì)算機(jī)應(yīng)用程序，它和主應(yīng)用程序互相交互，以提供特定的功能 是一種遵循一定規(guī)范的應(yīng)用程序接口編寫(xiě)出來(lái)的程序，只能運(yùn)行在程序規(guī)定的...
-
說(shuō)說(shuō)webpack中常見(jiàn)的Loader？解決了什么問(wèn)題一、是什么 loader 用于對(duì)模塊的"源代碼"進(jìn)行轉(zhuǎn)換，在 import 或"加載"模塊時(shí)預(yù)處理文件 webpack做的事情，僅僅是分析出各種模塊的依賴(lài)關(guān)系，然后形成資源列...
-
說(shuō)說(shuō)webpack的構(gòu)建流程
一、運(yùn)行流程 webpack 的運(yùn)行流程是一個(gè)串行的過(guò)程，它的工作流程就是將各個(gè)插件串聯(lián)起來(lái) 在運(yùn)行過(guò)程中會(huì)廣播事件，插件只需要監(jiān)聽(tīng)它所關(guān)心的事件，就能加入到這條webpac...
-
說(shuō)說(shuō)Loader和Plugin的區(qū)別？編寫(xiě)Loader，Plugin的思路
一、區(qū)別 前面兩節(jié)我們有提到Loader與Plugin對(duì)應(yīng)的概念，先來(lái)回顧下 loader 是文件加載器，能夠加載資源文件，并對(duì)這些文件進(jìn)行一些處理，諸如編譯、壓縮等，最終一...
-
如何提高webpack的構(gòu)建速度
一、背景 隨著我們的項(xiàng)目涉及到頁(yè)面越來(lái)越多，功能和業(yè)務(wù)代碼也會(huì)隨著越多，相應(yīng)的 webpack 的構(gòu)建時(shí)間也會(huì)越來(lái)越久 構(gòu)建時(shí)間與我們?nèi)粘ｉ_(kāi)發(fā)效率密切相關(guān)，當(dāng)我們本地開(kāi)發(fā)啟動(dòng)...