javaweb学习开发代码_HTML-CSS-JS
HTML学习
标题(h1~h6)-段落p-换行br
Document
当代文学之夜：2024年度长篇五佳作品及文学拉力赛颁奖
当代文学之夜：2024年度长篇五佳作品及文学拉力赛颁奖
当代文学之夜：2024年度长篇五佳作品及文学拉力赛颁奖
当代文学之夜：2024年度长篇五佳作品及文学拉力赛颁奖
当代文学之夜：2024年度长篇五佳作品及文学拉力赛颁奖
当代文学之夜：2024年度长篇五佳作品及文学拉力赛颁奖
《当代》作为人民文学出版社主办的品牌文学刊物，
创刊四十多年来，坚持刊名“当代”二字所指向的广阔道路，“以文学记录中国”，不仅刊发过众多产生巨大影响的名篇佳作，
还通过1999年创办的《当代》文学拉力赛和2004年启动的长篇小说年度论坛，建立了传播文学价值的综合性平台，并不断丰富内容和传播手段，让具有公正性、专业性的年度奖项，成为研判动态、引领创作的风向标，推动更多优秀作家作品进入大众视野的聚光灯。
继2023年、2024年两度在郑州举办颁奖盛典后，
这一活动今年第三次来到这座文脉深厚的历史文化名城。在河南艺术中心举办的“2025当代文学之夜”现场，
来自全国文学界、出版界及社会各界的代表与文学爱好者齐聚一堂，共同迎接属于文学的荣光时刻。
有序ul和无序列表ol，列表项li
Document
- 数据类型
- 变量
- 流程控制
- 函数
- 面向对象
- JAVA
- C
- C#
- php
- go
- python
-
JAVA
- 数据类型
- 变量
- 流程控制
- 函数
- 面向对象
- C
- C#
- php
- go
- python
超链接标签a
Document
尚硅谷
02标题标签
test
test
图片img
Document
表格table
Document
员工技能竞赛评分表
排名
姓名
分数
备注
1
张小明
100
前三名升职加薪
2
李小黑
99
3
王小东
98
总人数
200
平均分
96
及格率
80%
表单form
Document
布局
Document
123
456
继2023年、2024年两度在郑州举办颁奖盛典后，这一活动今年第三次来到这座文脉深厚的历史文化名城。在河南艺术中心举办的“2025当代文学之夜”现场，来自全国文学界、出版界及社会各界的代表与文学爱好者齐聚一堂，共同迎接属于文学的荣光时刻。
555
特殊字符
Document
<h1>一级标题</h1>
>
css的使用
引入方式
Document
引入方式2
Document
css选择器
Document
css浮动
Document
div1
div2
div3
css定位
Document
div1
div2
div3
css盒子模型
Document
div1
div2
div3
JS
js引入方式
Document
变量和数据类型
Document
运算符
Document
分支结构
Document
循环结构
Document
js函数
Document
js对象的创建
Document
js中使用JSON
Document
java中使用JSON，用到了jackson包
两个类直接创建，并生成对应getter，setter，toString，equals，hashCode等代码即可
package com.atguigu.test;
import com.atguigu.pojo.Dog;
import com.atguigu.pojo.Person;
import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;
import org.junit.Test;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
/**
* ClassName: TestJson
* Package: com.atguigu.test
* Description:
*
* @Author: lwfstart
* @Create 2025-07-13 17:03
* @Version: 1.0
*/
public class TestJson {
@Test
public void testWriteJson() throws JsonProcessingException {
//实例化 Person对象 将Person对象转换为JSON字符串
Dog dog = new Dog("小黄");
Person person = new Person("张三", 10, dog);
//将Person对象转换成一个字符串 Gson Jackson Fastjson
ObjectMapper objectMapper = new ObjectMapper();
String personStr = objectMapper.writeValueAsString(person);
System.out.println(personStr);
}
@Test
public void testReadJson() throws JsonProcessingException {
String personStr = "{\"name\":\"张三\",\"age\":10,\"dog\":{\"name\":\"小黄\"}}";
ObjectMapper objectMapper = new ObjectMapper();
Person person = objectMapper.readValue(personStr, Person.class);
System.out.println(person);
}
// map
@Test
public void testMapToJson() throws JsonProcessingException {
Map data = new HashMap();
data.put("a","value");
data.put("b","value");
ObjectMapper objectMapper = new ObjectMapper();
String s = objectMapper.writeValueAsString(data);
System.out.println(s);
}
/**
* list array
*/
@Test
public void testListToJson() throws Exception {
/*List data = new ArrayList();
data.add("a");
data.add("b");
data.add("c");*/
// ["a","b","c"]
Dog dog = new Dog("小黄");
Person person = new Person("张三", 10, dog);
List list = new ArrayList();
list.add(person);
ObjectMapper objectMapper = new ObjectMapper();
String s = objectMapper.writeValueAsString(list);
System.out.println(s);
}
}
js常用对象
Document
js的常用对象API测试
Document
js常见事件演示
Document
jsDOM编程处理
Document
什么是DOM编程
简单来说:DOM(Document Object Model)编程就是使用document对象的API完成对网页HTML文档进行动态修改,以实现网页数据和样式动态变化效果的编程.
-
document对象代表整个html文档，可用来访问页面中的所有元素，是最复杂的一个dom对象，可以说是学习好dom编程的关键所在。
-
根据HTML代码结构特点,document对象本身是一种树形结构的文档对象。
小标题
框1
框x
框3
框4
-
上面的代码生成的树如下
DOM编程其实就是用window对象的document属性的相关API完成对页面元素的控制的编程
-
dom树中节点的类型
-
node 节点,所有结点的父类型
-
element 元素节点,node的子类型之一,代表一个完整标签
-
attribute 属性节点,node的子类型之一,代表元素的属性
-
text 文本节点,node的子类型之一,代表双标签中间的文本
-
-
DOM编程API1
Document
DOM编程API2
Document
hello
DOM编程API3
Document
- 北京
- 上海
- 深圳
- 广州
js中使用正则处理
Document
案例开发-日程管理
login.html
Title
欢迎使用日程管理系统
请登录
regist.html
Title
欢迎使用日程管理系统
请注册
额外：
四、自定义快捷键（可选）vscode
如果你觉得默认快捷键不方便，也可以自定义快捷键：
- 打开快捷键设置：
- 菜单栏：
文件 > 首选项 > 键盘快捷方式（Windows/Linux） - 或
Code > Preferences > Keyboard Shortcuts（macOS） - 或使用快捷键：
Ctrl + K Ctrl + S（Windows/Linux）、⌘ Command + K ⌘ Command + S（macOS）
- 菜单栏：
- 搜索
toggleBlockComment（这是生成/* */的命令）或addComment相关命令。 - 双击该命令，然后输入你想要的快捷键组合。
shift+alt+A 块注释快捷键 /**/
java中的IDEA
调用快捷键Alt+Insert(Insert在笔记本键盘F12旁边，外接长键盘Back右边)，快速创建get、set、toString
注释快捷键
一、单行注释
快捷方式：选中要注释的内容,按键盘的 Ctrl + /
二、多行注释
快捷方式：选中要注释的内容,按键盘的 Ctrl + Shift + /
三、文档注释
快捷方式：在类名或者方法名上输入/**回车