首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
yukinotech
掘友等级
software engineer
略懂js,typescript体操选手
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
205
文章 200
沸点 5
赞
205
返回
|
搜索文章
最新
热门
typescript枚举类型入门
typescript枚举类型入门,主要分成字符串枚举,数字枚举,枚举和泛型和体操变化,runtime,const enum,as const和ts5.0部分
node环境js unshift push 性能开销测试
js的unshift性能应该是O(n),而push是O(1),因此如果对场景性能要求,可以多善用push,少用unshift
平滑滚动的实现(下) - smooth-scroll源码分析
上篇讲述了平滑滚动的几种实现方式,并且重点分析raf,使用raf实现了平滑滚动。接下来分析smooth-scroll这个库,看看别人家的实现。 其中,loopAnimateScroll利用raf递归调用自己。callback中有一个timestamp参数,这个参数是由reque…
平滑滚动的实现(上)
研究了2天的平滑滚动,后面又结合锚点的实现,感觉收获很多,因此写下记录来整理一下。 最常见的需求是一个较长的页面的右下角可能有一个按钮,点击它就能回到顶部。这一般都是用锚点实现的,但是原生锚点的缺点是直接跳转,过于生硬。 因此我们需要一种平滑滚动的实现。 注:使用codepen…
canvas绘制时间热力图
看起来有些复杂的时间热力图。 圈由内到外7层,分别代表周一到周日,圈从12点钟方向开始,代表00:00,顺时针一圈,分别代表一天24小时。 而对应的颜色深浅代表当前对应的时间内,数据的大小。 一方面要考虑到如何简单的绘制,查询相应的API。另一方面要确保一个色块和一个数据如何对…
canvas2d画小人
现有的素材是,ui给出了不同大小、颜色的小人的图片,包括灰色和蓝色的男性小人,与灰色和红色的女性小人。 首先确定构图要素为ui提供的图片,和绘制文字。 绘制文字的api较为简单,基本没有坑,不赘述。 void drawImage(image,dx,dy);image支持的类型很…
原型中毒(Prototype Poisoning)
JSON.parse有一个漏洞,在第一次解析字符串时,就会把c加在原型上。使用Object.assign({},strObj)复制JSON.parse返回的对象,就会导致复制的新对象原型上挂载了恶意属性。 漏洞危害:可能存在恶意构造的json字符串,包含__proto__键名,…
关于css层叠上下文,层叠顺序的一个案例分析
该文章的理解纯属个人理解,如有误请及时留言,或联系作者,方便改正,谢谢。 欢迎关注我的github-blog的地址,你的关注会是我更新的动力。 我们来分析一下这个案例,先引用一张图片说明层叠顺序。为方便表述,从紫色到红色,命名一个层叠顺序级别1-7。比如,图中红色z-index…
css中的:before和:after的使用
css中的伪元素before和after十分实用,但是W3Cschool和MDN中其实都只讲述了其行为的一部分。 当带有伪元素标签的元素没有子元素时,根据before和after将伪元素添加到该元素的前后。 当带有伪元素标签的元素有子元素时,根据before和after将伪元素…
个人成就
文章被点赞
41
文章被阅读
16,955
掘力值
423
关注了
62
关注者
7
收藏集
6
关注标签
10
加入于
2018-05-16