杂记_2020_11_6

因为最近的知识点有点琐碎,就开了这样一个杂记分类,来记录学习或者灵感
在每篇杂记的开头会总结这篇杂记所记录的点,像这样:

> javascript
> html doc
> ssm初识

JavaScript-doc

新建一个试验 html 网页

<html>
  <head>
    <title>doc测试</title>
    <style>
      .text_class_1 {
        background: #000;
      }
    </style>
  </head>

  <body style="background: #fff;">
    <p id="text_id_1" name="text_name_1" class="text_class_1">这是一句话</p>
    <form>
      <input
        type="button"
        name="button_name_1"
        class="button_class_1"
        id="button_id_1"
        value="这是一个按钮"
      />
    </form>
  </body>
</html>

读取文本

使用的方法

//读取对应元素
document.getElementsById();
document.getElementsByTagName();
document.getElementsByClassName();
//调用
innerHTML;
nodeValue;
//以下效果一样
document.getElementsById("text_id_1").innerHTML;
document.getElementsByTagName("p").innerHTML;
document.getElementsByClassName("text_class_1").innerHTML;

document.getElementsById("text_id_1").firstChild.nodeValue;
document.getElementsByTagName("p").firstChild.nodeValue;
document.getElementsByClassName("text_class_1").firstChile.nodeValue;

打印文本

document.write();

修改内容

修改文本:

//主要利用innerHTML
document.getElementsById("text_id_1").innerHTML = "修改后的文字";
document.getElementsByTagName("p").innerHTML = "修改后的文字";
document.getElementsByClassName("text_class_1").innerHTML = "修改后的文字";

修改样式:

//修改颜色
document.getElementById().style.color = "";

触发事件

//在加载页面时触发
onload = "js()";
//在离开页面时触发
onunload = "js()";
//改变输入时触发
onchange = "js()";
//鼠标移入移出触发
onmouseover = "js()";
onmouseout = "js()";
//鼠标点按触发
onmousedown = "js()";
onmouseup = "js()";
//鼠标点击触发
onclick = "js()";

监听

element.addEventListener(event, function, useCapture);

element.addEventListener("触发类型(click、mousedown...)",触发后调用的参数,可选布尔值);
//注:触发类型不加“on”

附:触发点击

例如:点击上面网页的那个按钮

document.getElementsById("button_id_1").click();

SSM 学习

mvc 概念&&三层架构

model - 模型
view - 视图
controller - 控制器
^
|
v
表现层
业务逻辑层
数据访问层
“高内聚,低耦合”(?)

Spring

AOP 面向切面编程
SpringMVC 框架
MyBatis 框架 ---JDBC 技术

//使用MyBatis后的JDBC
public interface IUserDao{
  /**
  *查询所有操作
  *@return
  */
  @Select("select * from user")
  List<User> findAll();
}

kamuXiY