美文网首页
快购项目开发问题汇总

快购项目开发问题汇总

作者: 欧阳珂 | 来源:发表于2017-06-23 11:45 被阅读0次

    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);  
    }  
    
    1. 如果你使用了JQuery,那么JS引入就可以改用下面的写法:
    $(function() {  
        FastClick.attach(document.body);  
    });  
    

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

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

    相关文章

      网友评论

          本文标题:快购项目开发问题汇总

          本文链接:https://www.haomeiwen.com/subject/ubqccxtx.html