- 博客(60)
- 收藏
- 关注
RSS订阅原创 2022.5.23记录生活
本人由于今年忙于毕业以及找工作的事情，已有将近两个多月的时间没有学习了，对我来说这是懈怠！但是今天发布的博客不是批判自己的，但也带一点批判，本人于2022.5.23在江苏无锡哥瑞利公司开始工作，开始学习新的一个系统，是半导体制造行业的一种专用系统MES系统，从今天开始，我将会继续好好学习！...
2022-05-25 15:42:10
151
原创 CSS学习18之小试牛刀
小试牛刀到现在为止，我们已经将css要学习的初级中级高级知识都已经学完了，接下来我们就应该对自己做一个小测验了，以下就是我的小测验，模拟qq会员官网的头部栏！素材bg.png背景图logo.png 企鹅logo图qqvip官网头部栏示例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>qq会员官网头部栏</tit
2022-03-22 19:01:23
400
原创 CSS学习17之动画
回顾z-index 属性z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。Z-index 可用于将在一个元素放置于另一元素之后。动画动画使元素逐渐从一种样式变为另一种样式。可以随意更改任意数量的 CSS 属性。如需使用 CSS 动画，必须首先为动画指定一些关键帧。关键帧包含元素在特定时间所拥有的样式。@keyframes 规则如果在 @keyframes 规则中指定了 CSS 样式，动画将在特定时间逐渐从当前样式更改为新样式。要使动画生
2022-03-22 19:00:20
373
原创 CSS学习16之层级
回顾定位position 属性规定应用于元素的定位方法的类型定位分为相对定位和绝对定位层级示例z-index 属性z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。Z-index 可用于将在一个元素放置于另一元素之后。html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>
2022-03-16 14:05:02
1033
原创 CSS学习15之定位
回顾display 属性display 属性是用于控制布局的最重要的 CSS 属性。display 属性规定是否/如何显示元素。每个 HTML 元素都有一个默认的 display 值，具体取决于它的元素类型。大多数元素的默认 display 值为 block 或 inline。浮动和清除浮动CSS 布局 - 浮动和清除CSS float 属性规定元素如何浮动。CSS clear 属性规定哪些元素可以在清除的元素旁边以及在哪一侧浮动。定位position 属性规定应用于元素的定位方法的
2022-03-09 14:44:54
145
原创 CSS学习14之display和浮动
Display和浮动display 属性display 属性是用于控制布局的最重要的 CSS 属性。display 属性规定是否/如何显示元素。每个 HTML 元素都有一个默认的 display 值，具体取决于它的元素类型。大多数元素的默认 display 值为 block 或 inline。浮动和清除浮动CSS 布局 - 浮动和清除CSS float 属性规定元素如何浮动。CSS clear 属性规定哪些元素可以在清除的元素旁边以及在哪一侧浮动。示例代码<!DOCTYPE
2022-02-17 04:00:00
603
原创 CSS学习13之圆角边框及阴影
回顾盒子模型盒子模型它的学名为框模型！但是我觉得叫它盒子模型更加贴切，方便理解！CSS 框模型所有 HTML 元素都可以视为方框。在 CSS 中，在谈论设计和布局时，会使用术语“盒模型”或“框模型”。CSS 框模型实质上是一个包围每个 HTML 元素的框。它包括：外边距、边框、内边距以及实际的内容。圆角边框示例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&
2022-02-16 04:00:00
1623
原创 CSS学习12之盒子模型
盒子模型盒子模型它的学名为框模型！但是我觉得叫它盒子模型更加贴切，方便理解！CSS 框模型所有 HTML 元素都可以视为方框。在 CSS 中，在谈论设计和布局时，会使用术语“盒模型”或“框模型”。CSS 框模型实质上是一个包围每个 HTML 元素的框。它包括：外边距、边框、内边距以及实际的内容。示例仿京东前端登录页面（仅模仿练习，无意冒犯）代码<!DOCTYPE html><html lang="en"><head> <meta ch
2022-02-15 04:00:00
382
原创 CSS学习11之背景和渐变
回顾列表格式默认是实心圆使用 list-style: 值;修改列表样式none 去掉圆点circle 空心圆square 实心方块decimal 数字标记背景和渐变CSS 背景属性用于定义元素的背景效果。CSS 渐变使您可以显示两种或多种指定颜色之间的平滑过渡。示例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit
2022-02-15 03:00:00
361
原创 CSS学习10之列表
回顾超链接伪类（我们常用的就这两个）：hover 鼠标悬停active 鼠标选择（按压）简单应用代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>超链接伪类</title> <style> a{ text-decoration: none;
2022-02-14 04:00:00
185
原创 CSS学习09之超链接伪类
回顾文字图片水平对齐img,span{ border: red solid 2px; /*水平对齐*/ vertical-align: middle;}超链接伪类超链接伪类（我们常用的就这两个）：hover 鼠标悬停active 鼠标选择（按压）简单应用相信大家淘宝都在用，一些商品的格式那叫司空见惯。这一次我们模拟一个书籍这个商品的简单出售界面。代码<!DOCTYPE html><htm
2022-02-13 04:00:00
1704
原创 CSS学习08之图片样式
回顾文字样式：文字设置设置文字的风格，大小，粗细，字体span标签把一些比较重要的文字我们用span便签框起来图片和文字混合样式代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片样式</title> <style> /*简写边框属性*/ div{
2022-02-12 20:20:53
1150
原创 CSS学习07之字体样式
回顾属性选择器为带有属性的 HTML 元素设置样。顾名思义可以设置带有特定属性或属性值的 HTML 元素的样式。使用方式属性选择器：元素类型[属性名=属性值（正则）]字体样式和span标签（追加）文字设置设置文字的风格，大小，粗细，字体span标签把一些比较重要的文字我们用span便签框起来span标签的简单应用代码<!DOCTYPE html><html lang="en"><head> <meta charset=
2022-02-12 04:00:00
764
原创 CSS学习06之属性选择器
回顾结构伪类选择器有很多种伪类，列举常用的几种方式：first-child 伪类hover悬停伪类nth-of-type() 伪类nth-child()伪类属性选择器（重要）为带有属性的 HTML 元素设置样。顾名思义可以设置带有特定属性或属性值的 HTML 元素的样式。使用方式属性选择器：元素类型[属性名=属性值（正则）]示例<!DOCTYPE html><html lang="en"><head> <meta chars
2022-02-11 05:00:00
575
原创 CSS学习05之结构伪类选择器
回顾基本选择器又分为三种方式：后代选择器子选择器相邻选择器通用选择器结构伪类选择器结构伪类选择器有很多种伪类，这里我们列举常用的几种方式方式：first-child 伪类hover悬停伪类nth-of-type() 伪类nth-child()伪类示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>结构伪类选择
2022-02-10 19:15:09
378
原创 CSS学习04之层次选择器
回顾什么是选择器在 CSS 中，选择器是选取需设置样式的元素的模式。选择器的作用CSS 选择器用于“查找”（或选取）要设置样式的 HTML 元素。方便我们对元素添加样式。层次选择器基本选择器又分为三种方式：后代选择器子选择器相邻选择器通用选择器示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>层次选择器&l
2022-02-10 19:02:00
434
原创 CSS学习03之基本选择器
回顾有三种插入样式表的方法：外部 CSS<!--外部样式link,还有一种@import url=""--><link rel="stylesheet" href="css/style.css">内部 CSS<!--内部样式--> <style> h2{ color: green; } </style>行内 CSS<!--行内样式：在标签元
2022-02-10 18:49:10
347
原创 CSS学习02之css导入方式
回顾什么是 CSS？CSS 指的是层叠样式表* (Cascading Style Sheets)CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML元素 CSS 节省了大量工作。它可以同时控制多张网页的布局外部样式表存储在 CSS 文件中CSS 是一种描述 HTML 文档样式的语言。CSS 描述应该如何显示 HTML 元素（HTML美颜）。三种使用 CSS 的方法有三种插入样式表的方法：外部 CSS<!--外部样式link,还有一种@import url=""--&g
2022-02-09 21:40:54
440
原创 CSS学习01之我的第一css程序
新的开始学习完html，我们开始踏上新的征程。没错这个新的征程就是CSS3，它和html5息息相关！接下来让我们来了解CSS3吧！什么是CSS什么是 CSS？CSS 指的是层叠样式表* (Cascading Style Sheets)CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML元素 CSS 节省了大量工作。它可以同时控制多张网页的布局外部样式表存储在 CSS 文件中CSS 是一种描述 HTML 文档样式的语言。CSS 描述应该如何显示 HTML 元素（HTML美颜）。
2022-02-09 21:28:17
508
原创 SpringMVC学习11之拦截器
回顾AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。Ajax在我们开发中十分重要，一定要学会使用！一、什么是拦截器SpringMVC的处理器拦截器类似于Servlet开发中的过滤器Filter,用于对处理器进行预处理和后处理拦截器只会拦截访问的控制器方法
2022-02-08 05:00:00
373
原创 SpringMVC学习12之文件上传和下载
回顾拦截器，Spring MVC框架自己拥有的SpringMVC的处理器拦截器类似于Servlet开发中的过滤器Filter,用于对处理器进行预处理和后处理文件上传和下载Spring MVC为文件上传提供了直接的支持，这种支持是用即插即用的MultipartResolver实现的。文件上传是项目开发中最常见的功能之一 ,springMVC 可以很好的支持文件上传，但是SpringMVC上下文中默认没有装配MultipartResolver，因此默认情况下其不能处理文件上传工作。如果想使用Spri
2022-02-08 05:00:00
409
原创 SpringMVC学习10之AJAX初体验和了解
Ajax了解AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。简单示例1.创建普通Maven项目后，添加web框架2.配置web.xml配置文件，改为最新的4.0版本<?xml version="1.0" encoding="UTF-8"?>
2022-02-07 14:06:41
577
原创 SpringMVC学习09之SSM整合（四）
回顾上一章我们完成了Spring层的编写Controller 和 视图层编写这里就不按逻辑顺序整合了1、BookController 类编写 ：查询全部书籍请求添加书籍请求修改书籍请求删除书籍请求package com.shan.controller;import com.shan.pojo.Books;import com.shan.service.BookService;import org.springframework.beans.factory.annotation.
2022-02-07 13:39:56
1281
2
原创 SpringMVC学习08之SSM整合（三）
回顾上一章我们完成了Mybatis底层的编写Spring层配置一、spring层配置1、配置Spring整合MyBatis，我们这里数据源使用c3p0连接池2、编写Spring整合Mybatis的相关的配置文件；spring-dao.xml<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http:
2022-02-06 15:45:55
66
原创 SpringMVC学习07之SSM整合（二）
回顾我的环境环境：IDEAMySQL 5.7.34Tomcat 8Maven 3.8.3要求：需要熟练掌握MySQL数据库，Spring，JavaWeb及MyBatis知识，简单的前端知识；Mybatis层编写1、数据库配置文件 database.propertiesjdbc.driver=com.mysql.jdbc.Driverjdbc.url=jdbc:mysql://localhost:3306/ssmbuild?useSSL=true&useUnicode=tr
2022-02-06 15:31:06
683
原创 SpringMVC学习06之SSM整合（一）
复习我的环境环境：IDEAMySQL 5.7.34Tomcat 8Maven 3.8.3一、SSM整合要求：需要熟练掌握MySQL数据库，Spring，JavaWeb及MyBatis知识，简单的前端知识；二、环境搭建数据库环境创建一个存放书籍数据的数据库表基本环境搭建1.创建普通Maven项目后，添加web框架2.配置web.xml配置文件，改为最新的4.0版本<?xml version="1.0" encoding="UTF-8"?><web-ap
2022-02-04 19:49:40
877
原创 SpringMVC学习05之JSON简单应用
复习数据处理及携带数据的返回视图页面跳转的几种方式：原始的HttpServletRequest以及HttpServletResponse的转发及重定向不用视图解析器的Model跳转，转发及重定向用视图解析器的转发（默认）及重定向一、JSON的了解1.什么是JSONJSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式，目前使用特别广泛。JSON 指的是 JavaScript 对象标记法（JavaScript Object Not
2022-02-04 13:59:26
662
原创 SpringMVC学习04之数据处理及跳转
复习使用注解开发SpringMVC实现步骤：新建一个web项目导入相关jar包编写web.xml , 注册DispatcherServlet编写springmvc配置文件接下来就是去创建对应的控制类 , controller最后完善前端视图和controller之间的对应测试运行调试.一、数据处理示例1.创建普通Maven项目后，添加web框架2.配置web.xml配置文件，改为最新的4.0版本<?xml version="1.0" encoding="UTF-8"?>
2022-02-03 20:41:32
370
原创 SpringMVC学习03之使用注解开发SpringMVC
复习Spring MVC的特点：轻量级，简单易学高效 , 基于请求响应的MVC框架与Spring兼容性好，无缝结合约定优于配置功能强大：RESTful、数据验证、格式化、本地化、主题等简洁灵活一、使用注解开发1.创建普通Maven项目后，添加web框架2.配置web.xml配置文件，改为最新的4.0版本<?xml version="1.0" encoding="UTF-8"?><web-app xmlns="http://xmlns.jcp.org/xml/ns
2022-02-02 21:29:02
347
原创 SpringMVC学习02之初识SpringMVC
回顾MVC是模型(Model)、视图(View)、控制器(Controller)的简写，是一种软件设计规范。是将业务逻辑、数据、显示分离的方法来组织代码。MVC主要作用是降低了视图与业务逻辑间的双向偶合。MVC不是一种设计模式，MVC是一种架构模式。当然不同的MVC存在差异。一、了解SpringMVCSpring MVC是Spring Framework的一部分，是基于Java实现MVC的轻量级Web框架Spring MVC的特点：5. 轻量级，简单易学6. 高效 , 基于请求响应的M
2022-01-29 18:47:56
496
原创 HTML学习04之内联框架和表单
内联框架<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>内联框架学习</title> <!--iframe+tab--></head><body><!--iframe内联框架src：地址w-h：宽度和高度--><iframe src="https://
2022-01-17 20:16:27
316
原创 HTML学习03之列表，表格，媒体元素
一、列表是什么？列表就是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷地获得相应的信息列表的分类：无序列表有序列表定义列表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表标签学习</title></head><body><!--
2022-01-16 20:09:02
152
原创 HTML学习01之初识HTML
一、html是什么HTML全称是Hyper Text Markup Language（超文本标记语言）HTML 是用来描述网页的一种语言。HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页二、代码HTML 标题（Heading）是通过 h1-h6 等标签进行定义的。<h1>我的第一个网页</h1><h2>我的第一个网页</h2>&l
2022-01-15 19:33:06
208
原创 HTML学习02之基础；元素；属性
一、html是什么HTML全称是Hyper Text Markup Language（超文本标记语言）HTML 是用来描述网页的一种语言。HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页二、代码HTML 标题（Heading）是通过 h1-h6 等标签进行定义的。<h1>我的第一个网页</h1><h2>我的第一个网页</h2>&l
2022-01-14 20:12:43
91
原创 SpringMVC学习01之回顾Servlet
前言ssm : mybatis + Spring + SpringMVC MVC三层架构前提：JavaSE:认真学习JavaWeb:认真学习后期如何学习：SSM框架:研究官方文档，锻炼自学能力，锻炼笔记能力，锻炼项目能力SpringMVC + Vue + SpringBoot + SpringCloud + Linux今天我们只学习ssm框架中的最后一个:SpringMVC一、回顾MVC是什么？MVC是模型(Model)、视图(View)、控制器(Controller)的简写，是一种软
2022-01-10 19:53:42
189
原创 Spring学习12之整合Mybatis
前言Spring两大核心，IOC,AOP。一、整合Mybatis1.编写数据源配置2.sqlSessionFactory3.sqlSessionTemplate4.需要给接口加实现类5.将自己写的实现类，注入到Spring中6.测试使用即可!二、使用步骤1.配置文件mybatis xml配置文件<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE configuration PUBLIC "-//myba
2021-12-15 06:45:00
337
原创 Spring学习12之AOP2
一、AOP是什么？AOP（Aspect Oriented Programming），即面向切面编程，可以说是OOP（Object Oriented Programming，面向对象编程）的补充和完善。AOP核心概念横切关注点:跨越应用程序多个模块的方法或功能。即是，与我们业务逻辑无关的，但是我们需要关注的部分，就是横切关注点。如日志，安全，缓存，事务等等…切面(ASPECT):横切关注点被模块化的特殊对象。即，它是一个类。通知(Advice):切面必须要完成的工作。即，它是类中的一个方法。目标
2021-12-14 06:45:00
131
原创 Spring学习10之动态代理
前言优点可以使真实角色的操作更加纯粹！不用去关注一些公共的业务公共业务交给了代理，实现了业务的分工公共业务发生拓展时，方便集中管理缺点：一个真实的角色就会产生一个代理，代码量翻倍，开发效率降低一、思考如何处理这个缺点，减少代码量呢？接上节我们总结了静态代理的优缺点，知道一个角色就会产生一个代理类，现实中一个数据库不可能是一个人独占的，会有很多人需要同时访问数据库，那么这么多人需要的代理就会变多，代码量翻倍增长。以往我们都是直接去创建一个代理类然后实例化一个对象，如果有那么一个方法是
2021-12-12 07:00:00
202
原创 Spring学习11之AOP
一、AOP是什么？AOP（Aspect Oriented Programming），即面向切面编程，可以说是OOP（Object Oriented Programming，面向对象编程）的补充和完善。AOP核心概念横切关注点:跨越应用程序多个模块的方法或功能。即是，与我们业务逻辑无关的，但是我们需要关注的部分，就是横切关注点。如日志，安全，缓存，事务等等…切面(ASPECT):横切关注点被模块化的特殊对象。即，它是一个类。通知(Advice):切面必须要完成的工作。即，它是类中的一个方法。目标
2021-12-11 16:38:18
178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人