写博客是为了和过去以及未来的自己对话
“对任何渴望进步的人来说,写博客/文章/回答对自己的成长帮助都是巨大的。坚持写作的那一刻起,就已经开始受益。”
摘要: js的drag事件,如果结束拖拽的相对DOM的位置偏移初始开始拖拽时的相对DOM位置(一般如果没有在drag事件里面适应修改DOM的位置(比如修改frame的left,top),那么拖拽鼠标是一定会满足的这个条件的),那么会在松手的一瞬间将鼠标坐标重置到屏幕最左上角并触发drag时间,所以通过dra 阅读全文
posted @ 2025-01-31 16:02 sxb_sunday 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 实现一个可缩放并支持滚动的图片容器 在这篇博客中,我将介绍如何实现一个简单的交互功能:在一个 div 中放置一张图片,通过鼠标拖动操作实现图片缩放,并且在图片放大后,滚动条能够调整位置以查看被放大的部分。 以下是具体实现的代码和步骤。 功能概述 鼠标交互:当按下鼠标时记录初始位置;松开鼠标时,根据鼠 阅读全文
posted @ 2025-01-29 00:52 sxb_sunday 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 最近公司的内部系统开发遇到一个问题,需要实现跨窗口的不同画面的获取焦点问题模型如下: 画面A通过window.open打开了画面B和画面C,然后想在点击画面B的按钮的时候,跳转到画面C。正常考虑的应该是通过window.focus()去解决,但是这里发现window.focus()只有在打开这个画面 阅读全文
posted @ 2025-01-25 20:40 sxb_sunday 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 0.最近学习需要,下载了anki的安卓端,但是在使用选择题的卡片模板的时候,遇到了bug(因为这个软件免费,所以作者也没有花很多时间维护吧=_=.IOS端是没有这个bug的,但是IOS需要128软妹币,好贵。。)。 1.bug内容:这个卡片模板,正面是题干和选项,点击显示答案之后,会显示卡片背面,背 阅读全文
posted @ 2024-10-20 22:11 sxb_sunday 阅读(62) 评论(0) 推荐(0) 编辑
摘要: 以下内容针对在IE11浏览器的情况,其他edge,chrome可能有些微差别。 GIF文件本质上是一个包含多帧静态图片的动画文件。当GIF播放时,浏览器只需按顺序显示这些帧,从而产生动画效果。 GIF动画帧切换过程: 解码GIF文件:当GIF被加载时,浏览器会解码GIF文件,提取出每一帧的图像数据。 阅读全文
posted @ 2024-09-01 21:32 sxb_sunday 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 对于响应头中没有指定缓存策略的资源(图片,js,css等),浏览器默认会缓存,当再次请求这些资源的时候,会优先从缓存中获取,缓存命中且在有效期内的话,则不会发出请求,缓存命中但超过有效期,这时候会和服务器协商缓存(此部分内容本文不做解析)。 默认缓存策略是启发式缓存,缓存有效时间的计算式:(请求时间 阅读全文
posted @ 2024-08-30 14:59 sxb_sunday 阅读(243) 评论(0) 推荐(0) 编辑
摘要: Windows上使用Docker需要开启支持虚拟机平台,开启Hyper-V(Windows自带虚拟化平台)服务。 管理者执行CMD命令 开启 bcdedit /set hypervisorlaunchtype off 关闭 bcdedit /set hypervisorlaunchtype auto 阅读全文
posted @ 2024-07-29 19:28 sxb_sunday 阅读(243) 评论(0) 推荐(0) 编辑
摘要: 直接上dockerfile代码 1 FROM centos:centos7.9.2009 2 RUN yum install -y wget && \ 3 wget https://dev.mysql.com/get/mysql80-community-release-el7-11.noarch.r 阅读全文
posted @ 2024-05-04 13:23 sxb_sunday 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 最近在使用若依框架,想在本地起服务,但是又不想在电脑上安装很多环境,所以把redis服务放在了docker容器里,记录一下怎么在docker的linux容器下,安装并启动redis服务。 0.先检查一下现在系统下有没有redis的yum源 yum install redis 正常是没有的 1.下载e 阅读全文
posted @ 2024-05-04 03:16 sxb_sunday 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 今天遇到一个奇怪的问题,我的代码里面明明没有任何地方发出HEAD请求,但是log却有一个请求HEAD方法失败的记录,因为我服务端没有定义HEAD方法。 后面查看apache的log知道是用户从Excel点击网址的超链接的时候,Excel发出了一个本应该是GET请求的HEAD请求,应该是Excel的某 阅读全文
posted @ 2024-05-01 20:48 sxb_sunday 阅读(23) 评论(0) 推荐(0) 编辑