web前台
文章平均质量分 61
DHASA
这个作者很懒,什么都没留下…
展开
-
HTML表单form
1、标签为input元素定义标签。label元素不会向用户呈现任何特殊的样式,不过,它为鼠标用户改善了可用性,因为如果用户点击了label元素内的文本,则会切换到控件本身。标签的for属性应该等于相关元素的id元素,以便将它们捆绑起来。for="male">Maleid="male" />for="female">Femaleid="female" />当用鼠标点击Male原创 2015-11-17 09:27:37 · 429 阅读 · 0 评论 -
js零零散散的积累
1、今天遇到一个for循环中添加事件绑定无效的情况,改用each循环是好用的,不知道是自己写的有问题还是本身for循环的绑定事件就是如此(感觉就是这样)。原创 2016-03-15 23:13:21 · 456 阅读 · 0 评论 -
【H5】localStorage、sessionStorage用法总结
localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。sessionStorage生转载 2016-02-25 18:39:51 · 9090 阅读 · 0 评论 -
前台上传文件以及页面的文件显示操作
1、UI布局:(1)添加图片位的div: (2)文件显示的模板布局(重点):原创 2016-03-10 13:13:39 · 9844 阅读 · 4 评论 -
css一些零零散散的问题
1、css的最后的样式会覆盖之前相同的样式,同文件是这样,不同css文件中也是这样(当前覆盖父级)。原创 2016-03-07 18:51:52 · 410 阅读 · 0 评论 -
JSON.parse()和JSON.stringify()
parse用于从一个字符串中解析出json对象,如var str = '{"name":"DHASA","age":"23"}'结果:JSON.parse(str)Objectage: "23"name: "DHASA"__proto__: Object注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异转载 2016-02-20 17:20:23 · 352 阅读 · 0 评论 -
前台访问接口时无法访问以及访问出错的原因(一点一点加)
1、检出到本地的web工程,启动tomcat访问,前端和后台都不报错,但是就是无法访问,也不报404 500等错误。通过浏览器的检查,说是(该设备或资源(localhost)未设置为接受端口“8080”上的连接。),其实是tomcat的http协议端口没有设置为8080,因为我们的网络访问地址端口在地址栏中写的是8080.修改完成之后要重新启动tomcat,这样对tomcat的配置才能起作用。原创 2016-03-07 18:46:23 · 4794 阅读 · 0 评论 -
input只能输入数字等
大家经常会遇到input输入框中只能输入特定某种或者几种类型的字符的限制,以数字为例:1、目前个人比较推荐的做法,原因:(一)兼容性不存在问题,(二)如果限制类型改变简单改变正则表达式即可。html中:虽然是输入非数字之后进行空替换,并不是直接不允许输入,但是不存在兼容性问题,而且本身写法简单并且改变限制类型之后替换正则表达式也很容易实现。下面网站提供了一些相应正则表达式的写法原创 2016-03-18 10:27:33 · 1151 阅读 · 0 评论 -
jquery的ajax方法
1、jquery的ajax异步调用的方法形式:jQuery.ajax({ url : url, type : 'POST', data : JSON.stringify(param), dataType : 'json', contentType : 'application/json;charset=UTF-8'原创 2016-02-20 17:17:39 · 729 阅读 · 0 评论 -
js之闭包
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999;转载 2016-03-15 23:09:49 · 384 阅读 · 0 评论 -
使div居中显示
1、上下为0左右自动,宽度请忽略!.wrap {width:460px;margin:0 auto;}2、相对父级body,左边与中部对其,在将自身左移自身宽度的一半,好了,居中。.wrap {position:relative;width:460px;left:50%;margin-left:-230px}原创 2016-03-03 09:58:20 · 381 阅读 · 0 评论 -
图片和文字保持相对位置不变以及background属性
这个代码大神分分钟写完。先来看效果图:下面是代码:aa*{padding:0;margin:0;}ul,li{list-style:none;}.wrap { width:460px; margin:0 auto;}.list-bg { width:100%; height:24px; background:url(images/a.png) no-r原创 2016-03-02 19:43:49 · 2984 阅读 · 0 评论 -
前台图片样式的相关处理
首先来看一下效果:(当鼠标移动至图片,显示删除图标可以进行删除)原创 2016-01-12 20:50:34 · 1059 阅读 · 0 评论 -
jquery以及js中那些好用的函数
初生牛犊用蛮力,经验不足的时候容易乱用方法,往往十分复杂且代码不健壮,注意适时请教,也注意积累经验。1、$.grep()方法是按照某种条件来过滤数组,所以使用$.grep()方法可以从数组中过滤出我们想要的结果。grep(array,callback,invert)array:待过滤数组;callback:处理数组中的每个元素,并过滤元素,该函数中包含两个参数,第一个是原创 2016-01-11 11:20:05 · 338 阅读 · 0 评论 -
$.each()和$().each
(1)在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点。$().each,对于这个方法,在dom处理上面用的较多。如果页面有多个input标签类型为checkbox,对于这时用$().each来处理多个checkbook,例如:$(“input[name=’ch’]”).each转载 2015-12-01 16:57:21 · 467 阅读 · 0 评论 -
js数组操作大全(pop,push,unshift,splice,shift方法)
shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefinedvar a = [1,2,3,4,5];var b = a.shift(); //a:[2,3,4,5] b:1unshift:将参数添加到原数组开头,并返回数组的长度var a = [1,2,3,4,5];var b = a.unshift(-2,-1); //a:[-2,-1,1,转载 2015-12-01 13:27:08 · 940 阅读 · 0 评论 -
checkbox选取,全选
1、获取到checkbox要显示的内容,初始化。要点:给label和checkbox赋id,并且将想要获取的值放到html中是最稳定的,要的时候去取。并且尽量在给checkbox的checked属性赋值时,尽量使用prop('checked',true);attr会有bug。$.each(data.model.data.teacherInfoList, function(i, oneDat原创 2016-01-17 16:42:15 · 381 阅读 · 0 评论 -
web前台工作笔记2
1、关于数据库中很多字段插入的内容为‘ ’,原因是:前台非必填项未填时将空字符串作为参数传递给了接口,而接口也并未做判空处理。前台和后台都可以做控制处理,前台可以写一个共同的方法来分别对各个值做判断:function check(val) { if (isBlank(val)) {//val!=null&&val!='' return null; } else { return v原创 2016-01-17 13:37:28 · 554 阅读 · 0 评论 -
工作中遇到的关于页面刷新跳转的问题
在项目后期修改bug的时候,有一个页面分为两个tab页面,刷新显示a页面,但是当b页面修改保存后刷新要求留在本页面,由于代码是别人写的,当时在js中开始找在哪里加载的页面,进行了刷新,但是代码各种套,并没有准确找到。首先刷新之后肯定是加载了页面的,也就是肯定会调用js中的初始化函数。所以可以在两个tab点击的时候在storage中setItem分别绑定不同的值(注意要在点击的源里设置)。然原创 2016-02-23 12:48:29 · 628 阅读 · 0 评论