npm yarn pnpm 都是包管理器距糖。 npm 早期 npm3 之前存在的問題： 依賴嵌套過深玄窝，導(dǎo)致文件路徑過長(zhǎng)，有時(shí)候在 window 上刪除 node_modules...
發(fā)簡(jiǎn)信
IP屬地：寧夏
-
npm偶洋、yarn、pnpm包管理器 -
Axios 源碼解析本文不會(huì)細(xì)摳某些功能的具體實(shí)現(xiàn)方式悍引，比如 config 的 merge 方式恩脂、utils 中的工具方法。而是抓住主干趣斤、梳理脈絡(luò)俩块，重點(diǎn)介紹經(jīng)典的、優(yōu)秀的實(shí)現(xiàn)思想。比如 adap...
-
Web components API: Shadow DOM玉凯、Light DOM势腮、 Lifecycle Events 和 Custom Eventsshadow DOM 組件開發(fā)者編寫的 DOM。Shadow DOM 對(duì)組件來說是本地的漫仆，它定義了它的內(nèi)部結(jié)構(gòu)捎拯、作用域 CSS，并封裝了實(shí)現(xiàn)細(xì)節(jié)盲厌。它還可以定義如何呈現(xiàn)由組件的...
-
Web Components組件化是前端工程化重要的一環(huán)署照，UI 和 交互（或邏輯）的復(fù)用極大的提高開發(fā)效率以及減少代碼冗余。 目前開源的組件庫都是特定于框架的狸眼，比如：基于 Vue 的 Element U...
-
Node.js 性能調(diào)優(yōu)服務(wù)性能測(cè)試 調(diào)試 Node 性能首先得找到性能瓶頸所在藤树，包括兩個(gè)方面： top， 測(cè)試 CPU 和內(nèi)存 iostat拓萌， io 設(shè)備的帶寬（硬盤） Node 性能分析工具 C...
-
通過集群提高 Node.js 應(yīng)用程序的性能Node.js 實(shí)例在單線程中運(yùn)行岁钓，這意味著在多核系統(tǒng)（如今大多數(shù)計(jì)算機(jī)都是多核）上，應(yīng)用程序不會(huì)使用所有內(nèi)核微王。要利用其他可用內(nèi)核屡限，可以啟動(dòng) Node.js 進(jìn)程集群并在它們...
-
代碼量變了??
從vue2.0到3.0需要做哪些改變
官方文檔https://staging-cn.vuejs.org/guide/introduction.html#what-is-vue[https://staging-cn...
-
如何處理 React 中的錯(cuò)誤作為開發(fā)者如何優(yōu)雅的處理錯(cuò)誤是至關(guān)重要的，否則頁面出現(xiàn)白屏影響用戶體驗(yàn)甚至流失用戶炕倘。 下面通過不同的方式來處理 React 中的錯(cuò)誤钧大。 try...catch js 中捕獲錯(cuò)...
-
如何將 ts 集成到 node 項(xiàng)目中
為什么使用 TypeScript？ TypeScript 為 JavaScript 提供了可選的靜態(tài)類型罩旋。靜態(tài)類型的主要好處是在構(gòu)建時(shí)檢查和發(fā)現(xiàn)類型錯(cuò)誤啊央，所以代碼部署到生產(chǎn)環(huán)...
-
如何基于 Vite 開發(fā) React 和 Koa 全棧程序基于 Vite 開發(fā) React 和 Koa 全棧程序 創(chuàng)建一個(gè)新的 Vite 應(yīng)用 進(jìn)入項(xiàng)目安裝依賴： 項(xiàng)目結(jié)構(gòu)如下： 配置 vite 修改包的入口配置為 src/main...
-
實(shí)現(xiàn)像 axios 一樣的請(qǐng)求攔截器
axios 攔截器在請(qǐng)求或響應(yīng)被 then、catch 之前進(jìn)行攔截處理涨醋。 axios 的三大特性：基于 Promise瓜饥、同構(gòu)（可以用于瀏覽器和 node）、攔截器浴骂。 基于 ...
-
ECMAScript 2022 中的新功能有些特性在提案階段現(xiàn)代瀏覽器就已經(jīng)支持了乓土，比如類的私有屬性和方法。 2022 年 6 月 22 日溯警，第 123 屆 Ecma 大會(huì)批準(zhǔn)了 ECMAScript 2022 語言...
-
babel源碼解析之（@babel/plugin-transform-runtime）
前言 前面我們用了一篇很長(zhǎng)的文章介紹了@babel/preset-env,感興趣的可以去看我之前的一篇文章babel源碼解析之（@babel/preset-env）,今天我們...
-
babel源碼解析之（@babel/preset-env）
前言 還記得之前寫過一篇文章:babel源碼解析一,里面把babel的整個(gè)流程跑了一遍趣苏，最后還自定義了一個(gè)插件用來轉(zhuǎn)換“箭頭函數(shù)”，通過前面的源碼解析我們知道梯轻，preset其...
-
BabelBabel 是 JavaScript 的轉(zhuǎn)譯器食磕。用于將 ES Next 的代碼轉(zhuǎn)換成瀏覽器或者其他環(huán)境支持的代碼。注意：不是轉(zhuǎn)化為 ES5 喳挑，因?yàn)椴煌愋鸵约安煌姹镜臑g覽器...
-
TypeScript: 低維護(hù)類型
typescript 具有類型推斷能力芬为，所以在 typescript 中編寫常規(guī)的 JavaScript 時(shí)很多類型可以推斷出來萄金，不需要明確指定類型。但有些情況下又必須要添加...
-
TypeScript 高級(jí)（一）
類型推斷 基于賦值表達(dá)式推斷類型的能力稱之為“類型推斷”媚朦。 在 TypeScript 中，具有初始化值的變量日戈、有默認(rèn)值的函數(shù)參數(shù)询张、函數(shù)返回值的類型都可以根據(jù)上下文推斷出來。比...
-
百度ueditor富文本 單圖上傳iframe跨域問題
最近在使用百度ueditor富文本編輯器浙炼，由于是一個(gè)前后端分離的項(xiàng)目份氧，并且需要使用單圖上傳的功能，所以不可避免的會(huì)產(chǎn)生跨域問題弯屈，先來看看官方給的說法： 可以說相當(dāng)?shù)牟回?fù)責(zé)任了...
-
在哪抄的蜗帜，第三點(diǎn)內(nèi)容順序都是錯(cuò)的。资厉。厅缺。
30個(gè)小知識(shí)讓你更清楚TypeScript
關(guān)注我不定時(shí)分享精彩內(nèi)容 來源：web前端開發(fā) TypeScript 是 Microsoft 開發(fā)的JavaScript 的開源超集，用于在不破壞現(xiàn)有程序的情況下添加附加功能...
-
eslint prettier husky 在 vue3 + typescript +vite 中的最佳配置項(xiàng)目采用 vue3 + typescript + vite宴偿，所以需要自己配置 eslint湘捎、prettier、husky窄刘。 Eslint Prettier 安裝 eslint...