前端

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里面

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

文章目录 概述 第一部分:深入幕后——NestJS 的“实例管家” InstanceWrapper 一、核心职责:不止于封装 二、关键属性解构(增强版) 三、一个实例的生命旅程 第二部分:灵感跨界——构建前端页面的“InstanceWrapper”缓存层 一、设计哲学:前端数据包装器

『AI辅助Skill』掌握三大AI设计Skill:前端独立完成产品设计全流程

📣读完这篇文章里你能收获到 🎨 掌握ASCII Design快速验证产品想法的方法 🖼️ 学会Wireframe Design生成专业SVG线稿 💻 了解三种Frontend Design Skills的选择策略 🚀 掌握完整OPC工作流,1-2天完成产品开发 文章目录 前言 一、三大AI设计Sk

小程序日常小记

1.wx常用的跳转方法 wx常用的跳转方法 2. bindtap与catchtap的区别 bindtap与catchtap的区别 3.小程序分包的问题 ⚠️ 分包之后文件会自动创建 { "pages":[ "pages/index", "pages/logs" ], "subpackages": [ { "root": "pa

React动画

1. React过渡动画 在React中我们可以通过原生的CSS来实现过渡动画, 但是React社区为我们提供了react-transition-group帮助我们快速过渡动画 2. 动画组件: Transition 该组件是一个和平台无关的组件(不一定要结合CSS); 在前端开发中,我们一般是结合CSS来完成样式,所以比较常用的是CSSTransition; CSSTransit

Vue前端框架大全

框架类 Web 名称 Vue 描述 Element UI 2 饿了么 Element Plus 3 饿了么 Ant Design 1 2 蚂蚁金服 Ant Design 2 3 蚂蚁金服 Ant Design 3 3 蚂蚁金服 Arco Design 3 字节跳动 View UI 2 View UI Plus 3 AT-UI 2 H

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

目的:项目投入使用发现很多使用起来不舒服的地方,进行优化 注意!!!:最新的一次创建项目运行时候以及配置eslint部分出现了许多问题,可以结合最新的一篇vite+vue+ssg做官网 再记录一下项目创建结合起来查看是否有你遇到的问题 前提:在上一篇vite + vue3多页面配置记录references,loadEnv等中我详细记录了通过各种配置了解多页面项目。 结果:最终代码放到gitee这里

iframe的父子页面通信

平时工作中有时会遇到页面嵌套的情况,一般是用iframe解决。那么,两个页面如何通信呢?下面分两种情况进行: 一、父子页面同源的情况 现在有两个不同源的iframe嵌套页面,父页面parent.html,子页面child.html,二者代码如下: // parent.html // ... <iframe id='testIframe' name='test' src='./ch

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

1. 背景在 MCP(Model Context Protocol)中,stdio、SSE、Streamable HTTP 是三种不同的 传输(transport)机制,用于在客户端(agent)与 MCP 服务器之间传递 JSON-RPC 消息、通知、响应等。不过,在最新