前端開發(fā)人員經(jīng)常面臨與應(yīng)用程序架構(gòu)相關(guān)的問題。它需要使用一種能夠輕松擴(kuò)展并在應(yīng)用程序模塊之間提供松耦合和高內(nèi)聚性的架構(gòu)。 本文討論功能切片設(shè)計架構(gòu)，在我看來，它是可用選項中最好的。它還探討了 FSD 的思想以及該架構(gòu)方法解決的問題。我們將 FSD 與經(jīng)典和

前言： 前端工程化一直是一個老生常談的問題，不管是面試還是我們在公司做基建都會經(jīng)常提到前端工程化，那么為什么經(jīng)常會說到前端工程化，并沒有聽過后端工程化、Java工程化或者Python工程化呢？我們理解的前端工程化是不是一直都是Webpack的性能調(diào)優(yōu)，或者是一個cli工

手把手帶你走進(jìn)Babel的編譯世界 - 掘金 (juejin.cn) 我們所寫的代碼轉(zhuǎn)換為機(jī)器能識別的一種 樹形結(jié)構(gòu)， 本身是由一堆節(jié)點（Node）組成，每個節(jié)點都表示源代碼中的一種結(jié)構(gòu)。 不同結(jié)構(gòu)用類型（Type）來區(qū)分，常見的節(jié)點類型有Identifier(標(biāo)識符)，Expression(表達(dá)式)，VariableDeclarat

高效的開發(fā)離不開基礎(chǔ)工程的搭建。本章主要介紹如何使用Vue進(jìn)行實際SPA項目的開發(fā)，這里使用的是目前熱門的JavaScript應(yīng)用程序模塊打包工具Webpack，進(jìn)行模塊化開發(fā)、代碼編譯和打包。 Vue腳手架指的是Vue-cli，它是一個專門為單頁面應(yīng)用快速搭建繁雜程序的腳手架，它可以輕

前端工程化是一種思想，而不是某種技術(shù)。主要目的是為了提高效率和降低成本，也就是說在開發(fā)的過程中可以提高開發(fā)效率，減少不必要的重復(fù)性工作等。 tip 現(xiàn)實生活舉例 建房子誰不會呢？請幾個工人一上來就開始弄，在建筑的過程中缺了材料就叫個工人去買，發(fā)現(xiàn)工期

NPM代表npmjs.org這個網(wǎng)站，這個站點存儲了很多Node.js的第三方功能包。 NPM的全稱是Node Package Manager，它是一個Node.js包管理和分發(fā)工具，已經(jīng)成為非官方的發(fā)布Node模塊（包）的標(biāo)準(zhǔn)。它可以讓JavaScript開發(fā)者能夠更加輕松地共享代碼和共用代碼片段，并且通過NPM管理需要分享的代

知道軟件包名，拿到源碼或者路徑的方法 在瀏覽器輸入以下內(nèi)容，就可以找到你想要的。。。 unpkg.com/輸入包名 ESM特性清單： 自動采取嚴(yán)格模式，忽略“use?strict” 每個ESM模塊都是單獨的私有作用域； ESM是通過CORS去請求外部JS模塊的 ESM的script標(biāo)簽會延遲執(zhí)行腳本，就要有

Ajax：異步的js與xml。 作用： 1、通過ajax給服務(wù)器發(fā)送數(shù)據(jù)，并獲得其響應(yīng)的數(shù)據(jù)。 2、可以在不更新整個網(wǎng)頁的情況下，與服務(wù)器交換數(shù)據(jù)并更新部分網(wǎng)頁的技術(shù)。 ?1、準(zhǔn)備數(shù)據(jù)地址 ?2、創(chuàng)建XMLHttpRequest對象，用于和服務(wù)器交換數(shù)據(jù) ?3、向服務(wù)器發(fā)送請求 ?4、獲取服務(wù)器響

能夠說出什么是前端工程化 能夠說出webpack的作用 能夠掌握webpack的基本使用 了解常用plugin的基本使用 了解常用loader的基本使用 能夠說出Source Map的作用 前端工程化 webpack的基本使用 webpack中的插件 webpack中的loader 打包發(fā)布 Source Map 1.1小白眼中的前端開發(fā)vs實際的前端開發(fā) 實際

?? 點贊，你的認(rèn)可是我創(chuàng)作的動力！ ?? 收藏，你的青睞是我努力的方向！ ?? 評論，你的意見是我進(jìn)步的財富！ 持續(xù)性能監(jiān)控和自動化性能優(yōu)化在前端開發(fā)中非常重要。以下是一些相關(guān)工具和實踐： 性能監(jiān)控工具 ：工具如Google Lighthouse、WebPageTest、PageSpeed Insights等可以

前端模塊化是一種標(biāo)準(zhǔn)，不是實現(xiàn) 理解模塊化是理解前端工程化的前提 前端模塊化是前端項目規(guī)?；谋厝唤Y(jié)果 前端模塊化就是將復(fù)雜程序根據(jù)規(guī)范拆分成若干模塊，一個模塊包括輸入和輸出。而且模塊的內(nèi)部實現(xiàn)是私有的，它通過對外暴露接口與其他模塊通信，而不是直

編寫的代碼 ==》經(jīng)過打包工具（glup、rollup、webpack、vite）本身也是js代碼，讀取文件操作的， 依賴于 node 環(huán)境 = = 》 普通的html 、css 、javascript = = 》 打包到靜態(tài)服務(wù)器 = = 》 跑在用戶的瀏覽器 用于對路徑和文件進(jìn)行處理 在 Mac OS、Linux 和 window 上的路徑上是不一樣的，部署的

1.1 Git 常見工作流程 ?Git 有4個區(qū)域：工作區(qū)（workspace)、index（暫存區(qū)）、repository（本地倉庫）和remote（遠(yuǎn)程倉庫），而工作區(qū)就是指對文件發(fā)生更改的地方，更改通過git add 存入暫存區(qū)，然后由git commit 提交至本地倉庫，最后push推送到遠(yuǎn)程倉庫。 工作目錄 包括.git?子目錄（

npm i -S express node app.js 全局中間件：第一個參數(shù)是回調(diào)函數(shù)時，則針對所有請求生效 路由中間件：第一個參數(shù)是匹配路由，第二個參數(shù)為回調(diào)函數(shù) 異常中間件：回調(diào)函數(shù)包含四個參數(shù) 異常中間件：回調(diào)函數(shù)包含四個參數(shù) 全局異常捕獲 全局Promise異常捕獲 需要購買或者找免費(fèi)

變量與模版字符串 let 和var的差別： const和var的差異 1、新增const和let類似，只是const定義的變量不能修改 2、并不是變量的值不得改動，而是變量指向的那個內(nèi)存地址所保存的數(shù)據(jù)不得改動。 模板字符串（template string）是增強(qiáng)版的字符串，用反引號（`）標(biāo)識 1、字符串中可以