前端

vue使用keep-alive实现页面前进刷新,后退缓存,完美运行无bug

vue中,我们有时候需要实现这种场景: 1.搜索页面到列表页面,需要刷新重新获取数据。 2.从详情页面返回列表页面需要记住上次浏览的状态。具体流程如下: 效果图 第一步:在路由配置文件中为列表页设置meta参数,里面包含useCatch和keepAlive { path: "/sportPrdtList", name: "sportPrdtList",

记录项目中遇到的坑(三)兼容IE浏览器

做PC端项目,有时候需要兼容IE浏览器,所以很多写法都要改变,以下是个人总结的一些写法(兼容到IE8) PS:项目是通过引入 vue.js 的vue项目,new Vue({ el:'#app' })的形式,不使用脚手架。 1.为了保证引入的js文件不会因官网更新而导致页面出现问题,所以将使用的js和css等文件下载保存到项目中 2.方法都要写成 function:(){

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配置 //

前端大数据导出优化:解决Chrome内存崩溃的实战方案

个人名片 🎓作者简介:java领域优质创作者 🌐个人主页:码农阿豪 📞工作室:新空间代码工作室(提供各种软件服务) 💌个人邮箱:[2435024119@qq.com] 📱个人微信:15279484656 &#x1f310

深夜惊雷!阿里开源新模型碾压Sora:消费级显卡跑出AI顶流性能

一、技术核爆:三项突破改写游戏规则在GitHub开源代码库中,"通义千问3.0"的技术文档披露了三个震惊业界的创新点:1. 动态神经元剪枝技术 通过实时监测神经网络各层的激活状态,该模型可自动裁剪冗余参数。实验数据显示,在图像生成任务中,模型体积较GPT-4减少72%的同时保持98%的画质表现。更关

2025-0xgame-web全解

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

遇到即记之ngrok--免费HTTPS、本地开发调试、Webhook测试必备工具

ngrok内网穿透工具详解 工具: ngrok - 内网穿透解决方案 用途: 将本地服务暴露到公网,实现临时公网访问 适用场景: 开发调试、Webhook测试、临时演示、移动端测试、HTTPS测试 📑 目录 什么是ngrok? 核心功能 使用场景 优缺点分析 安装和使用 代码开发中的应用 安全注意事项 与其他工具对比 常见问题 最佳实践 总结

补充「多轮对话场景5 个具体的 Prompt 迭代示例」 以及「生成前端 Prompt 工程思维导图」(可视化核心要点)

文章目录 一、多轮对话 Prompt 迭代示例(5 个高频场景) 场景 1:React 数据表格开发 场景 2:Vue 表单验证 场景 3:JS 工具函数开发 场景 4:移动端页面适配 场景 5:小程序列表优化 二、前端 Prompt 工程思维导图(可视化核心要点&#

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

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