1、图片初始化加载

2、如何判断横屏

 function horAver() {
if (window.orientation == 90 || window.orientation == -90) {
alert("建议竖起手机玩游戏:-D");
}
}
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", horAver, false);

3、pageShow的使用

var count=0;
window.addEventListener('pageshow', function(event) {
count++;
if(count>1)
{
alert(11111);
}
});

4、动画避免使用setInterval,改为css3,间隔时间可从keyframes中改变

@-webkit-keyframes wobble {
70% { -webkit-transform: translateY(0%); }
75% { -webkit-transform: translateY(-5%) rotate(-5deg); }
80% { -webkit-transform: translateY(4%) rotate(3deg); }
85% { -webkit-transform: translateY(-3%) rotate(-3deg); }
90% { -webkit-transform: translateY(2%) rotate(2deg); }
95% { -webkit-transform: translateY(-1%) rotate(-1deg); }
100% { -webkit-transform: translateY(0%); }
}

5、修改地址、通过地址传递参数,获取参数

function getQuery(key){
var arr = window.location.search.split('&')
for (var i = 0; i < arr.length; i++) {
var ar = arr[i].split("=");
if (ar[0] == key) {
return arr[1];
}
}
return "";
}

6、提交表单过程添加loading图片

<form action="#" method="" name="form1" class="f_form" onsubmit="return isForm(this)">
<input type="text" placeholder="姓名" name="name">
<input type="text" placeholder="电话" name="tel">
<input type="hidden" name="platform" value=“">
<input type="button" value="提 交" id="j_formsubmit" class="btn">
</form> $('#j_formsubmit').on('click',function(event){
if(isForm(document.form1))
{
document.form1.submit();
$('.loading_gif').html('<img src="http://n.sinaimg.cn/mobileh5/dc9d8119/20160107/loading.gif" />');
}
})
   function isForm() {
  var oForm = $('.f_form')[0];
  if (!oForm.children[0].value) {
    alert('请输入姓名');
    return false;
  } else if (!/^0?1[3|4|5|7|8][0-9]\d{8}$/.test(oForm.children[1].value)) {
    alert('请输入正确手机号')
    return false;
  } else {
  return true;
  }
}

  

 

最新文章

  1. 如何正确配置Nginx+PHP
  2. (九)WebGIS中的矢量查询(针对AGS和GeoServer)
  3. js 中 Math对象
  4. android开发练习:天气应用
  5. JAVA编程规则【转自java编程思想】
  6. Code the Tree(图论,树)
  7. Nutch搜索引擎(第3期)_ Nutch简单应用
  8. JavaScript 跨域:谈谈跨域之 JSONP
  9. sqlserver 自定义字符串分割函数.
  10. c++只能编译无法运行或许缺少命令
  11. Java 多线程 sleep方法与wait方法的区别
  12. PHP——敏感词过滤
  13. 1042. Shuffling Machine (20)
  14. 【杂】指针,*,&amp;
  15. echo不换行的实现
  16. kylin3
  17. mysql 替代Oracle instr
  18. [转]Winform开发框架的重要特性总结
  19. Java基础加强之并发(二)常用的多线程实现方式
  20. 加密grub防止通过单用户模式破解root密码

热门文章

  1. 一种基于Qt的可伸缩的全异步C/S架构server实现(二) 网络传输
  2. lua编译出liblua.so
  3. Java - 网络编程(NetWork)
  4. 3GP文件格式研究
  5. @page指令 validateRequest的作用
  6. drupal 7.23 上传中文命名文件bug
  7. Failed to create the Java Virtual Machine (Myeclipse或者eclipse启动报错)
  8. Single Number(JAVA)
  9. iOS开发面试题整理 (三)
  10. NSString 字符串操作