当前位置： 首页 > news >正文

Java Web之网页开发基础复习

news 2025/9/26 3:43:06

tomcat之网页开发基础复习

**声明** :HTML标准规范

</!doctype>

<html> : 根标签

<head>: 头部标签 内含<title><meta><link><style>

<body>: 主体

<body></body>

html标签

单标签: <标签名 \>

双标签:<标签名>内容<标签名>

注释标签:<!--注释-->

<p></p>,<br/>,<span></span>,

表格标签:

<tr><td>2333</td>
</tr>

表单标签:

表单域<form>

<form action ="URL 地址" method = "提交方式" name = "表单名称">各种表单控件
</form>

action – 表单提交地址

method –GET or POST (默认GET保密性差,且有数量限制,POST保密性高,且可提交大量数据,开发中常用POST)

表单控件

<input/>

<input type = "控件类型" />

input type –text 文本输入,password 密码输入,radio 单选 ,checkbox 复选,file 文件上传,submit 提交 ,reset 重置

<textarea cols = "每行字符数" rows = "显示的行数">文本内容
</textarea>

列表标签

<ul><li>无序</li><li>阿巴阿巴</li>
</ul><ol><li>有序1</li><li>有序2</li>
</ol><dl>
<dt>名词1</dt><dd>名词1描述</dd>
<dt>名词2</dt><dd>名词2描述</dd><dd>名词2描述</dd>
</dl>

超链接标签

<a href = "跳转目标" target = "目标窗口弹出方式">文本or图像</a>

target _self 默认值,原窗口打开;_blank 新窗口打开;_parent 父框架集打开;_top 整个窗口中打开

图像标签

<img src = "图像URL"/>

可加width ,height ,border…

CSS

选择器{属性1:属性值1;属性2:属性值2;
}

长度–像素(px),百分比(%)

颜色-- red,green,blue…#FF0000,#FF6600,#29D794…rgb(255,0,0)…

行内式

结构不与样式分离,不建议使用

<标签名 style = "属性1:属性值1;.....">内容</标签名>

内嵌式

head 提前加载

<head><style type = "text/css" >选择器{属性1:属性值1;......}</style>
</head>

外链式

<head><link href = "CSS文件路径" type = "text/css" rel = "stylesheet" />
</head>

rel : 表示 定义当前文档与被链接文档之间的关系 ,指定为stylesheet, 样式表文件

css文件:

<style type = "text/css">
h2{text-align :center;
}
div{border:1px solid #CCC; width : 300px; height : 80px;color:purple;text-align:center;
}
</style>

HTML文档:

<head><link href = "style.css" type = "text/css" rel = "stylesheet" />
</head>
<body><h2>外链式css样式</h2><div>链入式</div>
</body>

导入式

<style  type = "text/css"> @import url (CSS 文件路径);<!--或 @import "CSS文件路径";-->
</style>

HTML文档更改:

<head><style  type = "text/css"> @import url (CSS 文件路径);<!--或 @import "CSS文件路径";--></style>
</head>
<body><h2>外链式css样式</h2><div>链入式</div>
</body>

CSS 选择器&常用属性

标签选择器

标签名{属性1:属性值1;......}

类选择器

.类名{属性1:属性值1;.....}

id选择器

#id名{属性1:属性值1;.....}

通配符选择器

*{属性1:属性值1;.....}

Java Script

JavaScript的引入方式

行内式
<body><input type="button" value = "点我" οnclick="alert('行内式') " / >
</body>
内嵌式
<head><script type = "text/javascript" >//javascript代码在此处
</script>
</head>
外链式
<head><title>js外链式</title><script type="text/javascript" src="jsDemo.js"></script>
</head>
数据类型
  • Number 数值部分不分整型&浮点型 ,
  • String 字符串’ '," "
  • Boolean true or false
  • Object 对象类型 一组数据&功能的键值对集合
  • Null
  • Undefined 未定义 变量被创建,但未赋值

DOM 相关知识

可以一种独立平台&语言的方式 来访问&修改一个文档的内容&结构

  • parentNode
  • childNode
  • firstChild
  • lastChild

获取文档中指定的元素

  1. id
document.getElementById("userId");
  1. name
document.getElementsByName("userName") [0];

BOM 相关知识

BOM提供了独立于内容且可与浏览器窗口进行交互的对象,

BOM包含DOM

相关文章：

Java Web之网页开发基础复习

tomcat之网页开发基础复习 **声明** :HTML标准规范 </!doctype> <html> : 根标签 <head>: 头部标签 内含<title><meta><link><style> <body>: 主体 <body></body> html标签 单标签: <标签名 \> 双标…...

编程日记 2024/3/4 18:52:25

华容道问题求解第一部分_详细设计(一)之棋子和游戏类_初始化部分

按&#xff1a;因为自控力和能力的原因&#xff0c;这个其实是在和代码同时进行的。 主要 类 说明 这一层是整个项目的基础&#xff0c;将对未来的算法的效率产生重要影响。为了和界面隔离&#xff0c;以及自身逻辑的清晰&#xff0c;下面的两个类是必须的&#xff0c;棋子类…...

编程日记 2024/3/4 18:51:23

【框架】Spring 框架重点解析

Spring 框架重点解析 1. Spring 框架中的单例 bean 是线程安全的吗&#xff1f; 不是线程安全的 Spring 框架中有一个 Scope 注解&#xff0c;默认的值是 singleton&#xff0c;即单例的&#xff1b;因为一般在 Spring 的 bean 对象都是无状态的&#xff08;在生命周期中不被…...

编程日记 2024/3/4 18:50:22

js中的内存泄漏

理解 内存泄漏是计算机,中由于疏忽或者错误造成程序未能释放已经不在使用的内存,知道浏览器结束 垃圾回收机制 js具有自动的垃圾回收机制,垃圾收集器会定期(周期性)的找出那些不在继续使用的变量,然后释放内存 常见的内存泄漏 意外的全局变量 function foo(){bar 123123…...

编程日记 2024/3/4 18:49:21

营业执照年报申报

姿势&#xff1a;营业执照年报申报 借鉴文章&#xff1a;个体工商户年报申报流程&#xff08;不要再花冤枉钱&#xff09; 1、国家企业信用信息公示系统 地址&#xff1a;https://www.gsxt.gov.cn/index.html 2、登录&#xff08;重庆的方式二简单&#xff09;...

编程日记 2024/3/4 18:47:18

Springboot教程（五）——单元测试

idea中一般使用JUnit进行单元测试 基本使用 我们可以在idea的test文件夹下的XXXXApplicationTests内进行单元测试&#xff1a; 可以在Test标注的方法上写测试代码&#xff1a; SpringBootTest class C0101ApplicationTests {Testfun contextLoads() {println("Hello …...

编程日记 2024/3/4 18:43:13

【Kotlin】函数

1 常规函数 1.1 无参函数 fun main() {myFun() }fun myFun() {println("myFun") // 打印: myFun } 1.2 有参函数 1&#xff09;常规调用 fun main() {myFun("myFun") // 打印: myFun }fun myFun(str: String) {println(str) } 2&#xff09;形参指定默…...

编程日记 2024/3/4 18:42:11

Unity生命周期函数解析

本文由 简悦 SimpRead 转码&#xff0c; 原文地址 mp.weixin.qq.com Unity生命周期函数解析 Unity 生命周期函数是在游戏对象的不同阶段被调用的方法&#xff0c;通过这些函数&#xff0c;我们可以在不同的时刻执行特定的代码。在这篇文章中&#xff0c;我们将一步步解析 Unit…...

编程日记 2024/3/4 18:41:10

【Qt】QTextEdit/QPlainTextEdit 实现 Tab 键多行缩进与反缩进

【Qt】QTextEdit/QPlainTextEdit 实现 Tab 键多行缩进与反缩进 文章目录 I - 主要原理II - 代码实现2.1 - 自定义类2.2 - 实现 Tab 缩进2.3 - 实现反缩进 III - 参考链接 I - 主要原理 由于 QTextEdit 和 QPlainTextEdit &#xff0c;都无法实现多行选中缩进与反缩进&#xff…...

编程日记 2024/3/4 18:40:09

C++缺陷与思考

数组隐式转换为指针 size_t func(int a[10]) {return sizeof(a); }int a[100]; func(a); // 指针大小 sizeof(a); // 数组大小函数的参数看似是一个数组形式&#xff0c;但事实上他已经退化为指针了&#xff0c;也就是等价于size_t func(int* a)&#xff0c;而数组作为参数传…...

编程日记 2024/3/4 18:38:07

无公网ip环境使用DS file软件远程访问内网群晖NAS中储存的文件

文章目录 1. 群晖安装Cpolar2. 创建TCP公网地址3. 远程访问群晖文件4. 固定TCP公网地址5. 固定TCP地址连接 DS file 是一个由群晖公司开发的文件管理应用程序&#xff0c;主要用于浏览、访问和管理存储在群晖NAS&#xff08;网络附加存储&#xff09;中的文件。这个应用程序具有…...

编程日记 2024/3/4 18:37:07

软件工程基础

本博客地址&#xff1a;https://security.blog.csdn.net/article/details/136446772 一. 软件工程 1、软件危机。具体表现为&#xff1a;软件开发进度难以预测、软件开发成本难以控制、软件功能难以满足用户期望、软件质量无法保证、软件难以维护和软件缺少适当的文档资料。 …...

编程日记 2024/3/4 18:36:05

alzet供应商你值得拥有

在20世纪70年代&#xff0c;ALZE公司研发出来一款巧妙的药物输送装置——Alzet osmotic pump。这款产品如胶囊般精致小巧&#xff0c;它既有胶囊的外表&#xff0c;也具有胶囊的作用。在Alzet osmotic pump中藏有可以装配药物溶液的空间。此款胶囊泵如同一个小投递员&#xff0…...

编程日记 2024/3/4 18:34:04

x86中的TSS与任务切换

前言 今天在学习《深入理解Linux内核》的时候&#xff0c;发现出现了一个新的名词TSS&#xff08;Task-State Segment&#xff09;&#xff0c;这还是我第一次了解到原来x86提供了硬件级别的任务切换功能&#xff0c;之前以为任务切换都是操作系统实现的来着&#xff0c;这里也…...

编程日记 2024/3/4 18:32:02

打造去中心化透明储蓄罐：Solidity智能合约的又一实践

一、案例背景 传统的储蓄罐通常是由个人或家庭使用&#xff0c;用于存放硬币或小额纸币。然而&#xff0c;这样的储蓄罐缺乏透明性&#xff0c;用户无法实时了解储蓄情况&#xff0c;也无法确保资金的安全性。 通过Solidity智能合约&#xff0c;我们可以构建一个去中心化…...

编程日记 2024/3/4 18:31:01

Java Mybatis数据库面试题

Java Mybatis数据库面试题 前言1、什么是 Mybatis&#xff1f;2、Mybaits 的优缺点&#xff1a;3、SQL 注入如何防止&#xff1f;4、MyBatis 框架适用场合&#xff1a;5、MyBatis 与 Hibernate 有哪些不同&#xff1f;6、#{}和${}的区别是什么&#xff1f;7、当表中的字段名和实…...

编程日记 2024/3/4 18:30:00

LeetCode-第14题-最长公共前缀

1.题目描述 编写一个函数来查找字符串数组中的最长公共前缀。 如果不存在公共前缀&#xff0c;返回空字符串 ""。 2.样例描述 3.思路描述 按字符串数组每个数组的长度&#xff0c;将字符串数组从小到大排序&#xff1b;他们的公共前缀一定小于或等于最长元素长度…...

编程日记 2024/3/4 18:27:58

TCP/UDP模型：2024/2/29

作业1&#xff1a;TCP模型 服务器端&#xff1a; #include <myhead.h> #define SER_IP "192.168.199.129" #define SER_PORT 8899int main(int argc, const char *argv[]) {//1.创建用于连接的套接字文件int sfdsocket(AF_INET,SOCK_STREAM,0);if(sfd-1){per…...

编程日记 2024/3/4 18:23:50

微信如何设置自动回复消息，提升沟通效率的？

在日常微信聊天过程中&#xff0c;我们可能会频繁遇到相同问题的客户提问&#xff0c;特别是对于从事销售工作的朋友们而言&#xff0c;客户添加好友后的第一句话常常为“在吗”或“你好”。当我们拥有大量好友&#xff0c;手动逐一回复可能会耗费大量时间。因此&#xff0c;自…...

编程日记 2024/3/4 18:22:49

PCIE的BAR空间

1.PCIe 简介 PCIe&#xff08;Peripheral Component Interconnect Express&#xff09;是一种高速 串行计算机扩展总线标准&#xff0c;主要用于连接主板上的中央处理器&#xff08;CPU&#xff09;和 各种外部设备&#xff0c;如显卡、声卡、硬盘等。PCIe 总线取代了传统的 PC…...

编程日记 2024/3/4 18:21:48

wordpress后台更新后 前端没变化的解决方法

使用siteground主机的wordpress网站&#xff0c;会出现更新了网站内容和修改了php模板文件、js文件、css文件、图片文件后&#xff0c;网站没有变化的情况。 不熟悉siteground主机的新手&#xff0c;遇到这个问题&#xff0c;就很抓狂&#xff0c;明明是哪都没操作错误&#x…...

编程新知 2025/9/25 7:59:10

LBE-LEX系列工业语音播放器|预警播报器|喇叭蜂鸣器的上位机配置操作说明

LBE-LEX系列工业语音播放器|预警播报器|喇叭蜂鸣器专为工业环境精心打造&#xff0c;完美适配AGV和无人叉车。同时&#xff0c;集成以太网与语音合成技术&#xff0c;为各类高级系统&#xff08;如MES、调度系统、库位管理、立库等&#xff09;提供高效便捷的语音交互体验。 L…...

编程新知 2025/9/25 9:02:57

React Native在HarmonyOS 5.0阅读类应用开发中的实践

一、技术选型背景 随着HarmonyOS 5.0对Web兼容层的增强&#xff0c;React Native作为跨平台框架可通过重新编译ArkTS组件实现85%以上的代码复用率。阅读类应用具有UI复杂度低、数据流清晰的特点。 二、核心实现方案 1. 环境配置 &#xff08;1&#xff09;使用React Native…...

编程新知 2025/8/19 2:57:37

【AI学习】三、AI算法中的向量

在人工智能&#xff08;AI&#xff09;算法中&#xff0c;向量&#xff08;Vector&#xff09;是一种将现实世界中的数据&#xff08;如图像、文本、音频等&#xff09;转化为计算机可处理的数值型特征表示的工具。它是连接人类认知&#xff08;如语义、视觉特征&#xff09;与…...

编程新知 2025/8/12 22:58:13

CRMEB 框架中 PHP 上传扩展开发：涵盖本地上传及阿里云 OSS、腾讯云 COS、七牛云

目前已有本地上传、阿里云OSS上传、腾讯云COS上传、七牛云上传扩展 扩展入口文件 文件目录 crmeb\services\upload\Upload.php namespace crmeb\services\upload;use crmeb\basic\BaseManager; use think\facade\Config;/*** Class Upload* package crmeb\services\upload* …...

编程新知 2025/8/9 13:14:15

select、poll、epoll 与 Reactor 模式

在高并发网络编程领域&#xff0c;高效处理大量连接和 I/O 事件是系统性能的关键。select、poll、epoll 作为 I/O 多路复用技术的代表&#xff0c;以及基于它们实现的 Reactor 模式&#xff0c;为开发者提供了强大的工具。本文将深入探讨这些技术的底层原理、优缺点。​ 一、I…...

编程新知 2025/9/23 17:53:43

技术栈RabbitMq的介绍和使用

目录 1. 什么是消息队列&#xff1f;2. 消息队列的优点3. RabbitMQ 消息队列概述4. RabbitMQ 安装5. Exchange 四种类型5.1 direct 精准匹配5.2 fanout 广播5.3 topic 正则匹配 6. RabbitMQ 队列模式6.1 简单队列模式6.2 工作队列模式6.3 发布/订阅模式6.4 路由模式6.5 主题模式…...

编程新知 2025/9/22 19:26:51

C++.OpenGL （14/64）多光源（Multiple Lights）

多光源（Multiple Lights） 多光源渲染技术概览 #mermaid-svg-3L5e5gGn76TNh7Lq {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-3L5e5gGn76TNh7Lq .error-icon{fill:#552222;}#mermaid-svg-3L5e5gGn76TNh7Lq .erro…...

编程新知 2025/6/11 3:15:20

云原生安全实战：API网关Kong的鉴权与限流详解

&#x1f525;「炎码工坊」技术弹药已装填&#xff01; 点击关注 → 解锁工业级干货【工具实测|项目避坑|源码燃烧指南】 一、基础概念 1. API网关&#xff08;API Gateway&#xff09; API网关是微服务架构中的核心组件&#xff0c;负责统一管理所有API的流量入口。它像一座…...

编程新知 2025/9/23 0:15:31

如何应对敏捷转型中的团队阻力

应对敏捷转型中的团队阻力需要明确沟通敏捷转型目的、提升团队参与感、提供充分的培训与支持、逐步推进敏捷实践、建立清晰的奖励和反馈机制。其中&#xff0c;明确沟通敏捷转型目的尤为关键&#xff0c;团队成员只有清晰理解转型背后的原因和利益&#xff0c;才能降低对变化的…...

编程新知 2025/9/22 16:23:13