前端南玖的博客

熟悉又陌生的package.json

随着前端的不断发展，package.json可谓是在前端项目中无处不到底是干嘛的，又有什么作用？

NPM

Node.js

JSON

json

ci

原创 1月前 59 阅读

使用clip-path将 GIF 绘制成跳动的字母

之前看到过一个有趣的CSS效果，今天我们也来

前端

CSS

css

f5

关键帧

原创 1月前 57 阅读

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

Providers是Nest中的

Node.js

NestJS

ide

依赖注入

自定义

原创 1月前 42 阅读

你不知道的 HTTP Referer

图片防盗的原理是服务端可以

HTTP

前端

HTTPS

请求头

原创 1月前 69 阅读

【NestJS系列】DI依赖注入与IOC控制反转

Nest依赖注入与控制反转，目的主要是方便代码之间的解耦从而减少维护成本，IOC其实是面向对象编程中的一种设计模式，而DI则是为了实现IOC的一种技术。

Node.js

NestJS

依赖关系

依赖注入

控制反转

原创 1月前 78 阅读

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

控制器主要是用来处理客户端传入的请求并

后端

Node.js

NestJS

状态码

字符串

原创 1月前 75 阅读

【webpack系列】从基础配置到掌握进阶用法

本篇文章将介绍一些w于此篇的学习～

Webpack

JavaScript

css

CSS

html

原创精选 1月前 223 阅读

性能优化之window.onload

大家在工作过程中也会遇到一些在使用我们的产品时能够有一个非常好的体验，我们需要对页面进行诊断优化

性能优化

JavaScript

加载

异步加载

原创 1月前 74 阅读

性能优化之详解各种指标

现代前端单页应用DCL和L事件不能。

前端

性能优化

浏览器

加载

html

原创精选 1月前 264 阅读

【NestJS系列】从Nest CLI开始入门

Nest 是一个渐进的 Node.js 框架，它可以在 TypeScript 和 JavaScript (ES6、ES7、ES8)之上构建高效、可伸缩的企业级服务器端应用程序。

后端

Node.js

NestJS

初始化

json

原创 1月前 89 阅读

【webpack系列】从核心概念到上手配置

处理方式，加载应用中的所有资源文件（图片、CSS、视频、字体文件等），并将其合并打包成浏器兼容的 Web 资源。

Webpack

前端

css

html

原创 2月前 16 阅读

一文搞懂V8引擎的垃圾回收机制

免内存溢出而导致程序崩溃的情况的。为了更高效地回收垃圾，V8引入了两个垃圾回收器。

JavaScript

V8

垃圾回收

垃圾回收器

原创 2月前 64 阅读

V8是如何执行JavaScript代码的？

率超过某个值，V8就会采用优化编译器将其编译成执行效率更高的机器代码。

JavaScript

V8

字节码

中间代码

原创 2月前 55 阅读

使用CSS Paint API实现有趣的图像碎片效果

在这之前我写过这样一篇文章教你用canvas打造一个炫酷的碎片切图效果，这个

CSS

前端

API

css

原创 2月前 79 阅读

了解CSS Module作用域隔离原理

全局性，明明定义了样式，但就是不生效，原因可能是被其他样式定义所强制覆盖。

PostCSS

JavaScript

CSS

css

作用域

原创精选 2月前 225 阅读

pnpm才是前端工程化项目的未来

yarn的出现则是为了解决npm带来的诸多问题，虽然

NPM

JavaScript

json

依赖包

嵌套

原创 2月前 102 阅读

如何提升项目的本地构建效率？

我们知道webpack有个通病，那就是随着项目的不断增大每次构建的时间也会随之越

Webpack

NPM

JavaScript

缓存

编译过程

原创精选 2月前 228 阅读

如何在 JavaScript 中使用媒体查询

说起媒体查询想必大家最先想到的都是CSS中@media，没错，这是我们最常用的媒体查询方法，主要用来为我们的网站做适配处理。比如：我们使用 CSS 告m

前端

JavaScript

媒体查询

字符串

窗口大小

原创 3月前 332 阅读

JavaScript 中更安全的 URL 读写

URL对于我们开发人员来讲，应该是非常熟悉了。在对URL进行参数拼接时，我们一般都会直接进行字符串拼接或使用模不安全的方式编写 URL

前端

JavaScript

构造函数

字符串

分隔符

原创精选 3月前 328 阅读

从Babel开始认识AST抽象语法树

AST对于编程来讲是一个非常重要的概念，当然也包括前端，在很多地方都能看见AST抽象语法树的影子，其中不乏有vue、react、babel等，简单来说但凡需要编译的地方基本都能发现AST的存在。

Babel

JavaScript

语法树

解析器

字符串

原创 7月前 156 阅读

探索小程序底层架构原理

从小程序的定位来讲，它就不可能用纯原生技术来进行开发，因为那样它的编译以及发版都得跟随微信，所以需要像Web技术那样，有一份随时可更新的资源包放在远程，通过下载到本地，动态执行后即可渲染出界面。

前端

微信小程序

webview

xml

开发者工具

原创 8月前 44 阅读

比 JSON.stringify 快两倍的fast-json-stringify

相信大家对JSON.stringify并不陌生，通常在很多场景下都会用到这个API，最常见的就是HTTP请求中的数据传输，但大家是否考虑过使用`JSON.stringify`可能会带来性能风险?

JavaScript

前端

JSON

json

字符串

原创 8月前 99 阅读

2022年鲜为人知的CSS 特性了解起来~

随着CSS的不断发展，一些很酷且有用的属性要么完全被忽视，要么由于某种原因不像其他常见属性那样被开发者熟练应用。这篇文章我们将一起学习那些CSS中陌生但非常有用的CSS属性，这些属性你可能听说过

CSS

前端

选择器

ide

原创 8月前 36 阅读

两行CSS让页面提升了近7倍渲染性能！

现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页或者虚拟列表来减缓页面一次性

CSS

HTML

加载

页面渲染

css

原创 9月前 84 阅读

如何避免由 Web 字体引起的布局偏移

一些布局上的完全加载前后的变化很容易解决：为动态元素预

CSS

HTML

ide

缓存

加载

原创 9月前 55 阅读

使用GitHub Actions实现自动化部署

大家在工作中想必都是通过自动化部署来进行前端项目的部署的，也就是我们在开发完某个需求时，我们只需要将代码推送到某个分支，然后就能自动完成部署，我们一般不用关心项目是如何build以及如何deploy

GitHub

CI/CD

github

git

自动化部署

原创 9月前 138 阅读

为什么CSS中的calc函数可能会不生效？

当CSS3中新增了calc函数时，面对样式动态计算这种场景，JavaScript不再是我们的第一选择，我们只用 CSS 就可以进行相当复杂的计算了

前端

CSS

Less

css

ide

原创 9月前 916 阅读

教你用canvas打造一个炫酷的碎片切图效果

今天分享一个炫酷的碎片式切图效果，这个其实在自己的之前的博客上有实现过，本人觉得这个效果还是挺炫酷的，这次还需要花点时间去理解的，需要点数

JavaScript

Canvas

前端

缩放

html

原创 9月前 55 阅读

究竟什么是Shadow DOM？

shadow dom 是什么？顾名思义，shadow dom直译的话就是影子dom，但我更愿把它理解为DOM中的DOM

前端

JavaScript

HTML

html

css

原创 10月前 123 阅读

我用canvas带你看一场流星雨

今天，我决定用canvas为大家带来一场流星雨视觉盛宴。昙花和流星瞬间之美令我无法忘怀，大自然神奇的造物者给了我们许多的美，不论瞬间的还是永恒的，我们都要用真心去欣赏去品味。

前端

JavaScript

Canvas

初始化

公众号

原创 10月前 70 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	在线客服	网站地图	意见反馈

开源基础软件社区	51CTO学堂
51CTO	汽车开发者社区

51CTO博客

wx5afec7ae9c7cb的博客

熟悉又陌生的package.json

使用clip-path将 GIF 绘制成跳动的字母

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

你不知道的 HTTP Referer

【NestJS系列】DI依赖注入与IOC控制反转

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

【webpack系列】从基础配置到掌握进阶用法

性能优化之window.onload

性能优化之详解各种指标

【NestJS系列】从Nest CLI开始入门

【webpack系列】从核心概念到上手配置

一文搞懂V8引擎的垃圾回收机制

V8是如何执行JavaScript代码的？

使用CSS Paint API实现有趣的图像碎片效果

了解CSS Module作用域隔离原理

pnpm才是前端工程化项目的未来

如何提升项目的本地构建效率？

如何在 JavaScript 中使用媒体查询

JavaScript 中更安全的 URL 读写

从Babel开始认识AST抽象语法树

探索小程序底层架构原理

比 JSON.stringify 快两倍的fast-json-stringify

2022年鲜为人知的CSS 特性了解起来~

两行CSS让页面提升了近7倍渲染性能！

如何避免由 Web 字体引起的布局偏移

使用GitHub Actions实现自动化部署

为什么CSS中的calc函数可能会不生效？

教你用canvas打造一个炫酷的碎片切图效果

究竟什么是Shadow DOM？

我用canvas带你看一场流星雨