
Web前端
文章平均质量分 65
雨降
这个作者很懒,什么都没留下…
展开
-
关于路径<%=request.getContextPath()%>和${pageContext.request.contextPath}的问题
项目出现了很奇怪的问题,在引入css文件时,发现:1、${pageContext.request.contextPath} 会导致页面无法引入文件。下图是html源码显示2、改用后,就可以正常引入了 /resource/css/bootstrap.css" rel="stylesheet"> /resource/css/bootstrap-原创 2016-08-11 16:48:18 · 9466 阅读 · 0 评论 -
CSS中的嵌套规则,以及块级元素、内联元素、可变元素
嵌套规则:任何不是块级元素的可见元素都是内联元素块级元素可以包含内联元素和某些块级元素,但内联元素只能包含其他内联元素块级元素不能放在<p>里面有几个特殊的块级元素只能包含内联元素:h1~h6, p, dtli内可以包含div块级元素与块级元素并列,内联元素与内联元素并列来自:HTML中块级元素和行内元素的总结和区分块级元素和行内元素的定义:块级元素总是在新行...原创 2019-04-02 14:53:56 · 981 阅读 · 0 评论 -
CSS布局定义——文档流
将窗体自上而下分为一行行,并在每行中从左至右顺序排列元素。有三种情况使得元素脱离文档流而存在:浮动:不占任何正常文档流空间。浮动元素的定位还是基于正常的文档流,但是从正常的文档流种抽出,并尽可能地移动至左侧或右侧。文字内容会围绕在浮动元素周围。当一个元素脱离正常文档流后,仍在文档流中的其他元素会忽略该元素并填补它原先的空间绝对定位固定定位...原创 2019-04-02 14:24:32 · 317 阅读 · 0 评论 -
display:none与visiblity:hidden的应用
display:none时,该对象不占用空间,也不可见visibility:hidden时,该对象占据空间,仅不可见JQuery中,.hiden(),.show()方法对应的时display的操作要隐藏父元素的同时显示子元素该用visibility:父元素:visibility:hidden子元素:visibility:visible...原创 2019-04-02 14:16:35 · 3930 阅读 · 0 评论 -
CSS position定位
static:默认值,没有定位。元素出现在正常的流中(忽略top,bottom,left,right或z-index声明)absolute:绝对定位,相对于第一个父元素定位(不包括static)。位置通过bottom、top、left、right决定。与文档流无关,因此不占据空间。ralative:相对定位,相对于正常文档流位置进行定位。元素仍占据原来的空间。fiexed:绝对定位,根据浏览...原创 2019-04-02 14:11:03 · 508 阅读 · 0 评论 -
JS数组和对象
数组:var array = new Array(); array[0] = "test string";var array = new Array("string1", "string2");var array = ["string1","string2"];可在数组中嵌套数组:var ayyar = new Array();array.push([1,2]);array.push...原创 2019-04-02 14:01:50 · 298 阅读 · 0 评论 -
EL表达式中获取后台Map对象的key和value
前端:<c:forEach items="map" var="m"> ${m.key} ${m.value}</c:forEach>后端:Map<T,K> map = new ...modelMap.addAttribute("map",map);原创 2019-04-02 13:51:17 · 1456 阅读 · 0 评论 -
JavaScript动态生成[{key1:value1,key2:value2}]类型的数组
var array = new array();for(var i=0; i<anotherArray.length; i++){ array.push({ key1:anotherArray[i], key2:anotherArray2[i] })}原创 2019-04-02 13:47:51 · 4434 阅读 · 0 评论 -
前台JavaScript接收后台ModelMap发送的List并存为字符串数组数
后台:list.add("a");list.add("b");list.add("c");modelmap.addAttribute("test",list)前台:<script>var alist = ${test};</script>此时alist变量为[a,b,c],a,b,c是未定义的类型,而不是字符串修改:<script>v...原创 2019-04-01 17:10:26 · 2332 阅读 · 0 评论 -
HTML中的元素、标签、属性的定义
元素:<p>content</p>标签:<p>、<div>等属性:<a herf="www.xxx.com">中的herf="www.xxx.com"原创 2019-04-01 16:44:36 · 1285 阅读 · 0 评论 -
记一种常用的定位方式:垂直居中、水平居中等
简单解释一下: 首先对父元素设置padding-top,数值为height的一半,这样对于子元素来说较容易实现垂直居中;除此之外还要设置position: relative,以便子元素根据父元素的位置使用position: absolute。 子元素垂直居中可使用argin-top数值为height的一半的负数;想左对齐或者右对齐对应使用left或者right就可以了。注意,to原创 2017-04-07 17:02:44 · 448 阅读 · 0 评论 -
div垂直居中和水平居中
转载:http://blog.youkuaiyun.com/xunfriend/article/details/552323861、高度固定的div在父元素中垂直居中情况(相对简单些):方法1:无副作用;兼容性:IE8及以上css:.father{height: 300px;position: relative;background-color: green;}.son{height: 100px;posi转载 2017-04-07 11:19:27 · 507 阅读 · 0 评论 -
水平导航栏+导航栏跟随+导航栏下划线滑动效果
先放代码:HTML:<body> <div id="logo_bar" class="logo-bar">logo</div> <ul id="nav_bar" class="nav-bar "> <li> <a href="#">首 页</a> </li> <li> <a href="#原创 2017-04-07 00:07:54 · 9842 阅读 · 0 评论 -
Json对象和Json字符串的区别,以及Springmvc接受json字符串类型。
JSON对象有时候在做项目的时候时常将这两个概念弄混淆,尤其是在使用springmvc的时候,后台@RequestBody接受的是一个json格式的字符串,一定是一个字符串。先介绍一下json对象,首先说到对象的概念,对象的属性是可以用:对象.属性进行调用的。例如:var person={"name":"tom","sex":"男","age":"24"}//json对象 con转载 2016-08-05 17:07:29 · 4483 阅读 · 1 评论 -
关于SpringMVC 中服务器端如何响应 AJAX 请求(即controller是如何返回json的)
简单的来说,注解@ResponseBody是直接返回字符串,而不加这个注解,则springmvc会通过modelandview找到对应的jsp页面,并返回页面内容。(若不理解请看【知识点08】)至于下图这样,controller直接返回entity层,而页面依然显示为json字符串,是因为springmvc配置中添加了转换器converter:(其中消息转换器是原创 2016-08-07 16:53:03 · 11384 阅读 · 0 评论 -
session的取值与传值
服务器设置session后,前台获取代码的方法有3种:第一种是直接用el表达式,第二种是用JSP表达式。第三种是网上说的,用jquerySession取值。但是测试中无法取到,我的判断是,jquery无法直接通过服务器获取session,需要服务器先将session传到客户端前台,然后jquerySession才能取值。-------------------------------原创 2016-08-13 19:10:51 · 33695 阅读 · 0 评论 -
jsp 的四个作用域 :page、request、session和application的区别 .
1.简单说 page指当前页面。在一个jsp页面里有效 2.request 指从http请求到服务器处理结束,返回响应的整个过程。在这个过程中使用forward方式跳转多个jsp。在这些页面里你都可以使用这个变量。 3.Session 有效范围当前会话,从浏览器打开到浏览器关闭这个过程。 4.application它的有效范围是整个应用。 作用域里的变量,它们的存活时间是最转载 2016-08-08 15:13:05 · 647 阅读 · 0 评论 -
springMVC 处理返回数据:Map、Model、ModelMap、ModelAndView。
MapModelModelMapModelAndView在处理结果上,4者并没有太多区别。但使用方法略有不同:1、2、3在方法参数中声明,指定一个该类型的对象:后台:@RequestMapping("/test")public String test(Map<Sting, Object> map, Model model, ModelMap modelMap){ ...原创 2019-04-02 15:05:47 · 1888 阅读 · 0 评论