SpringMVC 实战指南:打造高效 Web 应用的秘籍
第一章:三层架构和MVC
- 三层架构:
- 开发服务器端,一般基于两种形式,一种 C/S 架构程序,一种 B/S 架构程序
- 使用 Java 语言基本上都是开发 B/S 架构的程序,B/S 架构又分成了三层架构
- 三层架构:
- 表现层:WEB 层,用来和客户端进行数据交互的。表现层一般会采用 MVC的设计模型
- 业务层:处理公司具体的业务逻辑
- 持久层:用来操作数据库
- MVC 模型:
- MVC 全名是 Model View Controller 模型事务控制器,每个部分各司其职
- Model:数据模型,JavaBean 的类,用来进行数据封装
- View:指 JSP、HTML 用来展示数据给用户
- Controller:用来接收用户的请求,整个流程的控制器。用来进行数据校验等
第二章:SpringMVC 的入门案例
-
SpringMVC 的概述:
- SpringMVC 是一种基于 Java 实现的 MVC 设计模型的请求驱动类型的轻量级 WEB 框架
- SpringMVC 属于 SpringFrameWork 的后续产品,已经融合在 Spring Web Flow 里面。Spring 框架提供了构建 WEB 应用程序的全功能 MVC 模块
- 使用 Spring 可插入的 MVC 框架,从而在使用 Spring 进行 WEB 开发时,可以选择使用 Spring 的 SpringMVC 框架或集成其它 MVC 开发框架,如 Struts1(现在一般不用),Struts2 等。
-
SpringMVC 的入门程序:
- 创建 WEB 工程,引入 maven 依赖:
<!-- 版本锁定 --><properties><spring.version>5.0.2.RELEASE</spring.version></properties><dependencies><dependency><groupId>org.springframework</groupId><artifactId>spring-context</artifactId><version>${spring.version}</version></dependency> <dependency><groupId>org.springframework</groupId><artifactId>spring-web</artifactId><version>${spring.version}</version></dependency> <dependency><groupId>org.springframework</groupId><artifactId>spring-webmvc</artifactId><version>${spring.version}</version></dependency> <dependency><groupId>javax.servlet</groupId><artifactId>servlet-api</artifactId><version>2.5</version><scope>provided</scope></dependency> <dependency><groupId>javax.servlet.jsp</groupId><artifactId>jsp-api</artifactId><version>2.0</version><scope>provided</scope></dependency></dependencies>
- 编写 index.jsp 页面:
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head><title>入门程序</title> </head> <body><%-- 超链接 --%><h3>入门案例</h3><a href="hello">入门程序</a> </body> </html>
- 编写 suc.jsp 页面,路径为:/WEB-INF/pages/suc.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head><title>成功</title></head> <body><h3>成功跳转</h3></body> </html>
- 编写 Controller 类和方法:
@Controller public class HelloController {@RequestMapping("/hello")public String sayHello(){System.out.println("入门方法已执行");return "suc";}}
- 在 web.xml 配置文件中核心控制器(DisPatcherServlet):
<!DOCTYPE web-app PUBLIC"-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN""http://java.sun.com/dtd/web-app_2_3.dtd" ><web-app><!--配置解决中文乱码问题的过滤器--><!-- 过滤器的位置应放在最前面 --><filter><filter-name>characterEncodingFilter</filter-name><filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class><!--指定使用编码集--><init-param><param-name>encoding</param-name><param-value>UTF-8</param-value></init-param></filter><filter-mapping><filter-name>characterEncodingFilter</filter-name><url-pattern>/*</url-pattern><!--该位置和 dispatcherServlet 的配置有区别,这里多加了一个 * --></filter-mapping><!--配置前端控制器--><servlet><servlet-name>dispatcherServlet</servlet-name><servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class><!--加载springmvc.xml配置文件,配置的是Spring配置--><init-param><param-name>contextConfigLocation</param-name><param-value>classpath:springmvc.xml</param-value></init-param><!--配置启动加载--><load-on-startup>1</load-on-startup></servlet><servlet-mapping><servlet-name>dispatcherServlet</servlet-name><url-pattern>/</url-pattern></servlet-mapping></web-app>
- 编写 Springmvc.xml 的配置文件:
<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans"xmlns:mvc="http://www.springframework.org/schema/mvc"xmlns:context="http://www.springframework.org/schema/context"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://www.springframework.org/schema/beanshttp://www.springframework.org/schema/beans/spring-beans.xsdhttp://www.springframework.org/schema/mvchttp://www.springframework.org/schema/mvc/spring-mvc.xsdhttp://www.springframework.org/schema/contexthttp://www.springframework.org/schema/context/spring-context.xsd"><!-- 配置spring 创建容器时要扫描的包 --><context:component-scan base-package="com.qcby.mybatis"></context:component-scan><!-- 配置视图解析器 --><bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"><property name="prefix" value="/WEB-INF/pages/"/><property name="suffix" value=".jsp"/></bean><!-- 配置 Spring 开启注解 mvc 的支持 --><mvc:annotation-driven></mvc:annotation-driven></beans>
- 启动服务进行测试
- 创建 WEB 工程,引入 maven 依赖:
-
入门案例的执行过程分析:
- 当启动 Tomcat 服务器的时候,因为配置了 load-on-startup 标签,所以会创建 DispatcherServlet 对象,就会加载 springmvc.xml 配置文件
- 开启了注解扫描,那么 HelloController 对象就会被创建
- 从 index.jsp 发送请求,请求会先达到 DispatcherServlet 核心控制器,根据配置 @RequestMapping 注解找到的具体方法
- 根据执行的方法的返回值,再根据配置的解析器,去指定的目录下查找指定名称的 JSP 文件
- Tomcat 服务器渲染页面,做出响应
-
组件分析:
- 前端控制器:DispatcherServlet
- 处理器映射器:HandlerMapping
- 处理器:Handler
- 处理器适配器:HandlerAdapter
- 视图解析器:View Resolver
- 视图:View
-
@RequestMapping 注解:
- 作用:
- 是建立请求 URL 和处理方法之间的对应关系
- 该注解可以作用在方法和类上
- 属性值:
- path:指定请求路径的 url
- value:value 属性和 path 属性是一样的
- method:指定该方法的请求方式
- params:指定限制请求参数的条件
@Controller public class HelloController {@RequestMapping("/hello")public String sayHello(){System.out.println("入门方法已执行");return "suc";}@RequestMapping(path = "/save",method = {RequestMethod.GET},params = "username")public String save(){System.out.println("保存角色");return "suc";}}
- 作用:
第三章:请求参数的绑定
-
绑定机制:
- 表单提交的数据都是 K-V 格式的: username=haha&password=123
- SpringMVC 的参数绑定过程是把表单提交的请求参数,作为控制器中方法的参数进行绑定的
- 要求:提交表单的 name 和参数的名称是相同的
-
支持的数据类型:
- 基本数据类型和字符串类型
- 实体类型(JavaBean)
- 集合数据类型(List、map集合等)
- 基本数据类型和字符串类型:
- 提交表单的 name 和参数的名称是相同的
- 区分大小
- 实体类型(JavaBean):
- 提交表单的 name 和 JavaBean 中的属性名称需要一致
- 如果一个 JavaBean 类中包含其它的引用类型,那么表单的 name 属性需要编写成:对象.属性
- 例如:address.name
- 给集合属性数据封装:
- JSP 页面编写方式:list[0].属性值
-
案例:
- JSP 代码:
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head><title>请求参数绑定</title> </head> <body><h3>请求参数绑定入门</h3><form action="/user/save1" method="post">名称:<input type="text" name="username"/><br/>年龄:<input type="text" name="age"/><br/><input type="submit" value="提交"/></form><h3>请求参数绑定-实体类</h3><form action="/user/save2" method="post">姓名:<input type="text" name="username"/><br/>年龄:<input type="text" name="age"/><br/>金额:<input type="text" name="address.money"/><br/><input type="submit" value="提交"></form><h3>请求参数绑定-集合</h3><form action="/user/save3" method="post">姓名:<input type="text" name="username"/><br/>年龄:<input type="text" name="age"/><br/>金额:<input type="text" name="address.money"/><br/>集合:<input type="text" name="list[0].money"/><br/>集合:<input type="text" name="list[1].money"/><br/><input type="submit" value="提交"></form> </body> </html>
- JavaBean代码:
package com.qcby.mybatis.pojo;import java.io.Serializable; import java.util.List;public class User implements Serializable {private String username;private Integer age;//引用对象private Address address;//list 集合private List<Address> list;public String getUsername() {return username;}public void setUsername(String username) {this.username = username;}public Integer getAge() {return age;}public void setAge(Integer age) {this.age = age;}public Address getAddress() {return address;}public void setAddress(Address address) {this.address = address;}public List<Address> getList() {return list;}public void setList(List<Address> list) {this.list = list;}@Overridepublic String toString() {return "User{" +"username='" + username + '\'' +", age=" + age +", address=" + address +", list=" + list +'}';} }//Address 实体类 import java.io.Serializable;public class Address implements Serializable {private Double money;public Double getMoney() {return money;}public void setMoney(Double money) {this.money = money;}@Overridepublic String toString() {return "Address{" +"money=" + money +'}';} }
- controller代码:
@Controller @RequestMapping(("/user")) public class UserController {@RequestMapping(value = "/save1")public String save1(String username,Integer age){System.out.println("姓名:" + username);System.out.println("年龄:" + age);return "suc";}@RequestMapping("/save2")public String save2(User user){System.out.println("user对象:" + user);return "suc";}@RequestMapping("/save3")public String save3(User user){System.out.println("user对象:" + user);return "suc";} }
- 在请求参数中文乱码的解决:
<!-- 配置过滤器,解决中文乱码的问题 --><filter><filter-name>characterEncodingFilter</filter-name><filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class><!-- 指定字符集 --><init-param><param-name>encoding</param-name><param-value>UTF-8</param-value></init-param></filter><filter-mapping><filter-name>characterEncodingFilter</filter-name><url-pattern>/*</url-pattern></filter-mapping>
- JSP 代码:
-
自定义类型转换器:
- 第一种方式使用 DataTimeFormat 注解的方式:
import org.springframework.format.annotation.DateTimeFormat;import java.io.Serializable; import java.util.Date; import java.util.List;public class User implements Serializable {private String username;private Integer age;//生日//2000-11-11 格式的日期不能进行转化了,开发时使用是比较多且比较简单@DateTimeFormat(pattern = "yyyy-MM-dd")private Date birthday;//引用对象private Address address;//list 集合private List<Address> list;public String getUsername() {return username;}public void setUsername(String username) {this.username = username;}public Integer getAge() {return age;}public void setAge(Integer age) {this.age = age;}public Date getBirthday() {return birthday;}public void setBirthday(Date birthday) {this.birthday = birthday;}public Address getAddress() {return address;}public void setAddress(Address address) {this.address = address;}public List<Address> getList() {return list;}public void setList(List<Address> list) {this.list = list;}@Overridepublic String toString() {return "User{" +"username='" + username + '\'' +", age=" + age +", birthday=" + birthday +", address=" + address +", list=" + list +'}';} }
- 第二种方式:自定义类型转换器。如果想自定义数据类型转换,可以实现 Converter 的接口
- 自定义类型转换器:
import org.springframework.core.convert.converter.Converter;import java.text.ParseException; import java.text.SimpleDateFormat; import java.util.Date; import java.util.SimpleTimeZone;public class StringToDate implements Converter<String, Date> {@Overridepublic Date convert(String s) {if(s == null){throw new RuntimeException("请输入内容");}//将数据进行转换SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");try{return sdf.parse(s);}catch (ParseException e){throw new RuntimeException(e);}} }
- 注册自定义类型转换器,在 spirngmvc.xml 配置文件中编写配置
<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans"xmlns:mvc="http://www.springframework.org/schema/mvc"xmlns:context="http://www.springframework.org/schema/context"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://www.springframework.org/schema/beanshttp://www.springframework.org/schema/beans/spring-beans.xsdhttp://www.springframework.org/schema/mvchttp://www.springframework.org/schema/mvc/spring-mvc.xsdhttp://www.springframework.org/schema/contexthttp://www.springframework.org/schema/context/spring-context.xsd"><!-- 配置spring 创建容器时要扫描的包 --><context:component-scan base-package="com.qcby.mybatis"></context:component-scan><!-- 配置视图解析器 --><bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"><property name="prefix" value="/WEB-INF/pages/"/><property name="suffix" value=".jsp"/></bean><!-- 配置日期类型转换器,类型转换器的组件,把日期类型转换注入到组件对象中 --><bean id="conversionService" class="org.springframework.context.support.ConversionServiceFactoryBean"><property name="converters"><set><bean class="com.qcby.mybatis.pojo.StringToDate"/></set></property></bean><!--让映射器、适配器和处理器生效(默认不配置也是可以的)--><mvc:annotation-driven conversion-service="conversionService"/> </beans>
- 自定义类型转换器:
- 第一种方式使用 DataTimeFormat 注解的方式:
-
在控制器中使用原生的 ServletAPI 对象:
- 只需要在控制器的方法参数定义 HttpServletRequest 和 HttpServletResponse 对象
@RequestMapping("/save4") public String save4(HttpServletRequest request, HttpServletResponse response){System.out.println(request);//获取到 HttpSession 对象HttpSession session = request.getSession();System.out.println(session);System.out.println(response);return "suc"; }
- 只需要在控制器的方法参数定义 HttpServletRequest 和 HttpServletResponse 对象
相关文章:

SpringMVC 实战指南:打造高效 Web 应用的秘籍
第一章:三层架构和MVC 三层架构: 开发服务器端,一般基于两种形式,一种 C/S 架构程序,一种 B/S 架构程序使用 Java 语言基本上都是开发 B/S 架构的程序,B/S 架构又分成了三层架构三层架构: 表现…...
doris: Flink导入数据
使用 Flink Doris Connector 可以实时的将 Flink 产生的数据(如:Flink 读取 Kafka,MySQL 中的数据)导入到 Doris 中。 使用限制 需要依赖用户部署的 Flink 集群。 使用 Flink 导入数据 使用 Flink 导入数据,详…...

Nginx在Linux中的最小化安装方式
1. 安装依赖 需要安装的东西: wget,方便我们下载Nginx的包。如果是在Windows下载,然后使用SFTP上传到服务器中,那么可以不安装这个软件包。gcc g,Nginx是使用C/C开发的服务器,等一下安装会用到其中的…...
CSS布局新视角:BFC(块级格式化上下文)的作用与优势
在CSS布局的世界中,BFC(Block Formatting Context,块级格式化上下文)是一个既重要又神秘的概念。它不仅是解决复杂布局问题的关键工具,也是提升页面性能和用户体验的重要手段。本文将从新视角出发,深入探讨…...

PCL K4PCS算法实现点云粗配准【2025最新版】
目录 一、算法原理1、算法概述2、算法流程3、参考文献二、 代码实现1、原始版本2、2024新版三、 结果展示本文由CSDN点云侠原创,原文链接,首发于:2020年4月27日。如果你不是在点云侠的博客中看到该文章,那么此处便是不要脸的抄袭狗。 博客长期更新,本文最近一次更新时间为…...

02IO篇(D2_深入IO模型)
目录 本章目标 一、用户空间和内核空间 二、PIO与DMA 三、缓存IO和直接IO 1. 缓存IO 2. 直接IO 三、IO访问方式 1. 磁盘IO 2. 网络IO 3. 磁盘IO和网络IO对比 四、Socket网络编程 1. 客户端 2. 服务端 示例一 示例二 示例三 五、同步IO和异步IO 六、阻塞IO和非…...

记录一次微信小程序使用云能力开发的过程
对于开发微信小程序云开发不知从何起的同学们,可以当作一次参考。虽说官方有文档,有模板示例,但是这些都是片段或者完整的结果展示。对于初学或者开发经验较少的同学们,可能不知先从那里入手进行第一步的开发。下面解析下构建微信…...
Learning Prompt
说明:这是我的学习笔记,很多内容转自网络,请查阅文章末尾的参考资料。 目录 基本要求(C.R.E.A.T.E)总结文章(Summarise)改写文章(Rewrite)根据参考资料回答问题(Question & Answer)参考资料 基本要求(C.R.E.A.T.E) Character This is th…...
事务处理系统 (Transaction Processing System, TPS)
事务处理系统 (Transaction Processing System, TPS) 是一种专门用于自动化日常业务事务处理的计算机系统。这类系统通常处理大量的结构化数据,如订单处理、支付结算、库存管理等,以支持企业日常的运营和管理。TPS 的核心任务是确保高效、准确地记录和管理大量重复性的事务,…...
【PCIe 总线及设备入门学习专栏 5.3.2 -- PCIe 枚举与 PCIe PHY firmware 的区别与联系】
文章目录 OverviewPCIe 枚举与PCIe PHY固件的区别与联系1. PCIe 枚举2. PCIe PHY固件3. 区别4. 联系 举例说明实例场景 1:服务器启动 PCIe 网卡的过程实例场景 2:PCIe 热插拔设备的调试 Overview 本文将详细介绍 PCIe 枚举与 PCIe PHY firmware 的区别与…...

职场的三个阶段及其应对规划:以前端开发工程师为例
作为职场人士,特别是 IT 开发工程师,职业生涯的发展路径往往伴随着不同的挑战与机遇。一般而言,职场生涯可以划分为三个阶段:找工作阶段、有工作阶段以及职业转型阶段。每个阶段都有其特定的特征和应对策略,下面我将从…...

某讯一面,感觉问Redis的难度不是很大
前不久,有位朋友去某讯面试,他说被问到了很多关于 Redis 的问题,比如为什么用 Redis 作为 MySQL 的缓存?Redis 中大量 key 集中过期怎么办?如何保证缓存和数据库数据的一致性?我将它们整理出来,…...

RV1126+FFMPEG推流项目(9)AI和AENC模块绑定,并且开启线程采集
前面两篇已经交代AI和AENC模块的配置,这篇就让这两个模块绑定起来,绑定的原因是,Aenc从Ai模块拿到采集的原始数据进行编码。 使用 RK_MPI_SYS_Bind 把 AI 节点和 AENC 进行绑定,其中 enModId 是模块 ID 号选择的是 RK_ID_AI、s32C…...

excel实用工具
2. 命令 2.1 查找 vloopup...

基于.Net Core+Vue的文件加密系统
1系统架构图 2 用例图 管理员角色的用例: 文件分享大厅:管理员可以访问文件分享大厅,下载文件。个人信息管理:管理员可以更新自己的个人信息,修改密码。用户管理:管理员负责创建、更新或删除用户账户&…...

工业网口相机:如何通过调整网口参数设置,优化图像传输和网络性能,达到最大帧率
项目场景 工业相机是常用与工业视觉领域的常用专业视觉核心部件,拥有多种属性,是机器视觉系统中的核心部件,具有不可替代的重要功能。 工业相机已经被广泛应用于工业生产线在线检测、智能交通,机器视觉,科研,军事科学,航天航空等众多领域 …...
深入理解 Windows Server 的核心功能:现代 IT 架构的基石
深入理解 Windows Server 的核心功能:现代 IT 架构的基石 在现代 IT 基础架构中,Windows Server 一直扮演着不可或缺的角色。它不仅是一个强大的服务器操作系统,更是企业级解决方案的核心支柱。从中小型企业到跨国公司,Windows Server 提供了从身份管理到高可用性的一系列…...

WEB渗透技术研究与安全防御
目录 作品简介I IntroductionII 1 网络面临的主要威胁1 1.1 技术安全1 2 分析Web渗透技术2 2.1 Web渗透技术的概念2 2.2 Web漏洞产生的原因2 2.3 注入测试3 2.3.1 注入测试的攻击流程3 2.3.2 进行一次完整的Sql注入测试4 2.3.3 Cookie注入攻击11 3 安全防御方案设计…...

智能学习平台系统设计与实现(代码+数据库+LW)
摘 要 传统办法管理信息首先需要花费的时间比较多,其次数据出错率比较高,而且对错误的数据进行更改也比较困难,最后,检索数据费事费力。因此,在计算机上安装智能学习平台系统软件来发挥其高效地信息处理的作用&#…...
Java学习,List移动元素
Java实现List中元素的循环移动(即将列表中的元素向右或向左移动指定数量的位置),可以使用多种方法。 List元素移动指定位置: import java.util.ArrayList; import java.util.Collections; import java.util.List; public class…...
生成xcframework
打包 XCFramework 的方法 XCFramework 是苹果推出的一种多平台二进制分发格式,可以包含多个架构和平台的代码。打包 XCFramework 通常用于分发库或框架。 使用 Xcode 命令行工具打包 通过 xcodebuild 命令可以打包 XCFramework。确保项目已经配置好需要支持的平台…...
云计算——弹性云计算器(ECS)
弹性云服务器:ECS 概述 云计算重构了ICT系统,云计算平台厂商推出使得厂家能够主要关注应用管理而非平台管理的云平台,包含如下主要概念。 ECS(Elastic Cloud Server):即弹性云服务器,是云计算…...
大语言模型如何处理长文本?常用文本分割技术详解
为什么需要文本分割? 引言:为什么需要文本分割?一、基础文本分割方法1. 按段落分割(Paragraph Splitting)2. 按句子分割(Sentence Splitting)二、高级文本分割策略3. 重叠分割(Sliding Window)4. 递归分割(Recursive Splitting)三、生产级工具推荐5. 使用LangChain的…...
Qwen3-Embedding-0.6B深度解析:多语言语义检索的轻量级利器
第一章 引言:语义表示的新时代挑战与Qwen3的破局之路 1.1 文本嵌入的核心价值与技术演进 在人工智能领域,文本嵌入技术如同连接自然语言与机器理解的“神经突触”——它将人类语言转化为计算机可计算的语义向量,支撑着搜索引擎、推荐系统、…...
unix/linux,sudo,其发展历程详细时间线、由来、历史背景
sudo 的诞生和演化,本身就是一部 Unix/Linux 系统管理哲学变迁的微缩史。来,让我们拨开时间的迷雾,一同探寻 sudo 那波澜壮阔(也颇为实用主义)的发展历程。 历史背景:su的时代与困境 ( 20 世纪 70 年代 - 80 年代初) 在 sudo 出现之前,Unix 系统管理员和需要特权操作的…...

CVE-2020-17519源码分析与漏洞复现(Flink 任意文件读取)
漏洞概览 漏洞名称:Apache Flink REST API 任意文件读取漏洞CVE编号:CVE-2020-17519CVSS评分:7.5影响版本:Apache Flink 1.11.0、1.11.1、1.11.2修复版本:≥ 1.11.3 或 ≥ 1.12.0漏洞类型:路径遍历&#x…...

uniapp 开发ios, xcode 提交app store connect 和 testflight内测
uniapp 中配置 配置manifest 文档:manifest.json 应用配置 | uni-app官网 hbuilderx中本地打包 下载IOS最新SDK 开发环境 | uni小程序SDK hbulderx 版本号:4.66 对应的sdk版本 4.66 两者必须一致 本地打包的资源导入到SDK 导入资源 | uni小程序SDK …...

Scrapy-Redis分布式爬虫架构的可扩展性与容错性增强:基于微服务与容器化的解决方案
在大数据时代,海量数据的采集与处理成为企业和研究机构获取信息的关键环节。Scrapy-Redis作为一种经典的分布式爬虫架构,在处理大规模数据抓取任务时展现出强大的能力。然而,随着业务规模的不断扩大和数据抓取需求的日益复杂,传统…...
基于鸿蒙(HarmonyOS5)的打车小程序
1. 开发环境准备 安装DevEco Studio (鸿蒙官方IDE)配置HarmonyOS SDK申请开发者账号和必要的API密钥 2. 项目结构设计 ├── entry │ ├── src │ │ ├── main │ │ │ ├── ets │ │ │ │ ├── pages │ │ │ │ │ ├── H…...

CSS3相关知识点
CSS3相关知识点 CSS3私有前缀私有前缀私有前缀存在的意义常见浏览器的私有前缀 CSS3基本语法CSS3 新增长度单位CSS3 新增颜色设置方式CSS3 新增选择器CSS3 新增盒模型相关属性box-sizing 怪异盒模型resize调整盒子大小box-shadow 盒子阴影opacity 不透明度 CSS3 新增背景属性ba…...