首页 - webfem

前端性能优化-概述（图文详解）

前端性能优化作为前端开发中的一项系统化工程，不仅仅是提升页面加载速度或减少资源大小，它涵盖了从网络请求、资源加载、代码执行到页面渲染等多个环节的优化策略，是一个复杂且系统化的工程。然而，在实际开发过程中，许多开发者往往只关注某些局部的优化点，如压缩图片、减少HTTP请求等，而缺乏对性能优化全局的把握。这种碎片化的优化方式虽然能在一定程度上提升性能，但往往难以达到最佳效果，甚至可能引入新的性能瓶颈。

2025-02-18
性能优化
49
从零到一：用 Node.js 打造你的专属 CLI 工具

CLI（命令行工具）是开发者提升效率的利器，例如 `git`、`npm` 等工具都离不开 CLI。本文教你如何用 Node.js 快速构建一个功能丰富的 CLI 工具。

2025-02-14
nodejs
55
Lighthouse 性能分计算过程详解

chrome 开发者模式自带的 lighthouse 评价系统，可以根据实时测试的网站性能，给出一个综合评分。那么，这个评分是怎么计算的。本文通过阅读相关源码，揭示性能分计算全过程。

2025-02-06
性能优化
130
使用 NVM 管理 Node.js 和 npm 版本

在现代的前端和后端开发中，Node.js 和 npm 是不可或缺的工具。然而，随着项目的增多，不同项目可能需要不同版本的 Node.js 和 npm。手动切换版本不仅麻烦，还容易出错。这时，nvm 就派上了用场。本文将详细介绍如何使用 NVM 来管理 Node.js 和 npm 的版本，并附上一些插图帮助理解。

2025-02-05
JavaScript
577
AST（抽象语法树）原理及应用

在编程世界中，源代码的解析和转换是一个非常重要的过程。无论是代码的语法检查、格式化，还是高级功能的实现（如代码压缩、语法转换），都离不开对代码结构的深入理解。而抽象语法树（AST）正是这一过程的核心工具。本文将带你深入探索AST的概念，并通过一个实际的例子——手写一个小型编译器，帮助你理解AST的工作原理及其在实际开发中的应用。

2025-01-23
JavaScript
190
vue + vite 项目配置 monaco-editor

Monaco Editor 是 VS Code 的核心代码编辑器，功能强大且高度可定制。但是官方文档真的写的稀碎，很难找到有用信息。本文根据自身实践（来回采坑），总结一下 vue + vite 项目下，如何裴配置 monaco-editor

2025-01-16
JavaScript
363
手把手教你搭建 Hexo 博客

Hexo 是一个基于 Node.js 的静态博客框架，以其快速、简洁和高效著称。它支持 Markdown 语法，拥有丰富的主题和插件，非常适合开发者快速搭建个人博客。本文将介绍如何从零开始搭建 Hexo 博客，及相关的配置。

2025-01-13
JavaScript
307
如何安装 redis

在 Ubuntu 上安装 Redis 非常简单。以下是详细的安装步骤：安装、启动、检查、开机自启动、设置密码，卸载等

2025-01-13
JavaScript
209
E11000 duplicate key error collection 解决

最近在使用 moongose 的过程中遇到一个报错 E11000 duplicate key error collection: fe.appversions index: name\_1 dup key: { name: 经过查询之后，发现是我把name设置为索引了，不能有重复值

2025-01-10
JavaScript
167
lenis 滚动到底部卡顿问题修复

**Lenis** 是一个轻量级的 JavaScript 平滑滚动库，由 **Studio Freight** 开发，旨在提供比浏览器原生滚动更流畅、更优雅的用户体验。它通过自定义滚动动画，提升页面滚动的视觉效果，同时提供灵活的 API 便于开发者实现自定义功能。但是，最近在使用 **Lenis** 过程中发现，从上向下滚动到底部，很难往上滚，要滚好久才动，总感觉卡顿，像是个 bug。

2025-01-06
JavaScript
228
Mongoose 中 insertOne 和 create 的区别

本文来简单探究一下 Mongoose 中 insertOne 和 create 的区别

2024-12-26
tool
283
vue 项目 webpack 打包配置

了解完单个webpack的配置之后，我们来总结一下，一个 vue 项目需要的webpack配置的通用方案本文从零开始，搭建一个 vue 项目，再给出对应的webpack配置。项目使用 vue3 + ts + less。项目所有配置使用 webpack5，webpack 4 不分配置不支持。

2024-12-24
webpack
200
如何安装 mongodb

数据库可以保证数据持久化存储，这里介绍 mongodb 如何安装，以及数据备份与恢复

2024-12-17
JavaScript
272
免费 CDN

内容分发网络（Content Delivery Network或Content Distribution Network，简称CDN）是指一种通过互联网互相连接的电脑网络系统，利用最靠近每位用户的服务器，更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户，来提供高性能、可扩展性及低成本的网络内容传递给用户。对象存储 + CND 将能把资源访问速度提高到非常高的速度。这两种能力都有而且小流量免费，这就必须推荐又拍云了。

2024-12-11
tool
248
webpack 压缩文件

文件压缩可以减少网络传输，提高网站加载速度。这里讲一下 webpack 处理我们常用的 html css js 三种资源的压缩方案

2024-12-11
webpack
240
nginx 配置

Nginx 是一种反向代理服务器反向代理是，在客户端向服务器发送请求时，代理服务器从一组或多组后端服务器中获取资源并返回给客户端，客户端只知道反向代理的IP地址，不知道代理服务器后面的服务器簇的存在。与前向代理不同，反向代理是作为服务器端的代理，而不是作为客户端的代理

2024-12-10
tool
301
PM2 持久化服务

刚才通过命令创建的服务，在退出终端之后就停止运行了要想持久化运行，就需要一个守护进程，保证服务一直运行这里推荐使用 pm2

2024-12-05
tool
275
如何安装 Nodejs

本文主要讲快速安装一个nodejs，提供node运行环境

2024-12-05
tool
325
购买域名

有了服务器之后，搭建的服务只能使用 ip 访问，要想网站容易记忆，还是得买个域名，服务器ip可以变，但是域名不会变。本文将详细介绍如何选购域名

2024-12-05
tool
317
如何选购服务器

想当年为了白嫖新人优惠，换了不知到多少个账号，网站也迁移了很多次。现在阿里云出了个 `99活动`，每年 99，新老客户都可以买，可以续费到26年。这个必须入手，终于不用找小号了

2024-12-05
tool
354

热门推荐