这个动画看起来有点难，但其实要比想象中的简单。 它只是平移和旋转的简单合成，下面大体分析一下。 1. 鼠标位置 要跟随鼠标移动，首先就要获取鼠标的位置。 可以给画布绑定mousemove事件，这样拿到鼠标相对于页面的绝对位置（pageX，pageY），再减去画布自身的偏移量，就…

本文讲解如何在 Vue 项目中使用 TypeScript 来搭建并开发项目，并在此过程中踩过的坑 。 TypeScript 具有类型系统，且是 JavaScript 的超集，TypeScript 在 2018年 势头迅猛，可谓遍地开花。 Vue3.0 将使用 TS 重写，重写后…

进入测试阶段 ~~~ （利用console.time 和 console.Endtime）看看执行时间.....

防抖和节流是两个相似的技术，都是为了减少一个函数无用的触发次数，以便提高性能或者说避免资源浪费。我们都知道js在操作DOM的时候，代价非常昂贵，相对于非DOM操作需要更多的内存和和CPU时间，假如我们一个函数是在滚动滚动条或者更改更改窗口大小的时候频繁触发，还是会出现页面卡顿，…

最近在模仿swiper鼓捣一个轮播图插件时，碰到了setInterval的作用域问题，轮播的方法写在一个对象里，但是setInterval执行这个方法后，在方法体内无法访问这个对象的属性了，业务逻辑代码如下： 以上代码并没有按照预期情况（循环递增num）来执行，执行结…

确定某个值到底是不是数组。 将 Array 的元素转换为字符串。结果字符串由逗号分隔，且连接起来。 返回数组本身。 将 Array 的元素转换为字符串。结果字符串由逗号分隔，且连接起来。 参数是负数，则用数组长度+负数 来确定相应的位置。数组项为5，slice(-2,-1)==…

作者：贾扉扉 （沪江 web 前端开发工程师） 看到你每天使用的编程语言在不断进化是一件令人开心的事情 。从错误中学习，找到更好的实现方式，创造新的语法特性，语言就这样一步一步地实现了版本更新。

作者：小 boy(任文凯）沪江 Web 前端工程师

定期回顾我写的JS代码，我发现解构运算无处不在。 获取对象的属性和访问数组内容是都是很常用的操作。而解构运算使得这些操作变得非常简单明了。 在这篇文章中，我将会讲解JS解构不同于常见用法的五种使用技巧。 1. 交换变量 temp是一个临时变量，在例子中存储了变量a的值，b的值赋…