yukinotech

typescript枚举类型入门，主要分成字符串枚举，数字枚举，枚举和泛型和体操变化，runtime，const enum，as const和ts5.0部分

js的unshift性能应该是O（n）,而push是O（1），因此如果对场景性能要求，可以多善用push，少用unshift

上篇讲述了平滑滚动的几种实现方式，并且重点分析raf，使用raf实现了平滑滚动。接下来分析smooth-scroll这个库，看看别人家的实现。 其中，loopAnimateScroll利用raf递归调用自己。callback中有一个timestamp参数，这个参数是由reque…

研究了2天的平滑滚动，后面又结合锚点的实现，感觉收获很多，因此写下记录来整理一下。 最常见的需求是一个较长的页面的右下角可能有一个按钮，点击它就能回到顶部。这一般都是用锚点实现的，但是原生锚点的缺点是直接跳转，过于生硬。 因此我们需要一种平滑滚动的实现。 注：使用codepen…

看起来有些复杂的时间热力图。 圈由内到外7层，分别代表周一到周日，圈从12点钟方向开始，代表00:00，顺时针一圈，分别代表一天24小时。 而对应的颜色深浅代表当前对应的时间内，数据的大小。 一方面要考虑到如何简单的绘制，查询相应的API。另一方面要确保一个色块和一个数据如何对…

现有的素材是，ui给出了不同大小、颜色的小人的图片，包括灰色和蓝色的男性小人，与灰色和红色的女性小人。 首先确定构图要素为ui提供的图片，和绘制文字。 绘制文字的api较为简单，基本没有坑，不赘述。 void drawImage(image,dx,dy);image支持的类型很…

JSON.parse有一个漏洞，在第一次解析字符串时，就会把c加在原型上。使用Object.assign({},strObj)复制JSON.parse返回的对象，就会导致复制的新对象原型上挂载了恶意属性。 漏洞危害：可能存在恶意构造的json字符串，包含__proto__键名，…

该文章的理解纯属个人理解，如有误请及时留言，或联系作者，方便改正，谢谢。 欢迎关注我的github-blog的地址，你的关注会是我更新的动力。 我们来分析一下这个案例，先引用一张图片说明层叠顺序。为方便表述，从紫色到红色，命名一个层叠顺序级别1-7。比如，图中红色z-index…