【前端】
关注
分享
扫一扫
退役人员
静以修身，俭以养德
展开
-
cookies,sessionStorage和localStorage的区别
1.Web Storage 软件编程希望通过一些手段来持久化的存储一些有用的数据。对于网络化编程，一般将这项任务交给了服务器端的数据库或者浏览器端的cookie。 随着HTML5的出现，web开发又有了两种选择：Web Storage和Web SQL Database. Web Storage有两种形式： LocalStorage（本地存储）和sessi转载 2017-09-15 16:42:16 · 467 阅读 · 0 评论 -
css 实现蒙版效果
样式： .back {background:url(images/coupon-logo.gif) no-repeat;} .top {height:100px;background-color:#fff;filter:Alpha(Opacity=60);opacity:0.6;}html: 关键代码 background-color:#fff;filt转载 2017-12-09 15:03:36 · 2170 阅读 · 0 评论 -
html标签
1.关闭搜索记录（历史记录）在表单中加上 关闭自动完成 autocomplete="off"autocomplete="off" />2.语法检查autocomplete="off"spellcheck="false" />原创 2017-12-11 19:03:33 · 169 阅读 · 0 评论 -
关于cellspacing、cellpadding属性问题
这是我一直以来不会的问题，比较让我头疼，就是理解不透彻。这次我做了全面总结一下吧，必须这样才能记住了！1.cellspacing与cellpadding首先看下面的几组：①： Fir Row Sed Row②：cellpadding="0" cellspacing="0px"> Fir Row原创 2017-11-25 16:22:51 · 819 阅读 · 0 评论 -
关于CSS定位
CSS 定位机制CSS 有三种基本的定位机制：普通流、浮动和绝对定位。除非专门指定，否则所有框都在普通流中定位。也就是说，普通流中的元素的位置由元素在 (X)HTML 中的位置决定。CSS position 属性通过使用 position 属性，我们可以选择 4 种不同类型的定位，这会影响元素框生成的方式。position 属性值的含义：原创 2017-11-25 16:43:23 · 238 阅读 · 0 评论 -
总结一下CSS中的定位 Position 属性
在CSS中，Position 属性经常会用到，主要是绝对定位和相对定位，简单的使用都没有问题，尤其嵌套起来，就会有些混乱，今记录总结一下，防止久而忘之。CSS position 属性值：absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。r转载 2017-11-25 16:54:35 · 268 阅读 · 0 评论 -
js弹窗的3种方式：alert、confirm、prompt
代码比较直观，大家可以复制下来，跑一下就会体会到用法了 <%@page contentType="text/html"%><%@page pageEncoding="UTF-8"%><!DOCTYPE html><html> <head> <meta http-equiv="Cont原创 2017-11-27 10:02:33 · 21511 阅读 · 0 评论 -
程序员都会的 35 个 jQuery 小技巧
收集的35个 jQuery 小技巧/代码片段，可以帮你快速开发.1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});document).ready(function(){ $(docum...转载 2017-12-15 10:28:48 · 196 阅读 · 0 评论 -
前端设计师必须知道的10个重要的CSS技巧
对于一个初入门的前端设计师，在设计修改网站前端的时候，我们需要编写一些CSS、JS的内容达到界面效果。今天分享10个对于前端设计师来说重要的CSS技巧，这也是我在给许多客户做网站的过程当中总结出来的。1、绝对定位在绝大过程中，想确定一个元素在网站当中的固定位置，绝对定位是实现这个方式的解决办法。在网页当中，绝对定位可精确的控制元素在网页当中的位置，我们可使用顶部、底部、左侧和右侧，转载 2018-01-26 09:02:12 · 169 阅读 · 0 评论 -
HTML5 FormData 方法介绍以及实现文件上传---java版本
Java版本使用formData上传图片和表单参数，这主要是我亲身使用的，为了以后再次查看方便，也为了给广大我这种低级的程序员方便，所以将代码保存在此。我这段代码的业务比较复杂，你可以只查看重点部分（红色标出）。FormData 上传文件实例首先看一下formData的基本用法：FormData对象，可以把所有表单元素的name与value组成一个queryString，提交到后台。只需要...原创 2018-03-14 08:49:53 · 5088 阅读 · 0 评论 -
frame,iframe,frameset之间的关系与区别（总结）
iframe 是在html页面内嵌入框架 框架内可以连接另一个页面，如 <html><head></head><body><iframe src="xxx.html"></iframe></body></html>frameset 在一个页面中设置原创 2018-07-19 10:13:23 · 729 阅读 · 0 评论 -
Ztree使用方法总结
在工作中简单得使用了ztree， 为了以后便于翻阅，总结下使用方法： 1，在页面中引入ztree的类库和样式文件。 <script type="text/javascript" src="/scripts/jquery-1.7.2.js"></script><script type="text/javascript" src="/scripts.原创 2018-07-07 09:15:14 · 756 阅读 · 0 评论 -
window.parent.document解决方案【原生js或jQuery 实现父窗口的问题】
做WEB前端开发的过程中，经常会有这样的需求，用户点击【编辑】按钮，弹出一个对话框，在里边修改相应的值，然后把修改后的值显示在原页面，最后点击保存。用window.parent.document.getElementById().setAttribute("value","")可以很好的解决这个问题。源代码如下：父页面中的代码：<!doctype html><html...原创 2018-07-21 14:09:23 · 6120 阅读 · 0 评论 -
bug: java.io.IOException: 你的主机中的软件中止了一个已建立的连接。
这个bug:出现的情形是，我在弹窗上传了一个Excel文件，然后返回给网页信息，关闭弹窗。然而弹窗关闭不了，然后一直提示这个错误，最后发现原因居然是浏览器兼容性问题，个别浏览器就好使了。问题原因：<button>在Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。所以导致了表单重复提交。出现“j...原创 2018-07-30 16:59:18 · 11020 阅读 · 1 评论 -
做小程序设计，不得不说的7个坑
一年半的时间，我们亲眼见证了小程序从萌芽成长为参天大树，支撑起我们现今的生活方式，让我们在他的树荫下享受着舒适。很多公司自然不会错过这次机会，纷纷加入到小程序的行列。这对设计和开发而言算是一次挑战，毕竟要快速上线的步伐没有留给我们太多时间，而市面上的相关资料都太零碎，在实际中会遇到很多的坑，官方文档也没有说明。所以我拉着我们开发小哥哥 Yog，帮大家规避小程序设计中的那些坑。一、设计稿...原创 2018-08-24 14:07:25 · 9904 阅读 · 1 评论 -
EL表达式中 empty 和 null 区别
在EL中empty对""和null的处理都返回true，而==null对""返回false，对null返回true。比如：a ==null ,如果a是等于""字符串空。结果就是false.只能判断null empty a 不管a等于null或者"' ,结果都是true.Empty 运算符主要用来判断值是否为空（NULL,空字符串，空集合）。转载 2017-11-17 17:49:08 · 617 阅读 · 0 评论 -
『总结』JS常用方法与片段
1.javascript删除元素节点IE中有这样一个方法:removeNode()，这个方法在IE下是好使的，但是在Firefox等标准浏览器中就会报错了 removeNode is not defined，但是在核心JS中有一个操作DOM节点的方法叫：removeChild()。我们可以先去找到要删除节点的父节点，然后在父节点中运用removeChild来移除我们想移除的节点。我们可以定...转载 2017-09-11 12:07:53 · 198 阅读 · 0 评论 -
模态框回车搜索的实现
总结一个小功能，实现过程如下： 功能一： /* 模态框回车搜索的实现： */ //①先禁止回车触发表单提交 $(document).keydown(function(event){ if (event.keyCode == 13) { $('#addClerk...原创 2017-09-07 17:57:54 · 935 阅读 · 0 评论 -
JS中在当前日期上追加一天或者获取上一个月和下一个月
js中在当前日期上追加一天：Date本来就有setDate()的方法 ，用getDate()出来的数值+1就是加1天 如果大于本月最大天数会自动往下加一个月的如：<script language="JavaScript">var now = new Date();now.setDate(now.getDate()+1); alert(now);</script...原创 2017-08-29 14:29:08 · 7901 阅读 · 0 评论 -
浅谈href=#与href=[removed]void(0)的区别
浅谈href=#与href=javascript:void(0)的区别，需要的朋友可以参考一下 ＃"包含了一个位置信息默认的锚点是＃top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0)或者...转载 2017-06-16 11:17:52 · 304 阅读 · 0 评论 -
this.value和$(this).val()的区别
this.value是JS原生态写法 $(this).val()是JQ的写法 两个打印出来的值是一样的。另外补充最近积累的几点：change()事件click()事件reset()方法重置是DOM对象的操作，empty()是DOM对象的设置为空的操作 ...原创 2017-06-11 11:44:32 · 18735 阅读 · 0 评论 -
JQuery对象和DOM对象的区别
初学jQuery，会对jquery对象和DOM对象心存很大的疑惑，因此有必要明白他们之间的区别和联系。DOM对象是我们用传统的方法（JavaScript）获得的对象，jQuery对象就是用jQuery的类库选择器获得的对象。JQuery对象就是通过jQuery包装DOM对象后产生的对象。JQuery对象是jQuery独有的，其可以使用jQuery里的方法，但是不能使用DOM的方法；例如：...转载 2017-06-10 09:22:42 · 1208 阅读 · 0 评论 -
原生js--事件类型
1、表单事件：submit事件reset事件click事件change事件focus事件（不冒泡） （IE和ES5支持冒泡的focusin）blur事件（不冒泡） （IE和ES5支持冒泡的focusout）input事件（ES5 textinput提供更方便的获取输入文字的方案） 2、Window事件load事件DOMContentLoaded事件r...转载 2016-04-27 13:22:06 · 592 阅读 · 0 评论 -
怎么应用vertical-align，才能生效？
vertical-align 的使用 以前总是想要一些元素垂直居中对齐，经常用line-height，可是对于图片来说，line-height的表现并不理想（非常不理想）可看我的文章：line-height系列（二），所以得用vertical-align:middle。然而用的时候总是无效，查了资料和实践后，终于知道vertical-align的用法了！ 作用环境：父元素设置lin转载 2017-09-11 21:00:31 · 543 阅读 · 0 评论 -
关于web开发中的开关功能------layui和bootstrap两种开关
1.两种开关都需要使用外部引入的js包，layui使用layui插件包第一种layui式开关：①引入的外部文件 <link href="${ctxStatic}/layui/css/layui.css" rel="stylesheet"> <script src="${ctxStatic}/layui/layui.js"></script>此..原创 2017-09-12 09:56:58 · 7315 阅读 · 2 评论 -
relative,absolute,static,fixed定位问题
在用CSS+DIV进行布局的时候，一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚，以致经常会出现让人很郁闷的结果。今天研究了一下，总算有所了解。在此总结一下：先看下各个属性值的定义：1、static：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index （为转载 2017-09-28 13:59:42 · 258 阅读 · 0 评论 -
JavaScript基础知识及常用方法总结
JAVASCRIPT是AJAX技术中不可或缺的一部分，所以想学好AJAX以及现在流行的AJAX框架，学好JAVASCRIPT是最重要的。一、基础知识：1.document.write(""); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(nav...转载 2017-09-12 13:52:12 · 333 阅读 · 0 评论 -
Jquery中each的三种遍历方法
1、选择器+遍历$('div').each(function (i){ i就是索引值 this 表示获取遍历每一个dom对象}); 2、选择器+遍历$('div').each(function (index,domEle){ index就是索引值 domEle 表示获取遍历每一个dom对象}); 3、更适用的遍历方法 1）先获取...转载 2017-09-19 16:29:33 · 688 阅读 · 0 评论 -
Javascript编码解码方法(decodeURIComponent)
在js编码解码中我们可以使用decodeURIComponent()与encodeURIComponent()函数进行处理，下面我们一起来看一个简单编码解码的例子吧。javascript（UrlDecodedecodeURIComponent()）这个函数名称实在太常了，个人真的不太了解，毕竟js的系统函数很多，很容易遗漏。烦恼在偶然间发现了这个函数！编码函数：encodeURICompone...转载 2017-10-27 17:14:48 · 890 阅读 · 0 评论 -
三种方式格式化时间（JS函数、HTML中EL表达式、Java代码中）
1：单纯是从HTML中格式化时间，使用<fmt:formatDatevalue="${templateUnit.creTime}" pattern="yyyy-MM-dd"/>如果需要限制样式，那么这样也是可以的。如下：<input type="text" class="form-control" value='<fmt:formatDate value=&qu原创 2017-10-28 14:29:13 · 8761 阅读 · 0 评论 -
js拼接字符串函数名称中带参数引号问题（总结）
在做项目时候要将链接触发一个事件，需要拼接函数名称而且动态传入参数，结果参数引号一直引起js报错，经过研究发现了正确的写法，如下：1.当函数只有一个参数时候，按照下面的写法即可 "<a href='javascript:void(0);' title='删除' onclick=\"delete(' "+li.id+" ')\"><span style='color:bl...原创 2018-11-12 10:45:40 · 3158 阅读 · 0 评论