缓存 页面
使用js进行页面跳转
场景 vue项目,vite配置了基本路径前缀/h5 在页面内，通过js进行页面跳转 问题 使用window.location.href = '目标地址'，结果发现实际跳转地址会变成本地地址前缀+目标地址，e.g. https://loacalhost:9999/h5/www.baidu.com 解决 ......
缓存双写一致性之更新策略探讨
缓存双写一致性之更新策略探讨 面试题 上面业务逻辑你用java代码如何写？ 你只要用缓存，就可能涉及到Redis缓存与数据库双存储双写，只要是双写就一定会有数据一致性的问题，那么如何解决？ 双写一致性，你先动缓存Redis还是数据库MySQL？Why？ 延时双删你做过吗？会有哪些问题？ 有这么一种情 ......
微信小程序循环展示数据，选中将参数传递至js，由js传递至另外一个页面
关键词：微信小程序、页面切换、参数传递、页面切换时的参数传递。 1、页面1的 wxml：循环展示数据，并选中，将参数传递至js <block wx:for="{{caselist}}" wx:for-item="item" style="display: flex;"> <view class="i ......
html/css让底部在页面最下面
html { position: relative; min-height: 100%;}body { <!-- 你底部div的高度 --> margin-bottom: 100px;}footer { position: absolute; bottom: 0; width: 100%; <!-- ......
【UniApp】-uni-app-项目实战页面布局(苹果计算器)
前言 经过前面的文章介绍，基本上 UniApp 的内容就介绍完毕了 那么从本文开始，我们就开始进行一个项目的实战 这次做的项目是苹果计算器，这个项目的难度不是很大，但是也不是很简单，适合练手 创建项目 打开 HBuilderX，点击左上角 文件 -> 新建 -> 项目： 搭建基本布局 项目创建完毕之 ......
chrome://inspect/#devices调试方法及页面白屏解决
1.数据线链接电脑，如果没有数据线，安卓调试可以通过Android Studio 使用WIFI连接手机调试 2.电脑打开链接 chrome://inspect/#devices会看到如下界面 如果Remote Target这块没有出现手机的链接，需要在手机上打开开发者模式 3.打开开发者模式，华为手 ......
keycloak~从login-status-iframe页面总结如何跨域传值
login-status-iframe.html是keycloak为我们提供的一种检测用户登录状态的页面，它要求用户对接的系统通过iframe进行嵌入，然后通过window.addEventListener去订阅子页面的信息。 提示： 所有 HTML DOM 事件，可以查看我们完整的https:// ......
博客园美化页面(用于笔记)
记录一下博客园美化页面.(皮肤为Geek) 1.打开博客后台->设置 2.设置博客皮肤为 "Custom" 3.勾选禁用默认CSS样式 5.添加加载动画 a.复制如下代码粘贴到【页首 HTML】 <div id="loading"><div class="loader-inner"></div></ ......
使用Docker和Nginx部署单页面应用
使用Docker和Nginx部署单页面应用 一、简介 1.背景 Docker 是一个容器引擎，它使用 Linux 内核功能（如命名空间和控制组）在操作系统之上创建容器 Docker Compose是一个命令行工具，可以简化容器镜像的构建以及容器的运行，将命令行的选项翻译成配置文件 Nginx是一个高 ......
Spring三级缓存和循环依赖
2023年12月22日17:02:18 今天咪宝想买迪士尼娃娃，但是我买不起，还得加油。 Spring Bean注入方式有至少3种， 1. 构造方法注入 2.set方法注入（@Autowired） 3.prototype多例bean注入 构造器注入和prototype注入的循环依赖会直接报错，set ......
csharp使用ChromiumWebBrowser页面出现黑边和鼠标偏离问题
问题的原因是显示器同ChromiumWebBrowser的分辨率不一致，可在初始化时调用 EnableHighDPISupport 来解决： // 初始化配置 CefSettings settings = new CefSettings(); Cef.Initialize(settings); Ce ......
若依关闭页签不会销毁 keep-alive 缓存的组件
问题场景 使用 keep-alive 缓存的组件。离开该页签时，组件状态为 inactive；点击该页签时，组件状态为 active。 点击按钮关闭该页签 this.$tab.closePage(view)，该组件被销毁。 需求：在页面A中删除数据B，则之前点击数据B打开的页签C会被关闭（使用 th ......
使用代码生成工具快速开发应用-结合后端Web API提供接口和前端页面快速生成，实现通用的业务编码规则管理
在前面随笔《在Winform应用中增加通用的业务编码规则生成》，我介绍了基于Winform和WPF的一个通用的业务编码规则的管理功能，本篇随笔介绍基于后端Web API接口，实现快速的Vue3+ElementPlus前端界面的开发整合，同样是基于代码生成工具实现快速的前端代码的生成处理。 ......
动态给div赋值高，使页面高度100%
import { ref, onMounted, onUnmounted, computed, nextTick } from 'vue' const boxRef = ref() const searchBoxRef = ref() const tableBoxHeight = ref(0) co ......
彻底清除Chrome、Firefox、Edge、Safari等浏览器的缓存文件
浏览器的缓存，是存储在硬盘驱动器或手机/平板电脑存储中的网页集合。缓存包括你访问过的网页上包含的文本、图像和大多数其他媒体。 拥有网页的本地副本可以在下次访问时快速加载，因为你的计算机或移动设备不必再次从互联网下载。然而，随着时间的推移，缓存可能会占用计算机存储的很大一部分。 为什么必须清除缓存 你 ......
微服务广播模式实践：维护内存数据的缓存一致性
本文分享自华为云社区《微服务广播模式实践》，作者：张俭 。 微服务广播模式，指的是在微服务多实例部署的场景下，将消息广播到多个微服务实例的一种模式。 广播模式，一般用来维护微服务的内存数据，根据数据类型的不同，有助于解决两类问题。通常广播模式会使用支持发布订阅的消息中间件实现（如Redis、Kafk ......
vue3--h5页面中判断在支付宝环境还是微信环境
支付宝： navigator.userAgent.indexOf('AliApp') > -1 环境变量： navigator.userAgent "Mozilla/5.0......AlipayDefined(nt:WIFI,ws:320|504|2.0) AliApp(AP/9.6.0.0000 ......
系统设计-缓存篇
缓存：数据库成为瓶颈后，动态数据的查询要如何加速？ 缓存可以有多层，比如上面提到的静态缓存处在负载均衡层，分布式缓存处在应用层和数据库层之间，本地缓存处在应用层。我们需要将请求尽量挡在上层，因为越往下层，对于并发的承受能力越差； 缓存命中率是我们对于缓存最重要的一个监控项，越是热点的数据，缓存的命中 ......
分布式缓存NewLife.Redis
NewLife.Redis 是一个Redis客户端组件，以高性能处理大数据实时计算为目标。 Redis协议基础实现位于Redis/RedisClient，FullRedis为扩展实现，主要增加列表结构、哈希结构、队列等高级功能。 源码： https://github.com/NewLifeX/New ......
记录一次由nginx配置引发出来的一系列的缓存问题
问题描述： 在做一个企业微信的移动端项目时，每次修改代码后并且打包、部署完毕，再次打开页面总是会有上一次的缓存，一开始以为是cookie和webStorage缓存导致的，然后每次清除还是有缓存，后来把企业微信本身的缓存清除了之后再重进才有效果 问题推理：如果每次打开是上一次的缓存，那可能就是inde ......
Windows：域名文件和域名缓存刷新
域名文件 文件的路径：C:\Windows\System32\drivers\etc\hosts，可以根据需要在此文件中手动添加静态域名和IP的映射关系。 # Copyright (c) 1993-2009 Microsoft Corp. # # This is a sample HOSTS fil ......
vue3 + xlsx 实现 excel 导入web页面解析成json数据
vue3 + xlsx 实现 excel 导入web页面并解析成json数据 fileIipt 动态创建的标签，一定要用户点击事件触发，不然文件选择框的弹出会被拦截，无法弹出。意思就是下面这段关键代码要用一个事件区触发执行，不能主动执行（比如：vue的钩子） import * as XLSX fro ......
uniapp返回上一个页面
在 UniApp 中返回上一个页面，你可以使用 uni.navigateBack() 方法来实现。 uni.navigateBack() 方法用于导航返回上一页，你可以传递一个可选的参数来指定返回的步数。如果不传递参数，则默认返回上一页。 下面是一个示例代码，演示如何在 UniApp 中返回上一个页 ......
《Java架构师的第一性原理》32分布式计算之分布式缓存第3篇LevelDB
互联网业务，绝大部分场景，会使用缓存服务。 但有时候，确实会使用到进程内存缓存/数据库，这个时候，LevelDB就能派上用场了。啥是LevelDB？LevelDB是Google开发的，一个速度非常块的KV存储库(storage library)，它支持字符串的key与字符串的value，并且这种映射 ......
《Java架构师的第一性原理》32分布式计算之分布式缓存第1篇如何使用Redis搭建玩家排行榜
今天我们用 Redis 搭建一个玩家的排行榜，假设一个服务器存储了 10 万名玩家的数据，我们想给这个区（这台服务器）上的玩家做个全区的排名，该如何用 Redis 实现呢？ 不妨一起来思考下面几个问题： MySQL 是如何实现玩家排行榜的？有哪些难题需要解决？ 如何用 Redis 模拟 10 万名玩 ......
Spring Boot —— Caffeine（内存缓存器）
项目中需要用一个替代concurrenthashmap 能够帮忙过期或者防止一直put oom所以使用 优点内存管理优化Caffeine 使用了一种基于堆外内存的存储模型，通过直接内存访问，避免了 Java 堆内存的垃圾回收开销。这种内存管理优化可以减少垃圾回收对应用性能的影响，提供更高的缓存读写性 ......
缓存：系统设计中至关重要的一环
什么是缓存？ 缓存就像是一个超快速的存储区域，保存了计算机或手机经常使用的内容的副本，这样可以在不访问较慢的主存储器的情况下快速获取。 一个现实中的例子可以是，每当我们购买杂货时，通常会倾向于大量购买，这样可以让杂货多存放一段时间，避免频繁去市场购买，这其实就是将杂货缓存在我们附近，而不是每次都从市 ......
页面保活实现思路
1. 页面保活应用场景 列表页面跳转到详情页面，要保留列表页面分页后的页码，搜索到的数据，搜索键值，高亮状态，甚至是页面上其他表单的内容等。 2. 页面保活实现思路 2.1 不跳转 用抽屉或模态框编辑详情，不离开列表页，最佳 2.2 vue单页面 可以使用 <KeepAlive> 组件缓存页面。配合 ......
分布式缓存
单点redis的问题 数据丢失问题：Redis是内存存储，服务重启可能会丢失数据。解决：数据持久化 并发能力问题：单节点并发能力不足。解决：主从集群，读写分离。 故障恢复：需要自动的故障恢复手段。解决：Redis哨兵，实现健康检测和自动恢复。 存储能力问题：单节点Redis难以满足海量数据存储。解决 ......
uniapp开发——未登录登录失效页面登录后页面回调的处理
刚开始默认沿用了前边小程序的做法，即在单击事件或者onHide函数中缓存标识，onShow中读取标识，对必要的业务逻辑进行重新请求。具体代码如下： 微信小程序登录后页面回调的处理方案： 1.缓存回调刷新标识： 单击事件中设置： methods:{ onSubmit(){ this.setData({ ......