前端
  1. 首页
  2. IT互联网
  3. 前端

列表

vite + vue3 多页面实战优化续集：eslint+lint-staged+husky+stylelint

vite + vue3 多页面实战优化续集：eslint+lint-staged+husky+stylelint

目的：项目投入使用发现很多使用起来不舒服的地方，进行优化 注意!!!：最新的一次创建项目运行时候以及配置eslint部分出现了许多问题，可以结合最新的一篇vite+vue+ssg做官网 再记录一下项目创建结合起来查看是否有你遇到的问题 前提：在上一篇vite + vue3多页面配置记录references,loadEnv等中我详细记录了通过各种配置了解多页面项目。 结果：最终代码放到gitee这里
前端 2025年06月27日
【大模型理论篇】MCP协议中sse、stdio、streamable_http含义

【大模型理论篇】MCP协议中sse、stdio、streamable_http含义

1. 背景在 MCP（Model Context Protocol）中，stdio、SSE、Streamable HTTP 是三种不同的 传输（transport）机制，用于在客户端（agent）与 MCP 服务器之间传递 JSON-RPC 消息、通知、响应等。不过，在最新
前端 2025年10月11日
React动画

React动画

1. React过渡动画 在React中我们可以通过原生的CSS来实现过渡动画， 但是React社区为我们提供了react-transition-group帮助我们快速过渡动画 2. 动画组件： Transition 该组件是一个和平台无关的组件（不一定要结合CSS）； 在前端开发中，我们一般是结合CSS来完成样式，所以比较常用的是CSSTransition； CSSTransit
前端 2025年05月13日
NestJS 核心揭秘：InstanceWrapper 的艺术与前端缓存新思路

NestJS 核心揭秘：InstanceWrapper 的艺术与前端缓存新思路

文章目录 概述 第一部分：深入幕后——NestJS 的“实例管家” InstanceWrapper 一、核心职责：不止于封装 二、关键属性解构（增强版） 三、一个实例的生命旅程 第二部分：灵感跨界——构建前端页面的“InstanceWrapper”缓存层 一、设计哲学：前端数据包装器
前端 2025年12月18日
CSS3渐变 阴影 遮罩

CSS3渐变 阴影 遮罩

1. CSS3渐变 渐变: 有规律的渐渐变化,在前端中通常指颜色的变化的实现方式. 通常使用在所有接受图像的属性上.(替代图片),意义是创建一张图片 gradient可以应用在所有接受图像的属性上 1.1 分类: 线性渐变(linear-gradient)变化的方向是一条直线 径向渐变(radial-gradient)变化的方向是从圆心向四周运动运动 1.2. 线性渐变 (linear-gr
前端 2025年04月25日
小程序日常小记

小程序日常小记

1.wx常用的跳转方法 wx常用的跳转方法 2. bindtap与catchtap的区别 bindtap与catchtap的区别 3.小程序分包的问题 ⚠️ 分包之后文件会自动创建 { "pages":[ "pages/index", "pages/logs" ], "subpackages": [ { "root": "pa
前端 2025年05月26日
Vue中的keep-alive是什么意思？以及如何使用

Vue中的keep-alive是什么意思？以及如何使用

一、keep-alive是什么？ <keep-alive>是vue内置的一个组件，能在组件的切换的过程中将状态保留在内存中，防止重复渲染DOM 包裹动态组件的时候，会缓存不活动的组件实例，而不是销毁他们！ <keep-alive>是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件中，作为标签使用 包裹在需要缓存的组件中 注意： 1. include 字符串
前端 2024年11月05日
Webpack+Vue+Ts完整搭建配置过程

Webpack+Vue+Ts完整搭建配置过程

1、webpack的基本配置 （1）、在vscode终端中运行以下命令： mkdir webpack-demo 创建目录 cd webpack-demo 进入目录 npm init -y 创建package.json文件 npm install webpack webpack-cli --save-dev 安装webpack和webpack-cli （2）、新建文件夹src，在src里面
前端 2025年10月01日
vue的自定义指令

vue的自定义指令

1.自定义指令 1.1 什么是自定义指令 vue官方提供了v-text、v-html、v-model、v-if等一些常用的指令。除此之外vue还允许开发者自定义指令。 1.2 自定义指令的分类 vue将自定义指令分为 两类 私有自定义指令 全局自定义指令 1.3 私有自定义指令 在每个vue组件中，可以在directives节点下声明私有自定义指令 私有自定义指令只在这个组件中生效 示
前端 2026年01月27日