一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。 文件大小：55.2 kB. 和其他的同类工具不同的地方在于，它不仅仅是一个库，而是有这用户可以直接操作的实际功能，它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直…

啰嗦一句，代码中只设置了长度的变化，为什么这个动画看起来还会有一个上下弹动的效果。而且改变元素高度时，元素看起来应该是顶部向下伸长，而不是动画中那样好像底部固定，向上长高再变回来。 原因在于inline-block的对齐方式，三个元素默认按基线对齐。当第0s第一个动画开始变高以…

点击关注本公众号获取文档最新更新,并可以领取配套于本指南的 《前端面试手册》 以及最标准的简历模板. 防抖函数原理：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 那么与节流函数的区别直接看这个动画实现即可。 防抖函数原理:规定在一个单位时间内，只能触发一次…

JavaScript 的类型分为两种：原始数据类型和对象类型。 本节主要介绍前五种原始数据类型在 TypeScript 中的应用。

现如今移动端APP对用户体验方面的要求越来越高了，最近致力于用户体验优化，因为需要实现类似APP页面切换的动画效果，百度google搜索资料不是很全，所以自己写文档，在实现效果的基础上，顺便恶补一波VueRouter及CSS过渡动画的知识点，欢迎有兴趣的朋友多多指教。 创建vu…

string类型即字符串，除了单引号双引号，es6 中引入了新的反引号 ` ` 来包含字符串。反引号的扩展功能是可以用${…}将变量和表达式嵌入到字符串中。使用如下： number类型值包括整数、浮点数、NaN、Infinity等。其中NaN类型是js中唯一不等于自身的类型，当…

原文链接，最近很火的一篇文章 1. 三元操作符 当想写 if...else 语句时，使用三元操作符来代替。 const x = 20; let answer; if (x > 10) { answer = 'is greater'; } else { answer = 'is les…

篇幅可能会比较长，但是我感觉有一套规范对于一个团队其实还是很重要的，这样在维护起来也会很方便，如果接下来的规范感觉对你们团队有帮助，希望可以在团队中进行实践或者推荐给你的leader，代码规范参考自：腾讯alloyteam团队，希望大家可以跟着看一遍，各取所需。 后续的文章我也…

要想成为一名高效的程序员，要的不仅仅是敏捷的思维，更需要敏捷的操作。 在工作中，身边总是有那么几个资深的程序员在查看代码、编写代码时以飞快地速度进行着文件切换，屏幕切换、关键字搜索等等操作，有时候，你还明白他做了什么操作，但是他已经找到了需要的代码片段。 印度的开挂少年们实际都…