快购项目开发问题汇总

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页面中添加

  

必须在页面所有Element之前加载脚本文件先实例化fastclick

2.在JS中添加fastclick的身体,推荐以下做法:

if ('addEventListener' in document) {  
    document.addEventListener('DOMContentLoaded', function() {  
        FastClick.attach(document.body);  
    }, false);  
}  
  1. 如果你使用了JQuery,那么JS引入就可以改用下面的写法:
$(function() {  
    FastClick.attach(document.body);  
});  

4.如果你使用Browserify或者其他CommonJS-style 系统,当你调用require('fastclick')时,FastClick.attach事件会被返回,加载FastClick最简单的方式就是下面的方法了:

var attachFastClick = require('fastclick');  
attachFastClick(document.body); 

你可能感兴趣的:(快购项目开发问题汇总)