前端
前端技术专栏
jamesge2010
这个作者很懒,什么都没留下…
展开
-
window.open如何实现窗口关闭数据回传
1.打开新窗口时增加事件监听。2.子窗口关闭时回传数据。3.父窗口接收回传的数据。原创 2022-10-24 15:07:58 · 1340 阅读 · 0 评论 -
jQuery如何设置checkbox选中状态
function checkAll(){if($("#checkAll").attr("checked")) {$("input:checkbox[name=checkbox1]").attr("checked",true);} else {$("input:checkbox[name=checkbox1]").attr("checked",false);}}注原创 2016-01-30 15:25:15 · 4964 阅读 · 0 评论 -
jQuery.noConflict() 函数详解
jQuery.noConflict()函数用于让出jQuery库对变量$(和变量jQuery)的控制权。一般情况下,在jQuery库中,变量$是变量jQuery的别名,它们之间是等价的,例如jQuery("p")和$("p")是等价的。由于变量$只有一个字符,并且特点鲜明,因此我们更加习惯使用$来操作jQuery库。不过,其他JS库也可能使用变量$来进行操作,例如Prototype库。这个转载 2016-07-06 11:18:03 · 311 阅读 · 0 评论 -
springMVC发送和接收json请求的方法
$(function(){$("#testJson").click(function(){var url = this.href;var args = {};$.post(url, args, function(data){for(var i = 0; i var id = data[i].id;var lastName = data[i].lastName;a原创 2016-11-16 09:42:11 · 1078 阅读 · 0 评论 -
06-background.html(background相关属性)
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>background相关属性</title><style type="text/css"> ul{ width: 700px; margin: 0 auto; } html,...原创 2019-11-16 23:52:43 · 277 阅读 · 0 评论 -
09-transitionDemo.html(画笔动画效果)
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>画笔动画效果</title><style type="text/css"> body { background: #2192bc; } .box { width: 100px...原创 2019-11-20 00:30:06 · 119 阅读 · 0 评论 -
11-animation.html(帧动画)
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>帧动画</title><style type="text/css"> #div1 { width: 100px; height: 100px; background: -webk...原创 2020-03-01 17:15:39 · 460 阅读 · 0 评论 -
04-linear-gradient.html(线性渐变)
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>线性渐变</title><style type="text/css"> #div1{ width: 500px; height: 300px; /* 谷歌 */ backgr...原创 2019-11-16 22:05:39 · 120 阅读 · 0 评论 -
07-box-shadow.html(阴影)
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>阴影</title><style type="text/css"> *{ margin: 0; padding: 0; } ul li{ width: 100px; ...原创 2019-11-18 23:43:54 · 92 阅读 · 0 评论 -
14-transform3dDemo1.html(3D变形案例1)
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>3D变形案例1</title><style type="text/css"> * { margin: 0; padding: 0; } .warp { perspect...原创 2020-03-07 23:21:35 · 156 阅读 · 0 评论 -
12-animationDemo.html(帧动画案例)
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>帧动画案例</title><style type="text/css"> * { margin: 0; padding: 0; } ul { list-style: n...原创 2020-03-04 23:11:57 · 178 阅读 · 0 评论 -
03-新的语义标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ margin: 0; padding: 0; } add...原创 2019-11-05 23:17:08 · 70 阅读 · 0 评论 -
05-redial-gradient.html(径向渐变)
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>径向渐变</title><style type="text/css"> #div1{ width: 500px; height: 300px; /* 谷歌 */ backg...原创 2019-11-16 23:51:29 · 223 阅读 · 0 评论 -
02-form.html(表单验证)
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body> <!-- 不需要验证,直接提交 --> <!-- <form actio...原创 2019-11-08 23:56:10 · 83 阅读 · 0 评论 -
01-页面布局示例
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>html5测试</title><!--[if lt IE 9]> <script src="html5.min.js"></script><![endif]...原创 2019-11-05 23:18:48 · 176 阅读 · 0 评论 -
08-transition.html(过渡动画)
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>过渡动画</title><style type="text/css"> #div1 { width: 100px; height: 100px; background: red;...原创 2019-11-20 00:29:23 · 145 阅读 · 0 评论 -
03-border-radius.html(图形圆角)
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>圆角</title><!-- border-radius:1-4个数字/1-4个数字*前面是水平半径,后面是垂直半径*四个数字方向分别是左上 右上 右下 左下*不给"/"则水平半径和垂直半径...原创 2019-11-12 23:33:50 · 200 阅读 · 0 评论 -
10-transform.html(2D变形效果)
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>2D变形效果</title><style type="text/css"> #div1 { width: 200px; height: 300px; border: 1px s...原创 2019-12-29 21:11:18 · 423 阅读 · 0 评论 -
13-3d.html(3d变形)
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>3d变形</title><style type="text/css"> .wrap { width: 200px; height: 200px; border: 1px soli...原创 2020-03-04 23:57:56 · 232 阅读 · 0 评论 -
02-新的提纲标题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ margin: 0; padding: 0; } hea...原创 2019-11-05 23:16:09 · 85 阅读 · 0 评论 -
html5学习
html5中把原来需要用div+css定义页面样式的模式中增加更显式的标签来定义,主要有:<header>——定义标题头<section>——主要内容显式区域<aside>——侧边栏内容<article>——标题<footer>——页脚<nav>——导航栏<figure>与<...原创 2019-10-30 16:17:10 · 62 阅读 · 0 评论 -
15-transform3dDemo2.html(3D变形案例2)
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>3D变形案例2</title><style type="text/css"> * { margin: 0; padding: 0; } .wrap { width: 31...原创 2020-03-08 00:55:41 · 133 阅读 · 0 评论 -
04-新的表单元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <form action=""> <p> 请输入你的年龄...原创 2019-11-05 23:17:38 · 108 阅读 · 0 评论 -
siteMesh之decorator的使用
最近维护一个项目,因为这个项目我没作开发,所以需要先熟悉项目的框架和业务,昨天被一个问题给整懵了,我不管怎么看都弄不明白那个链接怎么跳过去的.因为那个链接地址跟实际看到的页面不一样.链接地址的页面只是实际看到页面的一小部分,反反复复盯着那个请求名,然后到struts.xml文件中去找实际的跳转页面,反复查了几遍确定没问题,但看到的页面的确跟struts.xml里面写的path不一样. 后转载 2016-05-19 16:47:54 · 1409 阅读 · 0 评论 -
深入理解HTTP Session
session在web开发中是一个非常重要的概念,这个概念很抽象,很难定义,也是最让人迷惑的一个名词,也是最多被滥用的名字之一,在不同的场合,session一次的含义也很不相同。这里只探讨HTTP Session。 为了说明问题,这里基于Java Servlet理解Session的概念与原理,这里所说Servlet已经涵盖了JSP技术,因为JSP最终也会被编译为Servlet,两者转载 2016-04-26 23:22:56 · 211 阅读 · 0 评论