前端

react-6-路由-2-嵌套路由-404

1. 前言 以前的文章路由都是5x路由配置,最近写个6x的,写完准备玩玩C,到时候在交流 因为现在脚手架默认安装的react也是18.x了 所以也注意哦 路由hook用法单独在写文章 react-router-dom 官网 英文的 有兴趣的可以自己看着学 接着 react-6路由-1-基础 2. 效果演示 效果图 演示.gif 下述逻辑按这个来实现

uni-app app端web-view通信

本文简介 点赞 + 关注 + 收藏 = 学会了 在 uni-app 或者 微信小程序 中,都有 web-view 组件。 该组件是一个浏览器组件,可以承载网页的内容。而且该组件是全屏的,会覆盖该组件之外的其他内容。 本文要讲解在 uni-app 中使用 web-view 怎么实现大量数据通信。 我所使用的是 Vue 3 语法。 web-view 数据通信方法 web-view 文档 web-

ofd.js 预览,网上贴的都是垃圾!!

注意:两种方式!!!!!!!!!!!! 注意注意asm模块需要初始化,函数onWebassemblyRuntimeInitialized需要先调用执行 1、直接调用openOFDBaseViewer ,用于超过100页的,1页也可以,有加载动画 onWebassemblyRuntimeInitialized(() => { openOFDBaseVi

vue中使用axios请求post接口,请求会发送两次

在vue中使用axios请求post接口,请求会发送两次 image.png image.png 所有跨域的js在提交post请求的时候,如果服务端设置了可跨域访问都会默认发送两次请求,第一次是预检请求,查询是否支持跨域,第二次才是真正的post提交。JS中出现这个现象原因在于你发送了一个非简单请求。 浏览器分为简单请求以及非简单请求: 跨域请求需要先发一次Option预

Istio 服务网格完全指南:从原理到实战

Istio 服务网格完全指南:从原理到实战 一篇文章带你彻底搞懂 Istio,从入门到精通 前言当你的微服务从 3 个变成 30 个,再变成 300 个时,你一定会遇到这些让人头疼的问题: 想做灰度发布?得改代码、改配置、重新部署,还得祈祷别出错 想知道服务 A 调用服务 B 的延迟&#xf

设计模式之观察者模式

1. 观察者模式 观察者模式(Observer Pattern) 观察者模式又叫作发布-订阅(Publish/Subscribe)模式、模型-视图(Model/View)模式、源-监听器(Source/Listener)模式或从属者(Dependent)模式 一对多的依赖关系,一个主题对象可被多个观察者对象同时监听,每当主题对象状态变化时,所有依赖它的对象都会得到通知并被自动更新 观察者模式

不仅是记忆:设计前端侧的AI对话历史存储与上下文回溯方案

不仅是记忆:设计前端侧的AI对话历史存储与上下文回溯方案在当前的大模型应用浪潮中,很多前端开发者切入AI领域的第一步往往是封装一个ChatGPT般的对话界面。起初,我们可能只是简单地将用户输入和AI回复Push到一个数组中,并在页面上渲染。然而,随着应用场景的深入,这种“玩具级”的架构很快就会面临严峻挑战。背景&#

Navigator.sendBeacon-页面关闭也能发送请求

背景 最近在需求中有一个这样的场景:需要在页面关闭的时候,用户不需要操作,主动关闭当前订单 当时考虑的方案:在页面关闭的时候,向后端发送一个请求,将这个资源释放掉; 定下方案时,觉得也不是什么难事,觉得谷歌浏览器应该会提供页面关闭的 API 供开发者使用。 经过查找,找到了这么两个 API :beforeunload 和 unload beforeunload 当浏览器窗口关闭或者刷新时,会触

iOS页面布局:UIScrollView的布局问题

一、简述 在iOS11以后的系统中UIViewController的automaticallyAdjustsScrollViewInsets这个属性过期弃用了不再建议使用了。系统推荐我们使用UIScrollView的contentInsetAdjustmentBehavior属性替代它。如果项目之前使用了self. automaticallyAdjustsScrollViewInsets = YE