Csy Blog

正确的开始，微小的长进，然后持续。祝我们有一万次微小的闪耀。

js事件循环

看了一些有关事件循环中函数执行顺序的问题，这里记录一下。事件循环运行机制： Microtasks 和 Macrotasks 是异步任务的一种类型，Microtasks 的优先级要高于 Macrotasks，下面是它们所包含的api： microtasks主要包含：process.nextTick、promise、MutationObserver macrotask主要包含：script(...

Posted by csy on 2018-11-19

使用svg实现点亮地图效果

前言产品小姐姐提了个需求，希望实现一个地图，根据数量显示每一块有多少人，并用6种深浅不一颜色的颜色表示。奇形怪状的点击域+改变图片的颜色，自然而然就想到用SVG啦。在Web中显示SVG有六种方式直接使用<svg>元素将SVG图像作为背景图像嵌入 1 background-image:url(test.svg) 使...

Posted by csy on 2018-10-25

前端加密

0x00 前言加密算法越快，破解起来就越容易。加密时多花一点时间，就可以换取攻击者大量的破解时间。加密越慢，破解时间越长。「慢加密」算法例如 bcrypt、scrypt 等等。它们都有一个难度系数因子，可以控制加密时间，想多慢就多慢。但慢加密也有明显的缺点：消耗大量计算资源。使用慢加密的网站，如果同时来了多个用户，服务器 CPU 可能就不够用了。要是遇到恶意用户，发起大量的登录请求，...

Posted by csy on 2018-09-04

object、param、embed等视频音频标签

1、< object > 定义一个嵌入的对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。 1.1 示例 1 2 3 <object data="move.swf" type="application/x-shockwave-flash"> <param name="foo" value="bar">...

Posted by csy on 2018-05-22