摘要： 解决办法 1.编写代码的时候，元素之间不要换行。 2.设置父元素的font-size为0或line-height为0。 3.设置元素的vertical-align属性为baseline以外的值。 阅读全文

摘要： 当有连续多个name属性设置为包含某些浏览器敏感单词时，浏览器会无视off的设定。这次遇到的单词是fullname 举例来说，第一个input的name属性值是firstname，第二个input属性值是fullname，那么第一个会提示补全信息，并且同时会补全第二个的值。 阅读全文

摘要： 需要修改selinux安全策略，详细内容后续补充。 阅读全文

摘要： js的drag事件，如果结束拖拽的相对DOM的位置偏移初始开始拖拽时的相对DOM位置(一般如果没有在drag事件里面适应修改DOM的位置(比如修改frame的left，top)，那么拖拽鼠标是一定会满足的这个条件的)，那么会在松手的一瞬间将鼠标坐标重置到屏幕最左上角并触发drag时间，所以通过dra 阅读全文

摘要： 实现一个可缩放并支持滚动的图片容器 在这篇博客中，我将介绍如何实现一个简单的交互功能：在一个 div 中放置一张图片，通过鼠标拖动操作实现图片缩放，并且在图片放大后，滚动条能够调整位置以查看被放大的部分。 以下是具体实现的代码和步骤。 功能概述 鼠标交互：当按下鼠标时记录初始位置；松开鼠标时，根据鼠 阅读全文

摘要： 最近公司的内部系统开发遇到一个问题，需要实现跨窗口的不同画面的获取焦点问题模型如下： 画面A通过window.open打开了画面B和画面C，然后想在点击画面B的按钮的时候，跳转到画面C。正常考虑的应该是通过window.focus()去解决，但是这里发现window.focus()只有在打开这个画面 阅读全文

摘要： 0.最近学习需要，下载了anki的安卓端，但是在使用选择题的卡片模板的时候，遇到了bug（因为这个软件免费，所以作者也没有花很多时间维护吧=_=.IOS端是没有这个bug的，但是IOS需要128软妹币，好贵。。）。 1.bug内容：这个卡片模板，正面是题干和选项，点击显示答案之后，会显示卡片背面，背 阅读全文

摘要： 以下内容针对在IE11浏览器的情况，其他edge，chrome可能有些微差别。 GIF文件本质上是一个包含多帧静态图片的动画文件。当GIF播放时，浏览器只需按顺序显示这些帧，从而产生动画效果。 GIF动画帧切换过程： 解码GIF文件：当GIF被加载时，浏览器会解码GIF文件，提取出每一帧的图像数据。 阅读全文

摘要： 对于响应头中没有指定缓存策略的资源（图片，js，css等），浏览器默认会缓存，当再次请求这些资源的时候，会优先从缓存中获取，缓存命中且在有效期内的话，则不会发出请求，缓存命中但超过有效期，这时候会和服务器协商缓存（此部分内容本文不做解析）。 默认缓存策略是启发式缓存，缓存有效时间的计算式：（请求时间 阅读全文

摘要： Windows上使用Docker需要开启支持虚拟机平台，开启Hyper-V（Windows自带虚拟化平台）服务。 管理者执行CMD命令 开启 bcdedit /set hypervisorlaunchtype off 关闭 bcdedit /set hypervisorlaunchtype auto 阅读全文