作为苦逼的IT行业，没日没夜的加班，妹纸也少的可怜，就算在一个班办公室或者一个部门，可能也只有一个妹纸，但估计也轮不到你来上，只能眼巴巴的放着光。可是程序猿一直以老实、踏实、多金等美名著称。只要你学的...

不管是在制图软件中还是Web页面的DOM元素，都有层的概念。在制图软件中，大家比较熟悉，能非常的清晰的看出图层的概念。而在Web页面中，特别是我们熟悉的HTML的DOM中，其实他也有层的概念。不同的是制图软件可以用鼠标拖动图层...

在一年前,在我的私人Twitter账户 brutal secret ,我分享了一个有趣的方法来通过审计绕过chrome 的xss过滤器。我们将从黑盒测试的角度来观察,一个逻辑假设和结论, 导致我们的 XSS 向量绕过了xss过滤器。我们从已知的...

Canvas与SVG 前端图形化技术，主要包括Canvas绘图和SVG绘图两类。 Canvas早在十几年前就被火狐浏览器引入。Canvas通过Canvas.getContext(2d/3d)获得绘图上下文，采用绘制路径、填充路径、描边路径等操作绘制像素图片，并...

clip path，话说这个东西是css3中的新特性，它可以遮罩许多形状，圆的、方的、扁的都可以，还有多边形(polygon)，这个polygon最是有趣。因为clip path的前身是svg，所以...

Batik渲染png图片异常的bug修复batik是apache的一个开源项目，可以实现svg的渲染，后端借助它可以比较简单的实现图片渲染，当然和java一贯处理图片不太方便一样，使用起来也有不少坑下面记录一个bug的修复过程I. 问题重现svg...

随着前端技术的发展，有越来越多的方法实现icon的制作，同时为了满足市面上各种大屏幕分辨率，字体图标icon font应运而生，字体图标的制作也是一种全新的设计方式，但是icon font 在wind...

不管是应付前端面试还是改进产品体验，性能优化都是躲不开的话题。这里我们就简单聊一聊性能优化。传输快 vs 体验快优化的目的是让用户有“快”的感受，那如何让用户感受到快呢？加载速度真的很快，用户打开输入网址按下回车...

前言之前我简单介绍了关于svg图片瘦身的问题，在公司，瘦身这个问题是我提出来的，所以这锅我背了。公司项目是32.6M，我给自己的要求就是低于20M。上周花了一个星期瘦身，至于为什么花了一周，主要是s...

需求昨天，我看到这个Badge的时候，我就在想我也会创建一个自己的Badge。然后，我就可以这样到处粘贴：看样子，我做的效果还是没有上面的好看，不过有些地方更炫。需求分析为了达到任意缩放...