前端361

HTML5 history新增了两个API:history.pushState和history.replaceState两个Api都接收三个参数：语法：window.history.pushState(state Object, title, URL);window.history.replaceState(state Object, title, URL); ...

1，全屏// 找到适合浏览器的全屏方法 function launchFullScreen(element) { if(element.requestFullScreen) { element.requestFullScreen(); } else if(element.mozRequestFullScreen) { element.mozRequ...

Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内语法：element.scrollIntoView(); // 等同于element.scrollIntoView(true) element.scrollIntoView(alignToTop); // Boolean型参数 element.scrollIntoView(scrollI...

react-router是配合react使用的路由控件，功能也很强大，而了解其设计原理开发者来说是有必要也是有帮助的。接下来探讨一下react-router的设计原理。了解react-router原理，首先要知道几个概念：h5 history对象，js history库，react-router是基于它们实现的。h5 history可以很清楚的看到history对象的属性和方法：...

通常js动画是利用setTimeout和setInterval，问题是，它们都不精确。它们的内在运行机制决定了时间间隔参数实际上只是指定了把动画代码添加到浏览器UI线程队列中以等待执行的时间。如果队列前面已经加入了其他任务，那动画代码就要等前面的任务完成后再执行。由于大多数电脑显示器的刷新频率是60Hz，大概相当于每秒钟重绘60次。因此，最平滑动画的最佳循环间隔是1000ms/60，约等于16...

Blob是一种Javascript的对象类型，兼容到IE10Blob对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File接口基于Blob，继承了 blob 的功能并将其扩展使其支持用户系统上的文件。 file 对象只是 blob 对象的一个更具体的版本，blob 存储着大量的二进制数据，并且 blob 的 s...

HTML5实现图片压缩上传，主要用到FileReader, canvas, Blob，FormData这几个api1，fileReader用来读取文件2，利用canvas.toDataURL('"image/jpeg",quality)中的quality参数进行图片压缩3，将图片base64格式转化为blob对象4，利用formData上传首先介绍下FileReader, c...