随笔分类 -  前端技术

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