前端

2025-0xgame-web全解

week1RCE1考点:或运算构造system<?php error_reporting(0); highlight_file(__FILE__); $rce1 = $_GET['rce1']; $rce2 = $_POST['rce2']; $real_code = $_POST['rce3']; $p

判断iframe链接页面 服务器状态

项目要求: 通过按钮点击事件,使用iframe来显示不同的内容(跨域)。 问题: iframe链接内容的服务器未开启的时候,页面显示404, 用户体验太差。 要求: 服务器未开启的时候,显示页面需要友好。 解决办法:通过计算iframe的加载内容的时间,做超时判断,如果5s内未加载完成,就认为此时iframe链接的服务器未开启; 未开启的情况下,给iframe上层覆盖个div(内容自定义)。这样既

vue3 + tsx 的几种写法(完整版)

环境介绍:Nodejs:14.18.0、Vite:2.7.10、Vue:3.2.26、依赖安装采用pnpm。 第一部分:环境搭建 一、使用 pnpm创建一个vite程序 $ pnpm create vite 二、安装vite插件:@vitejs/plugin-vue-jsx $ pnpm i @vitejs/plugin-vue-jsx 三、在vite.config.js加入jsx配置 //

C++_哈希

1. unordered系列关联式容器        在C++98中,STL提供了底层为红黑树结构的一系列关联式容器,在查询时效率可达到$log_2 N$,即最差情况下需要比较红黑树的高度次,当树中的节点非常多时,查询效率也不理想。最好 的查询是,进行很少的比较次数就能够将元素找到,因

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

一、keep-alive是什么? <keep-alive>是vue内置的一个组件,能在组件的切换的过程中将状态保留在内存中,防止重复渲染DOM 包裹动态组件的时候,会缓存不活动的组件实例,而不是销毁他们! <keep-alive>是一个抽象组件:它自身不会渲染一个DOM元素,也不会出现在父组件中,作为标签使用 包裹在需要缓存的组件中 注意: 1. include 字符串

深度复盘: WebGL 数字孪生前端架构:如何打造高颜值、高性能的 Web 3D 可视化系统

🚀 前言在企业级数字孪生(Digital Twin)项目中,**“前端可视化表现”**往往决定了项目的成败。很多项目后台数据很稳,但前端渲染卡顿、模型丑陋、交互生硬,最终导致无法交付。作为一名专注于 Web 3D 呈现与前端可视化 的开发者,我认为:让数据“好看”且“好用”&#xff

深入理解 HTML5 Web Workers:提升网页性能的关键技术解析

深入理解 HTML5 Web Workers:提升网页性能的关键技术解析 引言 1. 什么是 Web Workers? Web Workers 的特点: 2. Web Workers 的使用方式 2.1 创建一个 Web Worker 步骤 1:创建 Worker 文件 步骤 2:在主线程中调用