谈谈网页中实现逐帧动画

前言

我们在网页中经常需要一些动画效果,假如你的动画效果需要人为控制停止或者播放,我们一般就不会用gif来实现了!这里,就引出了我们今天讲到的逐帧动画!今天主要讲解几种方式来实现逐帧动画!大家可以根据项目情况来自己选择。功能最强大的要数jquery的spritely插件了,具体可以看:http://resource.haorooms.com/uploads/demo/media/animate/spritely/index.html ,文章后面也会讲到!

css3实现逐帧动画

ajax无刷新页面切换,历史记录后退前进解决方案

问题描述

我们在工作中常常遇到需要用ajax来显示下一页和上一页,ajax无刷新页面,因此,假如你想通过浏览器的历史记录返回上一页和下一页。那这就问题来了!一般需求要历史返回的时候,我们通常不使用ajax。但是呢,假如一个页面中,只有一个地方是动态的,其他地方都是固定的,除了使用模板之外,那么就是使用ajax来操作显得格外方便!那么如何解决ajax历史记录的返回和前进呢?今天我们就一起来学习一下!

js中history相关API普及

首先我们来看看history相关的API。

history.state

当前URL下对应的状态信息。如果当前URL不是通过pushState或者replaceState产生的,那么history.state是null。

由UglifyJS代码压缩想到的

前言

最近休假了,所以博客文章和资源库一直没有更新。让大家久等了。今天我主要写写js代码压缩的一些小的细节吧!我之前的文章javascript实用技巧,js小知识,里面总结了一些js的小的技巧,今天这篇文章,主要是让我们理解js压缩的一些精华,以后我们在书写js过程中,可以写的更加简单,去除那些没有用的,多余的东西。当然,我今天不介绍js压缩中的单词简写。因为那样更加没有意义,让我们的代码变得晦涩难懂!

IF语句分支优化

我们看一下,在代码压缩过程中,if语句的分支是如何进行压缩的!

1 去除没用的if/else分支

如果if的条件是可预计算得到的常数结果,那么就可以忽略掉没用的if/else分支。

压缩前

if (true){ 
  A();
}else{ 
  B(); 
} 
if (false){ 
  C(); 
}else{ 
  D(); 
}

重温css的选择器

前言

css选择器,是前端的基本功,只要你是一个前端,这个一定要掌握!今天之所以要重温一下css选择器,主要是和大家再复习一下css选择器中的一些常用符号的使用,例如“+、~、^、$、>、*”等的使用!之所以要复习呢,是因为我一个写后端的哥们,前端写的也很好,但是他今天突然问我,css中加号和大于号是啥意思?我说,这个貌似jquery中也有吧!好吧,可能这些符号不常用,造成我们对这些符号的陌生!那么今天,我们一起再来复习一下吧!

我之前的文章

大家在右侧搜索框中搜索“选择器”,会发现,我之前写过css用伪类nth-child,进行奇偶行的选择。今天,关于css3伪类选择器,我就不多描述了!同时大家也可以看一下我之前写的“jquery常用选择器总结”,其实,jquery选择器和css选择器类似!特别是在属性选择和组合选择上面!

css选择器之特殊符号

谈谈360度全景看图插件及制作

360度全景看图

360度全景看图是流行比较久的技术了,目前除了我们利用百度地图插件,制作360度全景地图之外。市面上还有不少方法!360度全景看图让你有更好的全景体验,我们在360全景看房或者其他方面应用的最广泛!下面,我们简单的聊聊360度全景看图插件及制作。

制作软件制作

因为这项技术蛮火,因此,派生了不少软件制作商制作收费软件来实现这种全景看图,当然,这个不是我们想要的。但是,今天,我还是简单介绍几个360全景看房的软件制作商吧!

1、krpano,大家可以网上搜索,他们的软件可以制作360全景看图,目前,不少房产公司也用了这家公司的软件!但是是收费的!

2、pano2vr,这个软件也是制作360全景看图,网上也有教程和例子,感兴趣的可以去看看!(软件也是收费的。PS,我这边有软件破解版!目前还能用,不知道能用多久!)