Web前端开发
庄生了梦
凡是让你痛苦的,都是让你成长的。
展开
-
Ajax解决浏览器的缓存问题
今天做项目,几乎所有的提交都是通过ajax来提交,我测试的时候发现,每次提交后得到的数据都是一样的,调试可以排除后台代码的问题,所以问题肯定是出在前台。每次清除缓存后,就会得到一个新的数据,所以归根到底就是浏览器缓存问题。纠结了很久,终于解决了,在这里总结一下。 我们都知道ajax能提高页面载入的速度主要的原因是通过ajax减少了重复数据的载入,也转载 2017-02-07 17:25:48 · 174 阅读 · 0 评论 -
使用jQuery实现图片懒加载原理
在网页中,常常需要用到图片,而图片需要消耗较大的流量。正常情况下,浏览器会解析整个HTML代码,然后从上到下依次加载<img src="xxx">的图片标签。如果页面很长,隐藏在页面下方的图片其实已经被浏览器加载了。如果用户不向下滚动页面,就没有看到这些图片,相当于白白浪费了图片的流量。所以,淘宝、京东这些流量非常巨大的电商,商品介绍页又必须有大量的图片,因此,这些页面的图片都是“按...原创 2019-02-14 14:25:01 · 155 阅读 · 0 评论 -
JS 格式化日期
function dateStr(date) { if (date == null || date == '') return ''; if (date instanceof Date) return format(date); else if (/^\d+$/.test(date)) return format(new Date(date)...原创 2019-02-14 14:25:35 · 499 阅读 · 0 评论 -
5 分钟掌握 JavaScript 实用窍门
一开始 JavaScript 只是为网页增添一些实时动画效果,现在 JS 已经能做到前后端通吃了,而且还是年度流行语言。本文分享几则 JS 小窍门,可以让你事半功倍 ~1. 删除数组尾部元素一个简单方法就是改变数组的length值:const arr = [11, 22, 33, 44, 55, 66];// truncantingarr.length = 3;console.log(arr...原创 2018-06-27 09:26:30 · 152 阅读 · 0 评论 -
后台取出毫秒日期 js转换正常
dateStr: function(date) { if (date == null || date == '') return ''; if (date instanceof Date) return this.format(date); else if (/^\d+$/.test(date)) return ...原创 2018-03-21 09:38:26 · 205 阅读 · 0 评论 -
在js里双引号里又加单引号的解决方案常用WdatePicker
EndTime: '',或者如下: EndTime: '', 就是说单引号要用:"或者\'这个字符代替原创 2017-08-09 15:38:59 · 565 阅读 · 0 评论 -
javascript中new Date()的浏览器兼容性问题
引言: 同一种语言JavaScript,在不同的浏览器中,存在语言兼容性问题,本质上是由于不同的浏览器是支持的语言标准和实现上各有差异。本文将基于new Date来创建Date对象来分析这个问题。1. 问题的提出, 开始时间和结束时间空间无法正确的传递值 在页面中,我们使用了一个时间上的组件来开发时间选择框,但是发现在Firefox下是无法正常工作的,在Chrome下是原创 2017-08-01 13:36:22 · 356 阅读 · 0 评论 -
jquery中获取一批包含同样字符id值方法
[javascript] view plain copy$(function(){ $("[id^=click_]").click( function () { var id=$(this).attr("id").split("click_")[1]; alert(id);转载 2017-07-07 16:19:29 · 604 阅读 · 0 评论 -
指定浏览器内核
如您是网站的开发者,可以通过在页面标签中添加代码,来指定网站的模式若页面需默认用极速模式,增加标签:若页面需默认用IE兼容模式,增加标签:若页面需默认用IE标准模式,增加标签:content的取值分别为webkit,ie-comp,ie-stand,区分大小写,分别代表用极速模式,IE兼容模式(低版本IE模式),IE标准模式(高版本IE模式)原创 2017-07-05 22:29:09 · 657 阅读 · 0 评论 -
jquery中attr和prop的区别
在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单:对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。 上面的描述也许有点模糊,举几个例转载 2017-06-20 09:35:17 · 752 阅读 · 0 评论 -
解决session过期跳转到登录页并跳出iframe框架
可以用javaScript解决 在你想控制跳转的页面,比如login.jsp中的与之间加入以下代码: if (window != top) top.location.href = location.href; 则在系统超时想在框架中打开登录页时,则login.jsp自身进行判断后跳出iframe等框架要。原创 2017-02-08 15:46:00 · 1615 阅读 · 0 评论 -
Ztree
项目中要用到树,所以找了下,有人推荐Ztree,就去试试,没想到,确实非常的实用啊。Ztree的使用也非常简单,首先,去官网(http://www.ztree.me/v3/api.php)下载插件,都是中文版的,相信都看得懂。JS引入:link type="text/css" rel="stylesheet" href="${ctx}/css/preview/left.css"原创 2017-02-08 15:44:22 · 254 阅读 · 0 评论 -
URL请求传递中文参数乱码
有的时候我们发送URL请求会带有中文参数,例如a.jap?name=锁,这样直接发送会产生中文乱码的问题。jsvar url = window.location.search;var condition = url.split("=");alert(condition[1]);得到%E6%B5%B4%E7%9B%86解决办法:在后台接受参数时:req.setCharac原创 2017-02-08 15:38:19 · 404 阅读 · 0 评论 -
window.open()、location.href下载文件时中文路径乱码解决
location.href="../../Statics/download/带电作业电动工具单页资料.pdf";window.open("../../Statics/download/带电作业电动工具单页资料.pdf");上面两种情况下,会出现乱码。根本问题是服务器的编码问题:这里用到的是tomcat服务器。解决办法:1:tomcat 安装路径下 找到 conf文件下的server.xml原创 2017-02-08 15:36:58 · 9583 阅读 · 2 评论 -
onload事件-----addLoadEvent函数
假如我们希望某个函数在网页加载完毕之后就立即执行。网页加载完毕时会触发一个onload事件,所以我们可以利用onload事件来加载这个函数。Onload事件与window对象相关联。如: 把myfunction函数绑定到这个事件上:[javascript] view plain copywindow.onload = myf转载 2017-02-07 17:27:57 · 258 阅读 · 0 评论 -
CSS实现带箭头的DIV
毕业设计要做一个提示框:当鼠标放在某个链接上时,下边显示有提示功能的窗体。如下: 具体代码实现如下: CSS:[css] view plain copy.rhsyyhqDIV{ position:absolute; top:555px; left:200px;转载 2017-02-07 17:27:34 · 3111 阅读 · 1 评论 -
jquery之ajaxfileupload异步上传插件
由于项目需求在上传头像是需要使用异步上传文件,在上传的过程中需要对文件进行校验:规则如下:宽度和高度大于200,宽高比要小于2,大小小于2M。 我这里使用的是AjaxFileUploader这个组件,服务器使用Struts处理文件。 实例:[html] view plain copyform action=""转载 2017-02-07 17:26:20 · 218 阅读 · 0 评论 -
如何在一个页面上让多个jQuery版本共存
如何在一个页面上让多个jQuery共存呢?比如jquery-1.5和jquery-1.11。你可能会问,为什么需要在一个页面上让多个jQuery共存?直接引用最新版本的jQuery不行吗?答案是,不行。因为现实生活是非常残酷的。举个栗子:现有网站已经引用了jQuery 1.5以及相关插件。如果直接将jQuery升级到最新版,这些插件就不工作了,除非你能把这些插件全部升级,或者等各个插件的作者...原创 2019-02-14 14:24:49 · 228 阅读 · 0 评论