web前端基础知识的归档整理（一）——正则表达式、HTML、CSS

最新推荐文章于 2025-04-19 16:50:29 发布

原创最新推荐文章于 2025-04-19 16:50:29 发布 · 481 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #正则表达式 #HTML #CSS

学习笔记同时被 3 个专栏收录

16 篇文章

订阅专栏

java

14 篇文章

订阅专栏

前端技术

3 篇文章

订阅专栏

正则表达式

专门用于操作字符串，作用于字符串的一个正确的规则的表达式

正则表达式跟之前的代码有什么区别呢？

好处：用一些符号来表示这些代码。书写起来更为简单
弊端：因为都是一些符号组成的表达式，所以阅读起来可读性不高，而且先要把符号学完

正则表达式的学习心得

对于正则表达式的学习，需要多联系，多多查询API文档进行学习！

在API文档中查找
java.util.regex
类 Pattern
熟练的掌握正则表达式在开发中的应用

练习：
需求：获取字符串中由三个字母组成的单词。

public static void main(String[] args) {
		
		//需求：获取字符串中由三个字母组成的单词。
		//da jia zhu yi le,ming tian bu fang jia,over!
		
		
		String str = "da jia zhu yi le,ming tian bu fang jia,over!";
		System.out.println(str);
		//定义规则。
		String regex = "\\b[a-z]{3}\\b";
		
		//1,将正则字符串编译成正则对象。
		Pattern p = Pattern.compile(regex);
		
		//2,将正则对象和字符串相关联，并获取匹配器。
		Matcher m = p.matcher(str);
		
		//3,使用find的方法
//		System.out.println(m.find());
//		System.out.println(str.substring(m.start(),m.end()));
//		System.out.println(m.group());
		while(m.find()){
			System.out.println(m.group());
		}
		
	}
}

HTML

概念与特点
1、HTML就是超文本标记语言，最基础的网页语言
2、HTML是通过标签来定义语言的，代码都是由标签所组成
3、HTML代码不用区分大小写
4、html代码有开始，结束，里面由头部分和体部分两部分组成
5、头部分是给HTML页面增加一些辅助功能或者属性信息，它里面的内容会最先加载
6、体部分是真正存放页面数据的地方

想要对被标签修饰的内容进行更丰富的操作，就用到了标签中的属性，通过对属性值的改变，增加了更多的效果选择
属性与属性之间用”=“连接，属性值可以用双引号或者单引号或者不用引号，一般都会用双引号
格式：
<标签名属性名=”属性值“>数据内容</标签名>
<标签名属性名=”属性值“/>

操作思想

为了操作数据，都需要对数据进行不同标签的封装，通过标签中的属性对封装的数据进行操作，标签就相当于一个容器，对容器中的数据进行操作，就是在不断的改变容器的属性值

换行标签<br/>

字体标签
例：<font size="7" color="#FFFF00">字体标签</font>
<h1>标题一</h1>
<h2>标题二</h2>

注释：
<！--需注释的文字-->

表单标签<form>
表单标签是最常用的标签，用于与服务器端的交互
<input>：输入标签，接收用户信息
提交按钮：是将所在表单中的所有组件的数据提交到制定的服务器端，要想将表单中的数据提交到服务器端，每一个表单组件都需要定义name和value属性，对于文本框或密码框这种值不确定，必须有用户输入的组件，value可以不定义
隐藏组件：通常定义给服务端提交的数据，而这些数据不需要显示在页面上
图片组件：具备着提交功能

Get和Post的区别：
1、GET提交，将提交的数据显示在地址栏，POST不显示在地址栏
2、GET提交，提交敏感信息不安全。POST提交相对安全
3、GET提交，信息存储到地址栏，存储的信息体积有限
POST提交，可以提交大体积数据信息
4、提交信息的http封装形式不同
GET：将提交信息封装到了请求行
POST:将提交信息封装到请求体

问题：如果表单加入了增强性的校验（只有所有选项都符合规则的情况下才可以提交），这时，服务端收到数据后，还需要校验吗？
需要,因为客户端有可能避开校验，传递错误的数据到服务端，所以为了安全性，服务端必须做校验、

和服务端交互的三种方式：

1、地址栏输入 get
2、超链接 get
3、表单 get， post
问题2：服务端如果进行了校验，页面还需要校验吗？
需要，为了减轻服务端的压力，同事为了增强用户体验