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