原创 關於package-lock.json

前言 上篇文章我們瞭解了package.json，一般與它同時出現的還有一個package-lock.json，這兩者又有什麼關係呢？下面一起來了解吧。 介紹 package-lock.json 它會在 npm 更改 node_modul

2023-08-10 13:56:03 1

原创 熟悉又陌生的package.json

前言 隨着前端的不斷髮展，package.json可謂是在前端項目中無處不在，它不僅在項目根目錄會有，而且在 node_modules 中也存在。那麼這個文件到底是幹嘛的，又有什麼作用？很多人對它的認識是不是隻停留在dependencies

2023-08-07 13:59:41

原创 你不知道的 HTTP Referer

前言 上週突然發現自己的自己站點的圖片全都403了，之前還是好好的，圖片咋就全都訪問不了呢？由於我每次發文章都是先發了掘金，然後再從掘金拷貝到我自己的站點，這樣我就不用在自己的站點去上傳圖片了，非常方便。 啥也沒幹，圖片咋就403了呢？估

2023-07-27 13:59:01

原创 【NestJS系列】核心概念：Providers提供者

前言 Providers是Nest中的一個基本概念，許多Nest中定義的類都可以被視爲一個Provider，比如：service、repository、factory、helper等，它們都可以通過constructor注入依賴關係，這就意

2023-07-27 13:59:01

原创 使用clip-path將 GIF 繪製成跳動的字母

前言 之前看到過一個有趣的CSS效果，今天我們也來實現一遍，將動圖GIF通過clip-path繪製成一個個跳動的字母。 效果如下： GIF隨便找的，嗯？這不是重點，重點是下面的實現過程，別被GIF吸引了。 如果這篇文章有幫助到你，❤️關注

2023-07-20 13:56:15

原创 【NestJS系列】核心概念：Controller控制器

前言 控制器主要是用來處理客戶端傳入的請求並向客戶端返回響應。 它一般是用來做路由導航的，內部路由機制控制哪個控制器接收哪些請求。 路由 爲了創建基本控制器，我們需要使用@Controller裝飾器，裝飾器將類與所需元數據關聯起來，並使N

2023-07-20 13:56:15

原创 【NestJS系列】DI依賴注入與IOC控制反轉

前言 上篇文章我們學習瞭如何使用nest-cli來快速生成一個NestJS後端項目，當我們打開編輯器查看代碼時，會發現整個代碼風格有點類似JAVA的spring框架，並且你會發現一些service類在controller控制器的constr

2023-07-17 14:01:49 1

原创 【NestJS系列】從Nest CLI開始入門

初識Nest JS Nest 是一個漸進的 Node.js 框架，它可以在 TypeScript 和 JavaScript (ES6、ES7、ES8)之上構建高效、可伸縮的企業級服務器端應用程序。 Nest 基於 TypeScript 編寫

2023-07-12 13:59:05 2

原创 性能優化之詳解各種指標

前言 上篇文章最後提到了我們可以通過performance的一些屬性對性能做統計，我們會發現performance對象下有非常多的屬性，遠不止上篇文章提到的DOMContentLoaded與Load這兩個事件。 或許你在瀏覽器控制檯見過它們

2023-07-10 14:02:18 7

原创 性能優化之window.onload

前言 最近在做一些性能優化相關的工作，相信大家在工作過程中也會遇到一些性能優化相關的場景，這對於前端開發者來講是一項加分技能。爲了我們的用戶在使用我們的產品時能夠有一個非常好的體驗，我們需要對頁面進行診斷優化。在行業中，我們的頁面P90在兩

2023-07-03 13:56:04 2

原创 【webpack系列】從基礎配置到掌握進階用法

前言 本篇文章將介紹一些webpack的進階用法，演示內容繼承自上一篇文章的內容，所以沒看過上一篇文章的建議先學習上一篇內容再閱讀此篇內容，會更有利於此篇的學習～ 文件指紋 文件指紋指的是打包輸出的文件名後綴，一般用來做版本管理、緩存等

2023-06-25 13:56:12

原创 【webpack系列】從核心概念到上手配置

前言 作爲前端開發者，相信大家或多或少都接觸過webpack，現如今webpack已經滲透在了前端的各個方面，所以我們有必要來了解並學習webpack，webpack 是一種用於構建 JavaScript 應用程序的靜態模塊打包器，它能夠以

2023-06-21 13:58:14

原创 一文搞懂V8引擎的垃圾回收機制

前言 我們平時在寫代碼的過程中，好像很少需要自己手動進行垃圾回收，那麼V8是如何來減少內存佔用，從而避免內存溢出而導致程序崩潰的情況的。爲了更高效地回收垃圾，V8引入了兩個垃圾回收器，它們分別針對不同場景進行工作。 如果這篇文章有幫助到你，

2023-06-13 14:02:04

原创 V8是如何執行JavaScript代碼的？

前言 一般來講，電腦是不能直接運行我們的javascript代碼的，它需要一個翻譯程序將人類能夠理解的編程語言 JavaScript，翻譯成機器能夠理解的機器語言。目前市面上有很多種 JavaScript 引擎，諸如 SpiderMonke

2023-06-12 13:56:16 1

原创 pnpm纔是前端工程化項目的未來

前言 相信小夥伴們都接觸過npm/yarn，這兩種包管理工具想必是大家工作中用的最多的包管理工具，npm作爲node官方的包管理工具，它是隨着node的誕生一起出現在大家的視野中，而yarn的出現則是爲了解決npm帶來的諸多問題，雖然yar

2023-06-02 13:56:13