web前端新手学习总结(六):eclipse项目中jsp文件常用代码解析

1.String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"

这个语句是用来拼装当前网页的相对路径的。

String basePath 这个应该是一个存放URL的变量

request.getSchema()可以返回当前页面使用的协议,就是“http”
request.getServerName()可以返回当前页面所在的服务器的名字,就是“localhost"
request.getServerPort()可以返回当前页面所在的服务器使用的端口,就是8080,
request.getContextPath()可以返回当前页面所在的应用的名字,如名称为“mystudy”。

<base href="...">是用来表明当前页面的相对路径所使用的根路径的。
比如,页面内部有一个连接,完整的路径应该是 http://localhost:8080/mystudy/action/login.do
其中http://server/是服务器的基本路径,mystudy是当前应用程序的名字,那么我的根路径应该是http://localhost:8080/mystudy/。

2.

3.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta name="author" content="Csdn" />
<meta name="Copyright" content="Csdn" />
<meta name="description" content="" />
<meta content="" name="keywords" />

第一行说明了他的文字编码meta是“元”的意思,顾名思义,<meta>元素提供有关页面的元信息(meta-information),比如:针对搜索引擎和更新频度的描述关键词。它位于文章的头部,不包含任何内容。
第二行说明了他采用的语言
第三行说明了他的作者
第四行说明了他的版权
第五行是对网站的简单描述
第六行是说明了本网站的关键字
后便两行主要是被百度这些搜索网站检索的时候用的 非常重要

4.<meta name="viewport"content="width=device-width,initial-scale=1.0, user-scalable=yes">

就是动态加载,

在某个条件为true时,加载<meta name="viewport"content="width=device-width,initial-scale=1.0, user-scalable=yes">
条件为false时,加载<meta name="viewport"content="width=device-width,initial-scale=1.0, user-scalable=no">

5.<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">

为了防止Android Browser和WebView 根据不同屏幕的像素密度对你的页面进行缩放,你可以将viewport的target-densitydpi 设置为 device-dpi。当你这么做了,页面将不会缩放。相反,页面会根据当前屏幕的像素密度进行展示。在这种情形下,你还需要将viewport的width定义为与设备的width匹配,这样你的页面就可以和屏幕相适应。

 target-densitydpi一个屏幕像素密度是由屏幕分辨率决定的,通常定义为每英寸点的数量(dpi)。Android支持三种屏幕像素密度:低像素密度,中像素密度,高像素密度。一个低像素密度的屏幕每英寸上的像素点更少,而一个高像素密度的屏幕每英寸上的像素点更多。Android Browser和WebView默认屏幕为中像素密度。

下面是 target-densitydpi 属性的 取值范围

width - viewport的宽度 height - viewport的高度

initial-scale - 初始的缩放比例

minimum-scale - 允许用户缩放到的最小比例

maximum-scale - 允许用户缩放到的最大比例

user-scalable - 用户是否可以手动缩放

所有的缩放值都必须在0.01–10的范围之内。

例子: 
(设置屏幕宽度为设备宽度,禁止用户手动调整缩放)

<meta name="viewport" content="width=device-width,user-scalable=no" />

(设置屏幕密度为高频,中频,低频自动缩放,禁止用户手动调整缩放)

<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

6.

@media (min-width:200px){.pd-xs-20{padding:20px;}}现网页自适应中的几个关键分辨率

利用@media screen实现网页布局的自适应

优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值

每个用户打开浏览器,连接到你的网站,那么你的网站就会为该用户建立一个会话session
这个session有一定是时间期限,在这个过程可以保存用户的信息。
比如说,用户登录后,我通过
User loginUser = new User();
loginUser.setLoginStatus(true);
session.setAttribute("user",user);
将用户的信息保存在session中。
那么在其他地方,我就可以通过
User loginUser = (User)session.getAttribute("user");
来获取用户的登录信息,并判断他是否登录等等。

String username = user.getUserName();

判断用户是否登录,并且可以进行操作 

<meta http-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE">//加上这样的一句话,是页面在IE9,8,7中永远都以IE最新的版本显示网页。

7.<link rel="stylesheet" type="text/css" href="css/index.css">

调用一个外部的CSS样式文件。他是通过<link/>这个标签来调用的。

然后, href="css/index.css" 表示外部样式文件的路径,

rel="stylesheet"表示调用的是一种样式。告诉浏览器你将采用一个样式表文件
简单来说就是告诉浏览器你将采用什么编码来对下面的内容进行处理

最后,type="text/css" 就具体说明调用样式的文件类型为CSS样式!

8.filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,
EndColorStr=#ECE9D8

这一句代码是ie自带滤镜的渐变效果,渐变开始的颜色是#ffffff,结束的颜色是#ECE9D8,gradientType=0表示纵向淅变,如果把它改成1就是横向渐变~~
不过这个效果只在IE浏览器里面生效的,而且执行起来也很占系统资源,一般建议用渐变色的图片来替代。

9.

$('#name').val() 是获取name的值(没有去掉空格)
$.trim($('#name').val()) 是获取name的值并且去除空格
$.trim($("#name").val()).length 是获取name的值并且去除空格之后的长度
$.trim() 是去除空格的。

10.String message = (String)request.getAttribute("message");//得到页面中message的值

11.

判断某字符串是否不为空且长度不为0且不由空白符(whitespace)构成,等于!isBlank(String str)
下面是示例:
StringUtils.isNotBlank(null) = false
StringUtils.isNotBlank("") = false
StringUtils.isNotBlank(" ") = false
StringUtils.isNotBlank(" ") = false
StringUtils.isNotBlank("/t /n /f /r") = false
StringUtils.isNotBlank("/b") = true
StringUtils.isNotBlank("bob") = true
StringUtils.isNotBlank(" bob ") = true

 

 

 

猜你喜欢

转载自blog.csdn.net/qq_42726836/article/details/81167975
今日推荐