前端

Vue3核心源码解析 (五) : 内置组件<keep-alive>

  &lt;keep-alive&gt;是Vue.js的一个内置组件,可以使被包含的组件保留状态或避免重新渲染。下面来分析源码runtime-core/src/components/KeepAlive.ts的实现原理。   在setup方法中会创建一个缓存容器和缓存的key列表,其代码如下: setup(props: KeepAliveProps, { slots }: SetupContex

Jeptpack Compose 官网教程学习笔记(三)状态

状态 在Jetpack Compose中状态可以是随时间变化的任何值,可以是从数据库中的值到类的变量 Android 应用中的一些状态示例: 根据网络情况显示的信息提示控件 文章和相关评论 点击按钮时播放的涟漪动画 倒计时显示控件 主要学习内容 什么是单向数据流 如何看待界面中的状态和事件 如何在 Compose 中使用架构组件的 ViewModel 和 LiveData 管理状态 Co

vue的自定义指令

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

浅谈WebGL

WebGL(Web Graphics Library )是一种 3D 绘图标准,这种绘图技术标准 允许把 JavaScript 和 OpenGL ES 2.0 结合在一起,通过增加 OpenGL ES 2.0 的 一个 JavaScript 绑定,WebGL 可以为 HTML5 Canvas 提供硬件 3D 加速渲染,这 样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示 3D 场景和

SpringBootWeb 篇-深入了解 ThreadLocal 存在内存泄漏问题

&#x1f525;博客主页&#xff1a; 【小扳_-CSDN博客】 ❤感谢大家点赞&#x1f44d;收藏⭐评论✍ 文章目录        1.ThreadLocal 概述        2.ThreadLocal 的主要缺点&#xff1a;        2.1 存在内存泄漏        2.2 为什么ThreadLocalMap 的 key 是弱引用&#xff1f;        2

CTFHUB-WEB技能树-SQL注入无官方wp部分wp

SQL注入布尔盲注一、题目内容二、布尔盲注介绍布尔盲注与普通注入的区别在于&#xff1a;注入语句后&#xff0c;盲注不是返回查询到的结果&#xff0c;而只是返回查询是否成功&#xff0c;即&#xff1a;返回查询语句的布尔值。因此&#xff0c;盲注要盲猜试错。由于只有返回的布尔值&#xff0c;往往查询非常复杂&#xff0c;一般使用脚本来穷举试错。盲注攻击思路&#xff1a;由于对数据

React学习之——条件渲染(个人笔记)

React 中没有像Vue中v-if这种指令。React 中的条件渲染和 JavaScript 中的一样,使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态,然后让 React 根据它们来更新 UI。 if运算符 function UserGreeting(props) { return &lt;h1&gt;Welcome back!&lt;/h1&gt;

vite + vue3多页面配置记录references,loadEnv等

目的:使用vite创建vue3项目记录细节点 上篇vue2/vue3 + webpack多页面遇到的问题和思考我们使用vue-cli搭建项目都是使用webpack打包的,现在对比一下vite感受一下极速开发体验 增:下一篇vite + vue3 多页面实战优化续集:eslint+lint-staged+husky+stylelint 第一部分:项目基础配置ts相关: lib, references

iframe的父子页面通信

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

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

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