在web网页中，连续英文单词默认是不换行的，使用word-break虽然能够有效，但是，会有一个很明显的问题，这换行的位置把英文单词直接破开了，可读性下降。有没有什么方法，技能换行，又不破坏单词呢？可以试试HTML中的wbr标签。
妙法攻略：渐变虚框及边框滚动动画的纯CSS实现
2018年08月30日 by 阅读 65378 次, 今日 20 次
本文内容如题，介绍几个实现渐变虚线框的方法，介绍虚线滚动动画，实线滚动边框动画的实现，所有这些方法都是纯CSS实现，就算这些动画效果你实际项目用不到，但是其大开眼界的实现原理相信也会给你有所启示的。
一如既往，有demo实例，有源代码展示，和必要的截图，希望本文的内容能够对您的学习有所帮助。
学习了，CSS中内联SVG图片有比Base64更好的形式
2018年08月19日 by 阅读 102284 次, 今日 18 次
难免的，我们需要在CSS中内联SVG图形，以前我都是把SVG文件转换成Base64格式然后内嵌，最近发现，这并不是最好的方法，最好的方法是使用部分转义的SVG原始代码，兼容IE9+，而且颜色什么的可以直接在CSS中修改。这种方法具体真容是什么？有兴趣可以进去看下。其中有个炸裂的SVG在线压缩合并工具，相信你会喜欢的。
这回试试使用CSS实现抛物线运动效果
2018年08月11日 by 阅读 84885 次, 今日 12 次
看，for..in和for..of在那里吵架！
2018年08月6日 by 阅读 62703 次, 今日 14 次
今天天气不错，瞒着老婆去参加ChinaJoy，嘿嘿，好多周边，嘿嘿，好多萌妹子。突然，旁边一个戴眼镜的小胖子一声大叫：“看，for..in和for..of在那里吵架！”
我顺着望去，只见2点钟方向有一群穿着格子衫背着电脑包的人在围观什么，我立马发现事情不简单，就跟着过去围观，结果意想不到的事情发生了……
原来浏览器原生支持JS Base64编码解码
2018年08月4日 by 阅读 160331 次, 今日 15 次
就在数月前，一个前端HTML字符信息转Base64的需求，我是毫不犹豫去找了个开源的base64.js，根据文档上语法一使用，嘿，数据准确，功能良好。当时弄完还洋洋得意，以为是个完美的解决。
结果，今天发现，尼玛原来浏览器很早就有了原生的JS Base64加密解密方法，显然，上面这种洋洋得意的做法完全就是瞎子点灯——白费蜡！究竟是什么方法呢？有没有什么使用上的坑呢？点击进去一起一看究竟吧~
万岁，浏览器原生支持ES6 export和import模块啦！
2018年08月2日 by 阅读 79373 次, 今日 25 次
万岁，浏览器原生支持ES6 export和import模块啦！不仅支持静态import，还支持动态import。原以为和Node.js中的模块import一样，比较简单容易理解，结果一研究发现，在web浏览器中，原生的export和import需要知道的细节还真多，也很有必要了解。
本文内容较多，篇幅较长，丰富的demo和源代码展示，有一定深度，希望本文内容能够对您的学习有所帮助。
隐私相关-了解HTML5 Do Not Track API
2018年07月26日 by 阅读 28394 次, 今日 11 次
中国的互联网对隐私那真是一点都不上心，前有“李彦宏称中国用户愿用隐私换便利”，后有“美团点评会显示你的好友在哪儿里点过餐，住过什么酒店”。其实浏览器本身提供了API可以让用户保护自己隐私不被跟踪，但是鲜有人知道，就算有知道的，也不会在实际项目中用，因为大环境对隐私都不重视，价值有限。
不过，从近些年诸多事件网民的言论来看，隐私这件事情已经越来越关注，一定会在哪天摆在台面上成为很重要的议题进行发酵的！因此，如果网站能在隐私这件事情上做得能让用户明显感觉到尊重，则这个网站的影响力，公司的口碑说不定会爆炸式增长。那作为前端的我们，可以在这件事情做些什么呢？
了解woff2字体及转换
2018年07月25日 by 阅读 65671 次, 今日 14 次
woff字体在2012年12月被World Wide Web Consortium (W3C)推荐使用，IE9+浏览器支持。woff2字体最早在在2013年7月Chrome Canary版本上可以使用，发展到现在，几乎已经成为自定义图标字体使用的标配。
本文就将介绍关于WOFF2诸多基础知识，包括优点特性，如果TTF字体转WOFF2字体，如何在CSS中使用，mime type设置等，有截图有必要的源代码展示。希望本文内容能够对您的学习有所帮助。
JS字符串补全方法padStart()和padEnd()简介
2018年07月24日 by 阅读 57898 次, 今日 15 次
在JS中，字符串补全是常用操作，以前我们的做法是先检测字符串长度够不够，不够，自己再拼接字符串以到达我们需要的字符串长度。到了ES6，浏览器天然支持字符串长度补全方法，这个方法就是padStart()和padEnd()。乍一看好像很简单，但是，仔细一深入，发现意想不到的细节还挺多的，要不，你进来瞅一瞅？
我的应用
我的应用