棉花没有糖的博客

关于html拖拽的记录

网上尝试方案：1.image-rendering: pixelated; // 像素化，出现锯齿状，pass2.image-rendering: crisp-edges; // 无效3.只设置width // 无效，还是会模糊最终解决方案：width: 100px;height: 200px;object-fit: cover;关于很多人分不清object-fit各个参数的效果，其实根据单词含义能推测出来：原图：1.fill：充满拉伸图片达到设置的宽高（在contain的基础下，哪

1.backdrop-filter使用方法：当前页面使用，适用于当前元素背后的所有元素backdrop-filter: blur(5px);缺点：安卓兼容性不佳2.filter使用方法：背后页面使用，适用于当前元素filter: blur(5px);缺点：会有一圈白边，因为模糊图片边缘会使body的背景色透出来，而body一般是白底的。解决方法如下对于小图：给包含它的父元素添加一个 overflow: hidden对于背景图：a.如果不需要考虑细节，把图片比例调大一点：f

由于需求要求图片居中显示，同时要有图片加载错误的处理，所以排除了css的background-position方法html代码：<img src="' + cover + '" onerror="this.src=assets/pro-ping.png;" onload=imgOnload(this) />js代码：function imgOnload(e) { conso...

关于为什么要用iframe，主要是因为几个页面有一个共同的导航栏，为了防止代码重复所以使用了iframe。1.iframe父子页面DOM访问从父页面直接访问子页面的DOM和从子页面直接访问父页面的DOM都是找不到的，由于我比较习惯用IQ所以以下代码都是JQ语句1.1 如何在父页控制子页面的DOM父页面js：$("iframe").contents().find(".子页面DOM节...