浏览器标签显示状态更改

浏览器标签显示状态更改 使用了HTML5的Page Visibility API 目前页面可见性API有两个属性,一个事件,如下: document.hidden: Boolean值,表示当前页面可见还是不可见 document.visibilityState: 返回当前页面的可见状态,取值有 hidden visib […]

使用html5web存储做批量更改

之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。 在 HTML5 中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。 HTML5 提供了两种在 […]

Sass快速入门

关于Sass sass是最早的css预处理语言,有比less更为强大的功能。但因其一开始的缩进式语法并不能被开发者们接受,所以使用率不高,不过由于其强大的功能和Ruby on Rails 的大力推动,逐渐被更多开发者使用。 sass是采用的Ruby语言编写的一款css预处理语言,它诞生于2007年,是最早成熟css预处 […]

Sass安装

学sass遇到一些奇葩问题。安装sass的时候因为被墙的原因,默认源不能用。于是百度各种搜索然后看到了可以替换成淘宝gem源。但是无论怎么搞就是替换不了。然后又把默认源加上之后开始百度各种vpn,然后有些vpn说是免费一小时。。我就呵呵了。。。终于有个免费的vpn一个小时的可以用,但是连接了半天之后还是不行。 然后这个 […]

学习如何制作 SVG 弹性动画进度条

无意中在某网站看到Codrops 发布了一个如何创建一个基于弹性效果的SVG加载进度条教程,基 SVG 和 TweenMax 实现。按钮开始的时候是一个带有箭头的图标,一旦它被点击,动画成一个有趣的小金属丝和一个标签,该标签指示下载百分比。如果你想使用这部分代码在你的项目,到 Github 页面并按照说明进行操作即可 […]

JavaScript中解析URL

通过正则表达式来处理URL function parseUrl(href) { var match = href.match(/^(https?\:)\/\/(([^:\/?#]*)(?:\:([0-9]+))?)(\/[^?#]*)(\?[^#]*|)(#.*|)$/), query = null, keyValue […]