随笔分类 -  前端技术

摘要:使用方法: numToChinese(6542127); 阅读全文
posted @ 2019-02-18 17:20 赤い蝶 阅读(451) 评论(0) 推荐(0)
摘要:在iphone上面父级如果设置width 为 200% 的话, 子级的rem也会翻倍。 android上面就没有问题。 不知道是为啥 阅读全文
posted @ 2018-04-10 17:12 赤い蝶 阅读(762) 评论(0) 推荐(0)
摘要:webpack.config.js package.json 阅读全文
posted @ 2017-11-03 14:08 赤い蝶 阅读(284) 评论(0) 推荐(1)
摘要:神秘的 shadow-dom 浅析 说到 shadow-dom 可能很多人会很陌生。但是其实我们肯定碰到过,本文主要想简单介绍下 shadow-dom。下面直接进入正文。 shadow-dom 是什么 顾名思义, shadow-dom,直译的话就是 影子dom ?我觉得可以理解为潜藏在黑暗中的 DO 阅读全文
posted @ 2017-10-13 16:54 赤い蝶 阅读(296) 评论(0) 推荐(0)
摘要:导航条对于每一个Web前端攻城狮来说并不陌生,但是毛玻璃可能会相对陌生一些。简单的说,毛玻璃其实就是让图片或者背景使用相应的方法进行模糊处理。这种效果对用户来说是十分具有视觉冲击力的。 本次分享的主题:通过CSS3来制作类似下面的导航条和毛玻璃效果。 导航条是梯形形状的。 背景区域的毛玻璃效果。 把 阅读全文
posted @ 2017-09-13 10:33 赤い蝶 阅读(412) 评论(0) 推荐(0)
摘要:一、关于混合模式 熟悉PS的人都应该知道混合模式: SVG以及Canvas中也有混合模式,本质上都是一样的。 下面是一些常见的混合模式的算法: 维基上也有说明。有兴趣可以了解下。 本文内容则简单介绍CSS3出现了两个与混合模式有关的属性,mix-blend-mode和background-blend 阅读全文
posted @ 2017-05-25 21:56 赤い蝶 阅读(369) 评论(0) 推荐(0)