项目：LT沃宝游戏大厅 总结与经验

本文主要是介绍项目：LT沃宝游戏大厅 总结与经验，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

背景.这次的项目也是在做移动端页面的，由于这个项目不赚钱，所以组长叫我不用用心地去做，也是比较粗糙地去做了

遗憾点：由于刚做完官网没多久，对于SPA（单页面应用）的处理还处于实验阶段，于是就把这次的项目也用SPA去做了，结果发现，只使用window.onhash来处理页面间的跳转有个不好的地方在于：如果你总是在这个页面跳来跳去，那这样历史记录上都已经有这个页面不下十个了，那用户要是一直点击移动端上的返回键的话，发现一直退出不了那得多尴尬啊。。。后来看到书上有个HTML5的history历史记录管理，发现可以通过replace来替换历史记录，而不是添加历史记录，问题就可以解决了，但要是用户只是想返回上一个状态呢？哎哎哎啊啊啊，我这选择困难症又要犯了。。

一些遇到的小问题

1.String.indexOf兼容各个浏览器，只是Array.indexOf要兼容IE9+，其实挺多Array的方法都得在IE9+上才能运行

2.display和transition冲突问题，解决方法可以是transition设置一下延迟，但发现第一次可以，第二次之后不行，不知道什么鬼，但比较完美的解决方法是设置setTimeout

3.类似JQuery操作类的方法,是每个元素都有的classList属性，这属性有add()、remove()、toggle()、contains()方法，都挺方便的，但就是有个极大的缺点是，IE10+后才出现，日了哈士奇了。。

4.怎么上传图片到服务器(<input type="file"> )

①异步：formdata（模拟form表单提交），又是IE10+，日了UZI了。。

var formdata = new FormData();formdata.append("title",otitle.value);formdata.append("desc",odesc.value);formdata.append("images",oimage.files[0]);var newsec = document.createElement("div");

然后把formdata作为post方式中的数据传到后台就可以了

②form表单提交

form标签中要有enctype="multipart/form-data"标记才能上传

5.get和post方法的区别

①get是放在url里，post是放在HTTP请求头部header

②get安全性低但效率高

③get数据量不能大于32KB

6.IE中的浏览器模式和文档模式

浏览器模式：兼容地说，影响的是浏览器版本以及IE的条件注释

①不同的浏览器模式会导致传给服务器的浏览器版本的信息的变化

②IE的条件注释主要是说IE hack了比如：

<!- [if IE 7]> <style> .content {color: red}</style>
<! [end id] ->

文档模式：这个就比较熟悉了，影响的主要是CSS API和JS API，DOM LEVEL了，需要注意的是CSS hack对于文档模式也适用

这篇关于项目：LT沃宝游戏大厅 总结与经验的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---