最近，在 Steam 玩一款老游戏（生化危机 4 重置版），其中，每当游戏转场的过程中，都有这么一个有趣的 Loading 动画： 整个效果有点类似于日食效果，中间一圈黑色，向外散发着太阳般的光芒。 本文，我们将尝试使用 CSS，还原这个效果。 整个效果做出来，类似于如下两个动画效果这样： 实现主体
日常开发中，我们经常使用锁或者其他同步器来控制并发，那么它们的基础框架是什么呢？如何实现的同步功能呢？本文将详细用白话讲解构建锁和同步器的基础框架--AQS，并根据源码分析其原理。
目录EFK1. 日志系统2. 部署ElasticSearch2.1 创建handless服务2.2 创建sts3. 部署kibana4. 部署ilogtail（docker-compose）4.1 编写docker-compose4.2 配置ilogtail采集4.3 查看容器采集的日志4.4 采集
前言 日常Bug排查系列都是一些简单Bug的排查。笔者将在这里介绍一些排查Bug的简单技巧，同时顺便积累素材。 Bug现场 线上连续两天出现NP异常，而且都是凌晨低峰期才出现，在凌晨的流量远没有白天高峰期大。而出问题的接口又是通常的业务请求。于是，很自然的，我们就想凌晨有什么特殊的运维动作，翻了下时
Web 性能是 Web 开发的一个重要方面，侧重于网页加载速度以及对用户输入的响应速度 通过优化网站来改善性能，可以在为用户提供更好的体验 网页性能既广泛又非常深入 1. 为什么性能这么重要？ 1. 性能关乎留住用户 性能对于任何在线业务都至关重要 与加载速度缓慢、让人感觉运行缓慢的网站相比，加载速...
以用户为中心的性能指标是理解和改进站点体验的关键点 一、以用户为中心的性能指标 1. 指标是用来干啥的？ 指标是用来衡量性能和用户体验的 2. 指标类型 感知加载速度：网页可以多快地加载网页中的所有视觉元素并将其渲染到屏幕上 加载响应速度：页面加载和执行组件快速响应用户互动所需的 JavaScrip...
日常Bug排查-MVCC和for update混用导致读数据不一致 前言 日常Bug排查系列都是一些简单Bug的排查。笔者将在这里介绍一些排查Bug的简单技巧，同时顺便积累素材。 Bug现场 又是喜闻乐见的读数据不一致的问题。这次的问题是这样，业务在一个事务中更新A和B两个表的两个数据。但是在另一个
最近在做鼠标框选的需求，鼠标框选就需要用到 Range 和 Selection 对象。 Range 表示选择的区间范围，Selection 表示选择的文档内容。 Range 接口表示一个包含节点与文本节点的一部分的文档片段。 不仅仅可以用于鼠标框选，页面上任何元素、文本都可以创建 Range。 Se...
用户在页面访问时发送数据到后台，页面关闭时也发送数据到后台。 第一次进入页面时触发页面访问 刷新当前页面时触发页面访问 新 tab 进入页面时触发页面访问 当前页面点击 nav 进入其他模块时，触发页面关闭&页面访问 关闭页面时触发页面关闭
当用户进行鼠标框选选择了页面上的内容时，把选择的内容进行上报。 分为以下几点： 选择文案时 选择图片、svg、iframe、video、audio 等标签时 选择 input、select、textarea 等标签时 选择input、textarea 标签内容时 选择类似 字符时 键盘全选时 鼠...
日常Bug排查-偶发性读数据不一致 前言 日常Bug排查系列都是一些简单Bug的排查。笔者将在这里介绍一些排查Bug的简单技巧，同时顺便积累素材。 Bug现场 业务场景 先描述这个问题出现的业务场景。这是一个支付的场景，如果支付成功了，我们就把支付状态置为success(主单据更新)同时写入支付成功
ECMAScript 2024 新特性 ECMAScript 2024, the 15th edition, added facilities for resizing and transferring ArrayBuffers and SharedArrayBuffers; added a new
日常Bug排查-连接突然全部关闭 前言 日常Bug排查系列都是一些简单Bug的排查。笔者将在这里介绍一些排查Bug的简单技巧，同时顺便积累素材。 Bug现场 最近碰到一个问题，一台机器上的连接数在达到一定连接数(大概4.5W)连接数之后会突然急速下降到几百。在应用上的表现就是大量的连接报错，系统失去
背景信息 随着数字化新时代的全面展开以及 5G 与物联网（IoT）技术的迅速普及，操作系统正面临前所未有的变革需求。在这个背景下，华为公司自主研发的鸿蒙操作系统（HarmonyOS）应运而生，旨在满足万物互联时代的多元化设备接入、高效协同和安全可靠运行的需求。 HarmonyOS 不仅着眼于智能手机
[日期：2020-05-14] 来源：Linux公社 作者：醉落红尘 [字体：大 中 小] grep是一个功能强大的命令行工具，可让您在一个或多个输入文件中搜索与正则表达式匹配的行，并将每个匹配的行写入标准输出。 在本文中，我们将向您展示如何使用GNU grep搜索多个字符串或模式。 Grep多种模
[日期：2020-05-14] 来源：Linux公社 作者：醉落红尘 [字体：大 中 小] grep命令是(global regular expression print，全局正则表达式输出)的缩写，它是Linux中功能最强大且最常用的命令之一。 grep在一个或多个输入文件中搜索与给定模式匹配的行
日常测试进行beans比较的简单方法 摘要 想每天把有变化的bean抓取出来有新增的beans时能够及时进行分析和介入 保证beans 都是符合规范的. 方式和方法 开启actuator 打开beans 查看里面的对象信息. 然后定义一个baseline 每天更新完补丁 启动完后再拉取排序一下. 查
# 日常工作效率倍增器-软件篇 ## 背景 ``` 公司电脑带不走了. 虽然是一个很垃圾的HP的笔记本. 但是里面有非常多我这边收集的很多工具软件. 今天一直在折腾他. 想着总结一下自己用到的一些软件. 着实能提高工作效率的. ``` ## 1.ditto ``` ditto 是意大利语 "同上"的
日常•2022年5月29日 goofys编译 goofys是一个开源的使用Go编写的s3存储桶挂载工具，主打高性能。由于使用Go编写，没有用到什么特别的依赖，自己编译也很容易。截止2022.5.27，官方github仓库貌似一直有提交，但是提供的预编译安装包貌似只到2020年4月，而且只有x86版本
日常工作中，有时我们会遇到需要地图来展示我们的数据场景，利用POWERBI，我们可以快速的制作自己的业务地图。 Powerbi自带了三大地图，今天我们用到的是形状地图。 步骤讲解： 第一步：下载对应的地图资源，可以是全国的，也可以是具体省市的，这个根据我们的具体业务来进行选择。 http://dat
