0推荐
17K 浏览

JavaScript 中的并行处理

一直以来,JavaScript 都并没有多线程的能力,而单线程在让开发者方便的同时,也使它一直不能处理计算量复杂的场景,唯一方法就是让服务端去做。幸运的是,随着 Web Worker 的普及,我...
0推荐
47K 浏览

[译]全栈Redux实战

Redux是最近发生在js界令人兴奋的事儿。它把众多优秀的库和框架中非常正确的特性保留了下来:简单且可预测的模型,强调函数式编程和不可变数据,基于api的轻量级实现……你还有什么理由不喜欢呢?R...
0推荐
33K 浏览

JavaScript用户交互:移动物体

交互动画的一个主要目标是创建出流畅的用户体验,其中大多数的用户交互都是通过鼠标和触摸屏实现的。在这篇博文中,我想分享一些JS对于物体移动的常见用法,包括拖拽和投掷效果。
0推荐
8K 浏览

JavaScript动画详解(三) —— 弹动动画

缓动和弹动都是那对象从已有位置移动到目标位置的方法。但是缓动是指物体滑动到目标点就停下来;而弹动是指物体来回反弹一段时间后,最终停在目标点的运动。弹动,大多数时候,物体的加速度与它到目标点的距离是成比例的。
0推荐
41K 浏览

JavaScript动画详解(二) —— 缓动动画

最普通的动画就是匀速的动画,每次增加固定的值。但是生活中很多运动并不是匀速运动的,而是有加速度改变的运动。在Web动画中,缓动动画有时候会让网站增色不少。
0推荐
9K 浏览

谈谈requestAnimationFrame的动画循环

编写动画循环的关键,是要知道延迟时间多长合适。一方面,循环时间必须足够短,这样才能保证动画效果更平滑流畅;另一方面,循环还要足够长,这样才 能保证浏览器有能力渲染产生的变化。大多数显示器的刷新频...
0推荐
9K 浏览

JavaScript数组方法的兼容性写法 汇总:indexOf()、forEach()、map()、filter()、some()、every()

ECMA Script5中数组方法如indexOf()、forEach()、map()、filter()、some()并不支持IE6~8,但是国内依然有一 大部分用户使用IE6~8,而以上数组方...
0推荐
31K 浏览

JavaScript实现点击随机变色

6月21日晚,古哥给咱们科普页面渲染机制、JS的一些性能优化和MV*架构,收益匪浅。在培训现场,古哥请船长当场用原生JS实现点击盒子随机变 色。船长的编程思路让人脑洞有点大开,Get到不少干货。...
0推荐
8K 浏览

JavaScript事件处理兼容性总结

screenX: 鼠标位置相对于用户屏幕水平偏移量,参照点也就是原点是屏幕的左上角;PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化;clientX:鼠...
0推荐
42K 浏览

瀑布流布局的实现步步升级(原生JS)

瀑布流实现其实已经不是什么新鲜的玩意了,国内外多个展示性网站如花瓣网、百度图片等 都早已采用了瀑布流的页面布局方式。瀑布流布局巧妙地重排元素并填补了容器的所有空间,适合小数据块,每个数据块内容相近且没有侧重。
0推荐
52K 浏览

环形进度条的实现方法总结和动态时钟绘制(CSS3、SVG、Canvas)

在某一个游戏公司的笔试中,最后一道大题是,“用CSS3实现根据动态显示时间和环形进度【效果如下图所示】,且每个圆环的颜色不一样,不需要考虑 IE6~8的兼容性”。当时第一想法是用SVG,因为SV...
0推荐
23K 浏览

原生JS实现自动生成文章标题树

实现原理很简单,就是循环文章模块,并抽取其中的h2、h3标签,将其中的内容赋予给新建的title树。我的博客使用的是客户端生成title树的方法。
0推荐
14K 浏览

JavaScript滚轮事件兼容性写法

研究滚轮事件是因为在做一个翻版的fullpage.js,需要通过监听滚轮事件进行翻页。在实现过程中遇到了一些兼容性问题处理。所以顺便封装了个方法wheel(upFn, downFn),方便日后调用。
0推荐
49K 浏览

JavaScript动画详解(一) —— 循环与事件监听

其实Web动画的实现原理跟早期的运动影片很类似,都是通过将一张张的赛璐珞片以较快速度播放,从而模拟出连贯的物体运动。而这一张张的赛璐珞片就类似于投影运动媒体的帧的概念,而几乎所有投影运动媒体都是通过帧来实现的。
0推荐
16K 浏览

Canvas绘图API总结

canvas上下文每个canvas元素都包含一个绘图上下文,可以通过它访问绘图API。消除图案在大多数动画中,必须在绘制下一帧图案前清除canvas,通过这样来模拟出物体正在运动的效果。
0推荐
8K 浏览

canvas中的三角运动(1) —— 三角函数基础

学习三角学,主要就是掌握各种边角关系,事实上,用于实现基本的动画90%的三角学只是都可
0推荐
9K 浏览

canvas中的三角运动(5) —— 圆周运动和椭圆运动

圆周运动,思路分析:圆的方程为:// (x0, y0)为圆心位置;(x, y)为圆上的点(x - x0) ^ 2 + (y - y0) ^ 2 = r ^ 2cos(angle) ^ 2 + s...
0推荐
4K 浏览

canvas中的三角运动(4) —— 脉冲运动

模拟球形的脉冲运动。使用正弦值改变球形的比例,即可制造出脉冲效果。
forever 9年前   
0推荐
7K 浏览

canvas中的三角运动(2) —— 旋转动画

来一个挑战: 绘制一个物体,并让它随着鼠标旋转,使它总能指向鼠标。
0推荐
8K 浏览
1 2 3 4 5 6 7 8 9 10

经验分享,提升职场影响力

投稿

热门问答

    热门文档