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

2024-05-11 11:48

本文主要是介绍项目: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沃宝游戏大厅 总结与经验的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/979447

相关文章

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

如何用Docker运行Django项目

本章教程,介绍如何用Docker创建一个Django,并运行能够访问。 一、拉取镜像 这里我们使用python3.11版本的docker镜像 docker pull python:3.11 二、运行容器 这里我们将容器内部的8080端口,映射到宿主机的80端口上。 docker run -itd --name python311 -p

学习hash总结

2014/1/29/   最近刚开始学hash,名字很陌生,但是hash的思想却很熟悉,以前早就做过此类的题,但是不知道这就是hash思想而已,说白了hash就是一个映射,往往灵活利用数组的下标来实现算法,hash的作用:1、判重;2、统计次数;

在cscode中通过maven创建java项目

在cscode中创建java项目 可以通过博客完成maven的导入 建立maven项目 使用快捷键 Ctrl + Shift + P 建立一个 Maven 项目 1 Ctrl + Shift + P 打开输入框2 输入 "> java create"3 选择 maven4 选择 No Archetype5 输入 域名6 输入项目名称7 建立一个文件目录存放项目,文件名一般为项目名8 确定

git使用的说明总结

Git使用说明 下载安装(下载地址) macOS: Git - Downloading macOS Windows: Git - Downloading Windows Linux/Unix: Git (git-scm.com) 创建新仓库 本地创建新仓库:创建新文件夹,进入文件夹目录,执行指令 git init ,用以创建新的git 克隆仓库 执行指令用以创建一个本地仓库的

Vue3项目开发——新闻发布管理系统(六)

文章目录 八、首页设计开发1、页面设计2、登录访问拦截实现3、用户基本信息显示①封装用户基本信息获取接口②用户基本信息存储③用户基本信息调用④用户基本信息动态渲染 4、退出功能实现①注册点击事件②添加退出功能③数据清理 5、代码下载 八、首页设计开发 登录成功后,系统就进入了首页。接下来,也就进行首页的开发了。 1、页面设计 系统页面主要分为三部分,左侧为系统的菜单栏,右侧

二分最大匹配总结

HDU 2444  黑白染色 ,二分图判定 const int maxn = 208 ;vector<int> g[maxn] ;int n ;bool vis[maxn] ;int match[maxn] ;;int color[maxn] ;int setcolor(int u , int c){color[u] = c ;for(vector<int>::iter

整数Hash散列总结

方法:    step1  :线性探测  step2 散列   当 h(k)位置已经存储有元素的时候,依次探查(h(k)+i) mod S, i=1,2,3…,直到找到空的存储单元为止。其中,S为 数组长度。 HDU 1496   a*x1^2+b*x2^2+c*x3^2+d*x4^2=0 。 x在 [-100,100] 解的个数  const int MaxN = 3000

状态dp总结

zoj 3631  N 个数中选若干数和(只能选一次)<=M 的最大值 const int Max_N = 38 ;int a[1<<16] , b[1<<16] , x[Max_N] , e[Max_N] ;void GetNum(int g[] , int n , int s[] , int &m){ int i , j , t ;m = 0 ;for(i = 0 ;