javaweb

2021/6/13 14:21:04

本文主要是介绍javaweb,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

// An highlighted block
var foo = 'bar';
*javaweb*

**1.html:**
<h>行标签
<p>段落标签
语义化标签:strong-字体加粗;del贯穿线;ins
-下划线;em-倾卸线
图片标签:<img title(鼠标悬浮时的提示文字)  src(引入路径) alt(本地无法打开时的提示文字)> border(图片边框)  width height(图片宽高)
列表:ol-有序标签;ul无序标签    内置-li
表格标签:table-thead-tr-th&tbody-tr-td
caption:跟随表格,并置中
<table  border(线框) align(位置) cellspacing(表格间距离)>
<td rowspan (跨行合并)><td colspan (跨列合并)>
<a href = (超链接跳转路径 #id,网址,html等)
button按钮
<input text(文本内容)  button(按钮) password(密码格式) placeholder(暗-提示) name id range(滑块) date(年月日) number(只能写数字) color(颜色选择)>
label 标签中常用来嵌套表单元素,当点击label标签包含的任何一个地方,表单元素都会聚焦,其中for属性值是表单元素的id值
<div 容器标签 独占一行><span 允许其他标签与其同行>
h5新增标签  header-头部;aside-侧边栏;footer-底部;nav:导航;article-文章
音视频:audio、video:--controls控制条
iframe:在网页内显示其他网页
submit 提交按钮
action="xxx"  提交表单相关信息到servlet




**2.css:**
用来做页面渲染
盒子内边距会撑大盒子
隐藏问题:display-隐藏后不占据位置;visibility隐藏后占据位置(visible)
float 浮动
**3.js**
数值类型→字符串:+""  tostring;
字符串→数值:parseint、、、
null、undefined、nun→转为false  其他都是true
变量无任何修饰符,即为全局变量
日期对象:getfullyear() getmouth()、、   格式化:tolocaldatestring() todatestring()
函数的定义:function 函数名(形参){逻辑代码}==========或者是let 变量名 = function (形参){逻辑代码}
数组的取值:  数组名[index]        赋值: 数组名[index] = xxx
数组常用方法:unshift、push、shift、pop、
数组的遍历:
for (let i = 0; i < arr.length; i++) {
        console.log(arr[i]);
    }
for (let i of arr) {
        console.log(i);
    }
arr.forEach((a, index) => {
        console.log(index + ":" + a);
    });
=>是箭头函数
运算符:赋值/算数/条件/逻辑/三目
流程控制:if    else if  for do while
内置对象(类似java中工具类,直接对象名.方法名):math(.pi……),string(.length……)
dom:浏览器加载html时,将整个html抽象成一个document对象,需要什么,可以通过document转取
浏览器加载页面到内存时,会在形成一个树状结构,我们认为html中的所有内容,都是树中的节点,此树为DOM树
getattribute("属性名")和setattribute("属性名",值)   获取和设置属性值               queryselector[]或者queryselector。xx也可以
事件:::用户的操作成为事件
let querySelector = document.querySelector('button_id');
建议querySelector.addEventListener('click', function () {
                alert('dsssssss');
        })
select和option标签  省市联动?
节点的查找:parent、children、pre、next
document.createElement()→创建节点,appendxx  拼接
bom浏览器对象模型  如onload、unonload  分别时页面加载和关闭时触发
history : back  forward  回至上一页和下一页
location对象  href浏览器地址栏的地址   host主机+端口号 assign、replace
定时器:
    setTimeout(function,time) 返回值是定时器的id ,只执行一次,时间默认单位是毫秒
    setInterval(function,time) 返回值是定时器的id ,每隔间隔时间之后执行
    clearInterval(定时器的id)清除定时器
    clearTimeout(定时器的id)
    
*Bootstrap:*是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目

========================================
*Jquery:*
$() first/last/odd/even/eq  选择器   eq为指定索引的对象返回
可通过表单元素查找  input:text password radio file
attr  removeAttr操作属性 (优先级更高)    prop优先级低一些  
事件 :$("#id"或者类名、选择器、、).事件名(function(){})
取值:text()  html() val()---input输入值  给参数就是赋值,不给是取值
新增节点  fa.append xx   empty()--清空    remove()--自杀行为-移除自己
遍历:$.each(arr,function(index,item){ })
hide--隐藏/show显示
*servlet:*
让浏览器通过url地址触发 java代码执行
getparameter(”xx“)获取xx元素的值
request.setCharacterEncoding("UTF-8");
response.setContentType("text/html;charset=UTF-8");
session、request、context

*cookie*
有一定的生命周期  4kb上限

========================================
*jsp*
一个特殊的servlet,内置了九个对象
代码编写方式:
1.<%@   
page--页面相关配置(contentType="text/html;charser=UTF-8" language=java import=xxx)   
include--引入其他页面 
taglib--引入第三方页面标签库 
%>
2.<% java代码%>
3.<%  =输出到页面%>
4.<%  !声明方法%>
5.<% --  注释  --%>

此时:servlet+jsp  
servlet请求接收、读取参数、封装对象/调用业务代码、跳转对应页面
jsp展示数据、展示页面结构
跳转方式   相应重定向、请求转发

*EI表达式*
获取域中的 属性	${域中的key}	${name}
获取域中的 对象	${对象.属性}	${user.username}
获取域中的 list	${属性[0]}	${list[0]}
获取url中的 参数	${param.属性名}	${param.age}

*jstl*
引入<%@ taglib prefix = "c" url = "http://java.sun.com/jsp/jstl/core" %>
if判断<c:if test="${menu.id == 2}">xx</c:if>
for循环<c:foreach item = "你要遍历的数组" var = "条件" ></c:forEach> 


========================================	
**cookie**
java部分  new cookie  设置值  setMaxAge()以秒为单位   req.getcookie()获取  addCookie()添加    cookie1.getName()获取cookie-key  cookie1.getValue()获取cookie-value
jsp部分  document.cookie  需要手工遍历和拆分、读取


========================================
**webstorage**
纯前端的存储技术
localStorage.getItem()/set
写:.xxx=("xxx")    xx.setItem("xxx","xxx")
删除:removeItem("xxx")
读: .xx  读到属性值        .getItem("xxx")
如果需要向后台传递,需要手动拼接

方法:
req.getRequestDispatcher("/xxx").forward(req, resp);转发请求(携带信息)   可转至jsp、html或者java-servlet中  
resp.getWriter().write("xxx");页面显示
request.getParameter("xxx");获取对应元素值
response.sendRedirect(request.getContextPath()+"/xxx");重定向     getContextPath()--获取路径



========================================
零零散散:
disabled="disabled"  不可选中(input)
confirm()确认-取消按钮-网页提示
windows.location.href="/url" 当前页面打开URL页面
window.location.href = "xxxservlet?uid=" + uid;  可以用这种形式传递参数

<input type="hidden" value="${user.uid}" name="uid">  此时,input为隐藏模式

$()这是jQuery的一个函数,也是最核心最基本的函数
功能一:传入一个选择器字符串,获得这个选择器对应的dom内容,保存在[]中,也就是俗称的jQuery对象。例如
('#id')(‘.class’) $(‘tag’) 
功能二:传入一个匿名函数,例如
$(function(){})//这个匿名函数在网页载入完成后开始执行 
功能三:将JavaScript对象包装成为jQuery对象。

$("#btnConfirm").click(function(){alert($(this).val()); //这里,this代表的其实就是这个ID为btnConfirm的按钮,因为你现在点击的是ID为btnConfirm的按钮,那么this就是它


========================================
json对象 
JSON.stringify(xxx);转为json
JSON.psrse(xxx);转为对象


========================================
jsp等页面引入文件格式:
${pageContext.request.contextPath}用于解决使用相对路径时出现的问题,它的作用是取出所部署项目的名字
<link rel="stylesheet" href="${pageContext.request.contextPath}/css_1/D0610css.css">
<script  src="${pageContext.request.contextPath}/js/jquery-3.6.0.js"></script>
<script  src="${pageContext.request.contextPath}/js/boostrap.js"></script>


========================================
servlet格式问题: request.setCharacterEncoding("utf-8");        response.setContentType("text/html;charset=utf-8");




这篇关于javaweb的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程