2018年08月 存档

妙法攻略:渐变虚框及边框滚动动画的纯CSS实现

2018年08月30日,星期四

本文内容如题,介绍几个实现渐变虚线框的方法,介绍虚线滚动动画,实线滚动边框动画的实现,所有这些方法都是纯CSS实现,就算这些动画效果你实际项目用不到,但是其大开眼界的实现原理相信也会给你有所启示的。

一如既往,有demo实例,有源代码展示,和必要的截图,希望本文的内容能够对您的学习有所帮助。

阅读全文…

学习了,CSS中内联SVG图片有比Base64更好的形式

2018年08月19日,星期日

CSS内联SVG文章头图

难免的,我们需要在CSS中内联SVG图形,以前我都是把SVG文件转换成Base64格式然后内嵌,最近发现,这并不是最好的方法,最好的方法是使用部分转义的SVG原始代码,兼容IE9+,而且颜色什么的可以直接在CSS中修改。这种方法具体真容是什么?有兴趣可以进去看下。其中有个炸裂的SVG在线压缩合并工具,相信你会喜欢的。

阅读全文…

这回试试使用CSS实现抛物线运动效果

2018年08月11日,星期六

CSS抛物线文章缩略图

差不多5年前,写了篇文章,介绍如何使用JavaScript和抛物线函数实现抛物线运动效果,实际上,纯CSS也是可以实现DOM元素的抛物线运动效果的。究竟如何实现呢?不妨进来一探究竟……

阅读全文…

看,for..in和for..of在那里吵架!

2018年08月6日,星期一

文章缩略图

今天天气不错,瞒着老婆去参加ChinaJoy,嘿嘿,好多周边,嘿嘿,好多萌妹子。突然,旁边一个戴眼镜的小胖子一声大叫:“看,for..in和for..of在那里吵架!”

我顺着望去,只见2点钟方向有一群穿着格子衫背着电脑包的人在围观什么,我立马发现事情不简单,就跟着过去围观,结果意想不到的事情发生了……

阅读全文…

原来浏览器原生支持JS Base64编码解码

2018年08月4日,星期六

JS Base64编码解码头图

就在数月前,一个前端HTML字符信息转Base64的需求,我是毫不犹豫去找了个开源的base64.js,根据文档上语法一使用,嘿,数据准确,功能良好。当时弄完还洋洋得意,以为是个完美的解决。

结果,今天发现,尼玛原来浏览器很早就有了原生的JS Base64加密解密方法,显然,上面这种洋洋得意的做法完全就是瞎子点灯——白费蜡!究竟是什么方法呢?有没有什么使用上的坑呢?点击进去一起一看究竟吧~

阅读全文…

万岁,浏览器原生支持ES6 export和import模块啦!

2018年08月2日,星期四

万岁,浏览器原生支持ES6 export和import模块啦!不仅支持静态import,还支持动态import。原以为和Node.js中的模块import一样,比较简单容易理解,结果一研究发现,在web浏览器中,原生的export和import需要知道的细节还真多,也很有必要了解。

本文内容较多,篇幅较长,丰富的demo和源代码展示,有一定深度,希望本文内容能够对您的学习有所帮助。

阅读全文…