• 前端工程化

    前端工程化

    本文将介绍前端项目如何实现 JS / TS 代码检测、代码格式化、CSS / SCSS 代码检测。代码提交的时候自动检测语法和格式化、统一提交规范、可视化代码提交。用到的工具:Eslint、Prettier、Stylelint、Husky、Lint-staged、CommitLint、Commitizen、cz-gitEslint 代码检查工具1、安装pnpm add eslint eslint-

    2024-09-02 105
  • 大数据量富文本渲染中的代码高亮优化技巧

    大数据量富文本渲染中的代码高亮优化技巧

    在处理富文本内容的代码高亮时,当数据量较大时,页面可能会出现 1-2 秒的卡顿。为了解决这一问题,我们可以使用“分片处理”技巧来优化页面性能。原理:通过将代码高亮的处理过程分成多个小片段批量执行,避免一次性处理大数据量导致的页面卡顿。以下是实现此优化的完整代码import { App, Directive } from "vue"; import hljs from 'highlight.js';

    2024-08-28 56
  • Node.js + Docker自动化部署

    Node.js + Docker自动化部署

    本章将介绍 Node.js 使用 Docker 、Webhook 自动化部署、蓝绿部署、项目到服务器。1、Mac os 安装 Docker 客户端 OrbStack我这里使用的是第三方客户端,相比于官方的,较轻量,启动速度快OrbStack 是一种快速、轻便且简单的运行 Docker 容器和 Linux 的方法。使用我们的 Docker Desktop 替代方案以光速进行开发。下载地址: http

    2024-08-26 78
  • HTTP 协议

    HTTP 协议

    概念HTTP(hypertext transport protocol)协议;中文叫超文本传输协议是一种基于TCP/IP的应用层通信协议这个协议详细规定了 浏览器 和万维网 服务器 之间互相通信的规则。协议中主要规定了两个方面的内容客户端:用来向服务器发送数据,可以被称之为请求报文服务端:向客户端返回数据,可以被称之为响应报文报文:可以简单理解为就是一堆字符串请求报文的组成请求行请求头空行请求体H

    2024-02-22 109
  • MongoDB 数据库基本操作

    MongoDB 数据库基本操作

    简介Mongodb 是什么MongoDB 是一个基于分布式文件存储的数据库,官方地址 https://www.mongodb.com/ 数据库是什么数据库(DataBase)是按照数据结构来组织、存储和管理数据的 应用程序数据库的作用数据库的主要作用就是 管理数据 ,对数据进行 增(c)、删(d)、改(u)、查(r)数据库管理数据的特点相比于纯文件管理数据,数据库管理数据有如下特点:1. 速度更快

    2023-11-30 66
  • Mac os 安装 MongoDB

    Mac os 安装 MongoDB

    下载MongoDB安装包官网下载地址:https://www.mongodb.com/try/download/community?tck=docs_server安装MongoDB# 将压缩包解压到 /usr/local/目录下 sudo tar -zxvf mongodb-macos-x86_64-5.0.24.tgz -C /usr/local # 重命名 sudo mv mongodb-o

    2023-11-15 59
  • npm、yarn、nrm 常用命令

    npm、yarn、nrm 常用命令

    设置镜像源#1,淘宝镜像源 npm config set registry https://registry.npmmirror.com npm config set registry https://registry.npm.taobao.org #2,腾讯云镜像源 npm config set registry http://mirrors.cloud.tencent.com/npm/ #

    2023-11-07 91
  • Node.js 包管理工具

    Node.js 包管理工具

    介绍包是什么『包』英文单词是 package ,代表了一组特定功能的源码集合包管理工具管理『包』的应用软件,可以对「包」进行 下载安装 , 更新 , 删除 , 上传 等操作借助包管理工具,可以快速开发项目,提升开发效率包管理工具是一个通用的概念,很多编程语言都有包管理工具,所以 掌握好包管理工具非常重要常用的包管理工具下面列举了前端常用的包管理工具npmyarncnpmnpmnpm 全称 Node

    2023-10-31 53
  • Node.js 模块化

    Node.js 模块化

    介绍什么是模块化与模块 ?将一个复杂的程序文件依据一定规则(规范)拆分成多个文件的过程称之为其中拆分出的 每个文件就是一个模块 ,模块的内部数据是私有的,不过模块可以暴露内部数据以便其他模块使用什么是模块化项目 ?编码时是按照模块一个一个编码的, 整个项目就是一个模块化的项目模块化好处下面是模块化的一些好处:1.防止命名冲突2.高复用性3.高维护性模块暴露数据模块初体验可以通过下面的操作步骤,快速

    2023-10-25 40
  • Node.js学习笔记

    Node.js学习笔记

    fs 模块fs 全称为 file system ,称之为 文件系统 ,是 Node.js 中的 内置模块 ,可以对计算机中的磁盘进行操作。例如文件的创建、删除、修改移动,文件内容的写入、读取,以及文件夹的相关操作// 1 ------------------------------------------------------ /** * 需求 * 新建一个文件,写入内容 */ // 1

    2023-10-15 198
加载更多
头像
Hi,I am Ricky

Hi,我是陈涛,一位自学前端的开发者。
除了前端,也对Flutter、Go等技术有所涉及。

新年倒计时

热门

  • 1 Tao Admin通用后台管理系统开源
  • 2 JS 知识体系
  • 3 介绍
  • 4 Flutter 笔记
  • 5 Typescript 学习笔记
  • 6 Vue权限控制
  • 7 Vue3+Vite 手册阅读
  • 8 Vue3+TS+Vite 项目搭建笔记(更新中)
  • 9 Vue性能优化
  • 10 Nuxt入门实战部署笔记