使用CSS滤镜和混合模式可以实现很多很酷的图像处理效果,但是处理后的美图用户无法下载,也无法上传,因为此时的图片资源还是原图,有没有什么方法可以得到CSS技术处理后的图像呢?
CSS实现平行四边形布局效果
2019年04月20日 by 阅读 32986 次, 今日 5 次本文主要介绍平行四边形布局的实现效果,使用了一种可能你没用过,但实际项目中可以实践的新的CSS布局方式。
CSS scroll-snap滚动事件停止及元素位置检测
2019年04月20日 by 阅读 33129 次, 今日 10 次CSS Scroll Snap是个非常好用的特性,可以让滚动停止的时候,无需任何JS代码,自动平滑定位到指定元素的指定位置。但实际开发的时候,发现很多场景还需要知道滚动什么时候停止,以及到底滚动到哪个元素上,浏览器目前还没有原生的方法支持,需要我们使用JS进行辅助处理……
如何disabled禁用所有表单input输入框元素
2019年04月5日 by 阅读 30012 次, 今日 3 次经常会遇到需求,需要禁用div中或者form元素中一堆表单控件元素,那有没有什么简单方法轻松禁用所有表单元素呢,而且是真正意义上的禁用呢?
伪类匹配列表数目实现微信群头像CSS布局的技巧
2019年03月11日 by 阅读 34001 次, 今日 6 次子元素数量不同布局效果也不一样,这样的需求还比较常见,其中借助CSS伪类,我们可以纯CSS判断子元素项的个数,从而智能实现我们需要的布局,无需额外的标签指定,很有意思。
DOM小测28期 – DOM节点文档前后位置判断
2019年03月2日 by 阅读 18644 次, 今日 8 次本题主要考察如何判断DOM节点文档前后位置,父子关系等。我看了下最后的回答,近9成的回答使用了非常啰嗦的方法,比例之高,实在出乎意料。实际上,本题答案只需寥寥数行,因为有原生的API,contains()
可以判断节点是否有包含关系;compareDocumentPosition()
可以判定任意位置关系。
深入Node.compareDocumentPosition API
2019年03月2日 by 阅读 20505 次, 今日 5 次Node.compareDocumentPosition()方法可以用来对比两个HTML节点在文档中的位置关系,包括前后,父子,自身以及跨文档。不仅是DOM节点,文本节点,注释节点甚至属性节点的位置关系都可以判定,很强。
link rel=alternate网站换肤功能最佳实现
2019年02月25日 by 阅读 55754 次, 今日 12 次大多数前端开发人员实现网站换肤功能要么使用一个全局class控制样式切换,要么改变皮肤link元素的href地址。实际上,浏览器中有HTML属性原生支持网站换肤功能,兼容性好,语义化,体验也好,可谓是换肤功能最佳实现了。
使用document.scrollingElement控制窗体滚动高度
2019年02月22日 by 阅读 48967 次, 今日 6 次介绍一个更加兼容、更加标准的设置窗体滚动高度的方法,那就是document.scrollingElement,兼容性足矣在实际项目中应用。JS基础API,人人必须了解的特性,学到就是赚到。