总结（活动）

这段时间公司做了一个三月活动 “一起来画画”

今天终于上线了了 总结一下这段时间的表现 以及遇到的问题和解决方案 给自己也给需要的你们

表现：

这个活动是我首次自己独自完成js部分 以前都是有小伙伴 陪伴，感觉自己还不错 能后按时完成（当然项目也不难），遇到bug能自己解决，代码的质量比以前强一点（除了埋点部分），还有一个问题就是想到的少，希望以后自己能多想点

缺点：

1.理解问题的逻辑

例：首页有一个按钮 需要根据后台返回值来判断显示什么样子的按钮 添加class ，我一开始的思路是先让按钮显示一个，然后再根据状态值 改变class， 但是这个样子就有一个问题每次刷新页面， 总是先有一个按钮 ，等一会有按钮样子会变化，效果不是很好，

解决：一开始就不显示按钮，等到请求完状态再显示

例：搜索关键字，出数据，我一开始想 如果什么都没有输入 ，就不能搜索需要提示输入内容，但其实不是

解决：由内容可以搜索，没有内容就搜索全部

看了上面的是不是觉得我这个人很笨啊 ，我也是这样觉得。

遇到的问题：

1.第一个就是上传图片显示，上传完毕预览

在网上搜了一段代码  有filereader 显示，转64位编码，在这里默默感谢写这段代码的人。

2.form表单提交，需要跳转到我指定的页面，不能让后台跳转

解决方案用ajaxSubmit 还需要引入jquery.form.js

var options = {  
                        url: “”, //用于文件上传的服务器端请求地址
                        async : true,
                                    data：{}，
                        type:"post",
                        dataType:"json",
                        success : function(res) {
                            //在这里判断状态跳转页面
                            
                        },  
                        error : function(result) { 
                            console.log(result)
                        }  
                    };  
                       form.ajaxSubmit(options);    //form指的是formId什么的

但是这个有一个缺点就是不能跨域，我测试的时候不能跨域 跨域了就怎么也不能提交了

3.还有一个其实也不是问题，是需求就是在手机上显示页面 搜索的时候 IOS键盘不是会出现搜索吗 想要这个效果

解决：

给你搜索的输入框加上<form onsubmit="return false"></form> 加上这个就会出现搜索样子

但是一定要写onsubmit="return false" 要不点击完就reload 页面

4.还有一个需要获取IP地址

我引入了这个js <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>

调用returnCitySN["cip"]

就没有什么了

PS： 再上传那里遇到一个问题就是图片太大了 就不能上传了 ，firebug 就会报一个 什么超出限制  大概就是这个 内存不够了什么的

我们的解决方案是后台的人员修改了 struts.xml里面的struts.multipart.maxSize  把它改大点

嗯…………  就这样吧 大概就是这些