1、浏览器返回的时候会出现的问题
pushHistory();
window.addEventListener("popstate", function(e) {
window.location.href=();//此处填写需要跳转的地址
//alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能
}, false);
function pushHistory() {
var state = {
title: "title",
url: "#"
};
window.history.pushState(state, "title", "#");
}
这样就可以自己选择浏览器返回时候到达的页面，避免出现用户手动返回丢参数的现象
2、上传图片插件
webuploader图片上传插件
//这是基础配置，具体配置项请点击上方链接查看官方文档。
// 缩略图大小
var thumbnailWidth = 100,
thumbnailHeight = 100;
// Web Uploader实例
var uploader=null;
// 初始化Web Uploader
uploader = WebUploader.create({
// 自动上传。
auto: false,
// swf文件路径
// swf: BASE_URL + '/js/Uploader.swf',
// 文件接收服务端。
server: 'upload.do',
// 选择文件的按钮。可选。
// 内部根据当前运行是创建，可能是input元素，也可能是flash.
pick: '#filePicker',
// 只允许选择文件，可选。
accept:{
title:"Images",
extensions:"gif,jpg,jpeg,bmp,png",
mimeTypes:"image/*"
},
thumb:{
// 为空的话则保留原有图片格式。
// 否则强制转换成指定的类型。
type: 'image/jpeg'
}
});
3.faskclick插件--移动端的点击事件
1.在HTML页面中添加
<script type='application/javascript' src='/path/to/fastclick.js'></script>
必须在页面所有Element之前加载脚本文件先实例化fastclick
2.在JS中添加fastclick的身体，推荐以下做法：
if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function() {
FastClick.attach(document.body);
}, false);
}
- 如果你使用了JQuery，那么JS引入就可以改用下面的写法：
$(function() {
FastClick.attach(document.body);
});
4.如果你使用Browserify或者其他CommonJS-style 系统,当你调用
require('fastclick')时，FastClick.attach事件会被返回，加载FastClick最简单的方式就是下面的方法了：
var attachFastClick = require('fastclick');
attachFastClick(document.body);
