前端
Vue中的keep-alive是什么意思?以及如何使用
一、keep-alive是什么?
<keep-alive>是vue内置的一个组件,能在组件的切换的过程中将状态保留在内存中,防止重复渲染DOM 包裹动态组件的时候,会缓存不活动的组件实例,而不是销毁他们!
<keep-alive>是一个抽象组件:它自身不会渲染一个DOM元素,也不会出现在父组件中,作为标签使用 包裹在需要缓存的组件中
注意:
1. include 字符串
CSS3渐变 阴影 遮罩
1. CSS3渐变
渐变: 有规律的渐渐变化,在前端中通常指颜色的变化的实现方式. 通常使用在所有接受图像的属性上.(替代图片),意义是创建一张图片
gradient可以应用在所有接受图像的属性上
1.1 分类:
线性渐变(linear-gradient)变化的方向是一条直线
径向渐变(radial-gradient)变化的方向是从圆心向四周运动运动
1.2. 线性渐变 (linear-gr
NestJS 核心揭秘:InstanceWrapper 的艺术与前端缓存新思路
文章目录
概述
第一部分:深入幕后——NestJS 的“实例管家” InstanceWrapper
一、核心职责:不止于封装
二、关键属性解构(增强版)
三、一个实例的生命旅程
第二部分:灵感跨界——构建前端页面的“InstanceWrapper”缓存层
一、设计哲学:前端数据包装器
作业分析:基于多数据源抽象与响应式前端的医院HIS系统设计与实现(下)
附录:完整核心演示代码
以下是可以直接运行的完整核心演示代码(index.html),它构成了本文所有讨论的基础。<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width
【大模型理论篇】MCP协议中sse、stdio、streamable_http含义
1. 背景在 MCP(Model Context Protocol)中,stdio、SSE、Streamable HTTP 是三种不同的 传输(transport)机制,用于在客户端(agent)与 MCP 服务器之间传递 JSON-RPC 消息、通知、响应等。不过,在最新
vite + vue3 多页面实战优化续集:eslint+lint-staged+husky+stylelint
目的:项目投入使用发现很多使用起来不舒服的地方,进行优化
注意!!!:最新的一次创建项目运行时候以及配置eslint部分出现了许多问题,可以结合最新的一篇vite+vue+ssg做官网 再记录一下项目创建结合起来查看是否有你遇到的问题
前提:在上一篇vite + vue3多页面配置记录references,loadEnv等中我详细记录了通过各种配置了解多页面项目。
结果:最终代码放到gitee这里
【Linux】从互斥原理到C++ RAII封装实践
📢博客主页: 📢欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正! 📢本文由 JohnKi 原创,首发于 CSDN🙉 📢未来很长,值得我们全力奔赴更美好的
Pinia进阶:优雅的setup(函数式)写法+封装
相信在座各位假如使用Vue生态开发项目情况下,对Pinia状态管理库应该有所听闻或正在使用,假如还没接触到Pinia,这篇文章可以帮你快速入门,并如何在企业项目中更优雅封装使用。
本文先给大家阐述如何去理解、使用Pinia,最后讲怎样把Pinia集成到工程中,适合大多数读者,至于研读Pinia的源码等进阶科普,会另外开一篇文章细述。另外,本文的所有demo,都专门开了个GitHub项目来保存,
