首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
三只小羊
掘友等级
前端开发工程师
十心十意,脚踏实地
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
3
文章 3
沸点 0
赞
3
返回
|
搜索文章
最新
热门
canvas核心技术-如何实现碰撞检测
这篇是学习和回顾canvas系列笔记的第六篇,完整笔记详见:canvas核心技术。 在上一篇canvas核心技术-如何实现复杂的动画笔记中,我们详细讨论了在制作复杂动画时,需要考虑时间因素,物理因素等,同时还回顾了如何使用缓动函数来扭曲时间轴实现非线性运动,比如常见的缓入,缓出…
canvas核心技术-如何实现简单动画
这篇是学习和回顾canvas系列笔记的第四篇,完整笔记详见:canvas核心技术。 在前面几篇中,我们回顾了在canvas中绘制线段,图形,图片等基本功能,当在制作2d游戏或者更为丰富的图表库时,必须提供强大的动画功能。canvas本身不提供像css中animation属性专门…
HTML5中Audio使用踩坑汇总
原因:在调用play()时,现代浏览器返回的是一个promise,对于执行失败的,会触发一个Unhandled Promise Rejection,但是对于低版本的浏览器,调用play()并不会返回一个promise。 原因:对于还没有设置src的audio,就直接设置curr…
canvas核心技术-如何绘制图片和文本
通过上一篇canvas核心技术-如何绘制图形的学习,我们知道了如何绘制任意多边形以及图片的填充规则。在canvas中应用比较多的还有绘制图片和文本。这篇文章,我们就来详细聊聊图片和文本的绘制。 在canvas中,我们可以把一张图片直接绘制到canvas上,跟使用img标签类似,…
canvas核心技术-如何实现复杂的动画
这篇是学习和回顾canvas系列笔记的第五篇,完整笔记详见:canvas核心技术。 在上一篇canvas核心技术-如何实现简单的动画笔记中,我们详细学习了如何进行canvas坐标系的平移,缩放,旋转等操作来实现一些比较简单和单一的动画。但是在实际动画中,影响一个动画的因素是很多…
理解virtual dom的实现细节-snabbdom
最近想了解一下React和Vue框架分别在virtual dom部分的实现,以及他们的不同之处。于是先翻开Vue的源码去找virtual dom 的实现,看到开头,它就提到了Vue的virtual dom更新算法是基于Snabbdom实现的。于是,又去克隆了Snabbdom的源…
React Time Slice(-) - requestIdleCallback polyfill
React 从 v16.0.0 开始,实现了异步渲染模式(Concurrency Mode),解决了之前 Stack Reconciler 采用同步更新的问题。异步渲染,实际上就是将一个大的渲染任务,分成很多个小的任务,每个任务执行完就交出主线程,使得其他线程可以处理其他事情(…
理解h5与native(ios)通信细节
在跨平台客户端开发中,H5是使用最为广泛的方式,它既可以运行在iOS中,也可以运行在Android中,还可以运行在web浏览器中,可以说是"write once, run anywhere"。但是,H5最为人诟病的就是用户体验不如native流畅,特别是对于低端机型和较差的网络…
Canvas 核心技术
最近项目需求中要写较多H5小游戏,游戏本身体量不是很复杂,主要是承载较多业务逻辑,所以决定用canvas来完成游戏部分。之前只是知道H5中有canvas这个东西,也知道它大概是画图的,但具体怎么用,还是一无所知的。在MDN在看了一些相关资料,一口气也看了HTML 5 Canva…
性能优化篇-地图页面
最近老板来了一个新需求,地理位置组团。其中一个功能点,就是用户可以进入地图页面,查看当前自身位置,且扫描圈内和圈外其他玩家,将玩家头像显示在地图页面上,标明玩家在哪个位置。老板说,在地图上要可以同时显示 200 个玩家头像,且保证页面流畅;Android6 的手机上,在拖拽,缩…
下一页
个人成就
文章被点赞
563
文章被阅读
63,190
掘力值
2,020
关注了
3
关注者
125
收藏集
1
关注标签
66
加入于
2018-07-12