华品官网与官网管理系统项目总结

项目中的收获

• 使用了妹子UI的动画滚动监测，data-am-scrollspy属性可以实现页面滚动时出现动画，动画效果有slide-left,slide-right,slide-top,slide-bottom,fade等，如下图例子就是从左滑入：
  

• 项目中使用到了百度地图，首先要创建一个地图容器，其他的代码看下图：
  
  

• 获取页面被卷去的头部$(window).scrollTop()
  

• 时间格式化
  

• 截取URL参数
  function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; }

• 利用h5的formdata对象实现ajax的文件上传，具体代码如下：

• ```
  var form = new FormData($('#myform')[0]);
  $.ajax({
  url: '/webapp/up',
  type: 'POST',
  dataType: 'json',
  data: form,
  processData: false,
  contentType: false,
  async: false,
  cache: false,
  beforeSend: function (xhr) {

  },
  success: function (data) {
  if(data.code==1)
  {
  alert(data.msg);
  location.href="/webapp?pageIndex=1";
  }
  else{
  alert(JSON.stringify(data));
  }
  },
  complete: function (XMLHttpRequest, textStatus) {

  },
  error: function (XMLHttpRequest, textStatus, errorThrown) {
  console.log(errorThrown);
  }
  });

  ```

• [项目中用到了正则表达式的分组匹配]http://www.jb51.net/article/79309.htm
  

• 根据后台返回的数据确定select中的option哪个被选中用了函数加switch case的方法返回索引，从而确定哪个option被选中
  
  

• 向后台传登录密码时，使用了md5加密,只需引入md5.js这个文件，hex_md5(value)这样调用就行了
  

• 使用layer.js的提示语，如果要改名提示语的背景颜色，后面再加个回调函数