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");