t3163786的博客

原创 js学习day06

应用程序=程序语句+数据结构+算法数据结构：线性表，链表，堆栈，队列，树，图1.数组：线性表1.数组是什么存储的一系列有序数据的集合2.数组创建1.构造函数 ；new Array()空数组var arr1 = new Array()arr1 数组名Array 创建数组对象var arr2 = new Array(100，200，…)var arr3 = new Array(15） 数组存储元素个数2.字面量var arr1=[]var arr2 =[100,200,…]

原创 js学习day05

1.预编译函数在执行之前，会进行预编译-变量提升var定义的变量声明定义的函数return后面的语句if里面的语句【即使条件不成立的情况，也会提升变量】2.arguments-函数自带的对象：记录函数参数相关的信息获取函数实参的个数 arguments.length获取具体的某个实参 arguments[对应实参的索引]【索引是从0开始的】3.递归函数：函数自己调用自己。注意：递归必须要有结束4.常用事件1.获取元素节点 doucment.getElementById(

原创 js学习day04

1.函数函数：一段代码的封装，主要实现与某个功能。【函数是代码封装和复用的提下】1.定义1.声明式function 函数名（）{函数体；}注意：函数不会主动执行，需要调用调用： 函数名（）2.表达式let/var 函数名 = function（）{函数体；}注意：声明式的调用可以在函数之前，而表达式不可以2.带参函数的定义1.实现已知数据的功能代码2.定义函数的小括号处，填入形参【未知数据】，多个用逗号分隔3.调用函数的小括号处，填入实参【具体数据】3.形参和实参在个数

原创 js学习day3

1.for循环语法：for(初始化；循环条件；更新循环变量){循环体}循环四要素：1.初始化：初始化信息设置2.循环条件：循环执行满足的条件3.更新循环变量4.循环体：要重复执行的代码说明：反引号里面使用${变量名}会识别成变量+前后只要有一个是字符串，+就会变成字符串拼接符号2.while循环语法：初始化；while（循环条件）{循环体；更新循环变量；}3.do while循环语法：初始化do{循环体；更新循环变量}while（循环条件） 注意：do

原创 js学习day2

1.运算符1.算术运算符 + - * / % ++ –2.比较运算符 > < >= <= ==[之相等] =【值，类型相等】 ！=不等 ！怎么表示a是否为偶数？？？a%2 == 03.逻辑运算符 &&与 ||或者 ！非4.赋值运算符 = += *= /= -=5.三目运算符 条件？表达式1： 表达式2 【条件为真执行1，否则执行2】2.流程控制语句流程：默认流程 、 分支流程 、循环流程1.分支流程单分支流程if(条件)

原创 js学习DAY1

js的概念以及组成1.概念：JAVAScript,基于事件和对象驱动，具有相对安全性的解释型客户脚本语言。组成：BOM：browser object mode1 对浏览器进行操作DOM：document object mode1 文档对象模型ECMASCript：es6核心语法，变量，数据类型，流程控制等等。2.js的三种引入方式1.内嵌式在body标签结束之前或者在head标签里面放入2.外链式新建一个js文件【.js】在body标签结束之前或者head标签里面放入scr

原创 知识点小结

html5新增的标签有：article、aside、audio、bdi、canvas、command、datalist、details、embed、figcaption、figure、footer、header、hgroup、keygen、mark、meter、nav、output、progress、rp、rt、ruby、section、source、summary、time、track、video。移动端适配方案1.使用百分比2.使用rem+js的方式默认情况 1rem = 16px项目中，应

原创 HTML入门DAY19

三角形1.给div设置宽高为02.给他四个边设置有粗度的边框3.保留相应的边框如果用伪元素实现三角形元素：after{content:’’;display:block;…}2.实现好看的复选框1.选中后a后面相邻的兄弟b a+b2.选中a后面所有的兄弟b a~b3.当选中input的时候，给他的兄弟b设置样式 input checked~...

原创 HTML入门DAY18

转换1.位置转换transform;translate(x,y)transFORM ;translateX(x)transFORM ;translateY(x,y)transFORM ;translateZ(x,y)transFORM ;translate3d(x,y，z)注意XYZ大写2.旋转transform：rotate（*deg）;transform：rotatex（*deg）;transform：rotatey（*deg）;transform：rotatez（*deg）;

原创 HTML入门DAY17

手机端术语说明物理像素：屏幕出厂就确定的css像素：逻辑像素 ，css里面的px单位dpr设备像素比， 物理像素/逻辑像素理想视口的设置： <meta name="viewport" content="width=device-width, initial-scale=1.0">响应式一套代码，能够适配多个平台，不论屏幕尺寸或者设备类型，都能显示一个比较正常的效果原理：利用媒体查询@media移动端适配1.使用百分比2.使用rem+js的方式默认情况 1rem =

原创 HTML入门DAY16

弹性盒子概念：是一种新的布局模式，让元素有能力控制子元素的排列。语法：display :flex | inlion-flex 设置为弹性盒子inline-flex是行内的弹性盒子，容器宽度由内容决定flex-direction属性flex-direction属性决定主轴的方向（即项目的main-axis方向）。取值：row（默认值）：主轴为水平方向，起点在左端。row-reverse：主轴为水平方向，起点在右端。column：主轴为垂直方向，起点在上沿。column-rev

原创 HTML入门DAY15

背景渐变1.线性渐变background：linear-gradient(颜色1，颜色2)普通渐变background：linear-gradient(颜色1 %，颜色2 %)设置渐变比例background：linear-gradient(to 方向， 颜色1，颜色2)设置渐变方向background：linear-gradient(to 方向一 方向，二颜色1，颜色2)设置对角渐变background：linear-gradient( *dog ，颜色1，颜色2)设置渐变角度如果渐变比

原创 HTML入门DAY14

优雅降级和渐进增强优雅降级：一开始先正对高版本完成所有功能和酷炫效果，后面再单独针对低版本浏览器进行处理，以保证其完成最基本的功能即可。【向下兼容】渐进增强：先针对低版本浏览器完成基本功能，然后再针对高版本浏览器添加更多功能和效果。css3新增属性1.文字阴影text-shdow:x的偏移 y的偏移 模糊程度 颜色；2.盒子阴影box-shdow:x的偏移 y的偏移 模糊程度 延申半径 阴影颜色。inset代表内阴影，不加就是外阴影；3.圆角半径boder-reduis:px | %

原创 HTML入门DAY13

原创 HTML入门DAY12

原创 HTML入门DAY11

表格相关属性1.border-spacing:*px;双线边框之间的间隔2.border-collapse:collapse;双线边框变细边框注意；必须配合td的边框一起使用才会生效。3.table-layout：fixed；让表格等分宽度。注意：必须要给table设置宽度才会生效表格相关的标签表单下拉列表多行文本域input的其他type类型...

原创 HTML入门DAY10

透明度opacity：0-1的数字；filter：alpha（opacity=0~100的数字）；0代表完全透明，opacity属性1或者filter的100代表完全不透明；这是让元素整体都透明了哦！如果只让颜色透明，请用rgba（r，g，b，透明度）2.自适应概念：能够根据设备类型和尺寸，自动调整页面效果，以达到显示一个比较正常的布局效果；宽度自适应1.不设置宽度2.使用百分比3.使用最大最小宽度min-width：*px 设置最小宽度maxwidth：*px 设置最大宽度高

原创 HTML入门DAY9

定位概念：将一个元素放在指定的位置上 ，特指position。将a强行放在b身上语法：position：定位方式left: *px;或者right：*pxtop：*px或者；bottom：*px定位方式1.static静态定位【默认值】2.fixed固定定位；基于浏览器当前屏进行定位。盒子完全居中在未知大小的盒子1.position：fixed;top:50%;left:50%;margin-top:-（盒子高度一半）margin-left：-（盒子宽度一半）2.盒子完全居中在

原创 HTML入门DAY08

继承概念：有上下级关系的元素之间，上级元素的样式被下级元素所拥有，这个现象就是继承，文本相关的属性和列表相关的属性会被继承。单行文本溢出显示省略号1.设置宽度2.强制不换行：white -space：nowrap；/pre 保留原格式3.设置溢出隐藏 ： overflow：hidden；4.设置溢出的标识是省略号： text-overflow:ellipsis;overflow-hidden隐藏 |auto 自动调整是否出现滚动条 |scroll 滚动条‘元素类型及转换常规分类：块级元素

原创 HTML入门Day7

元素类型常规分类：1.行级元素：有多宽占据多宽，不是完整的盒子，不可以设置宽高、垂直方向的内外边距等。2.块级元素：默认独占整行，是完整的盒子。3.行内块元素：有多宽占据多宽，是完整的盒子。4.可变元素：会根据的周围的元素种类不一样，显示不一样的效果非主流分类：1.置换元素：浏览器要根据元素的属性和属性值，才能决定渲染什么效果。input button img2.非置换元素：除去置换元素，都是。元素的嵌套规则：1.块级元素里面可以有块级和行级，行级里面面只能有行级2.li外面必须有o

原创 HTML入门Day6

标准盒子和怪异盒子概念：他们都是盒子模型，只是不同的模式而已。区别：元素实际占据的宽高的计算方式不一样。标准模式：实际占据的宽度=content(内容)+padding(内边距)+border(边框)+margin(外边距)怪异盒子的尺寸（内减模式）：center+padding+border 当设置padding和border时候 不会加大盒子的尺寸 会自动从cneter减去 padding和border撑开尺寸 尺寸和当时设置的一样前提是设置宽度和高度.注：怪异盒子的初始设置宽高大小包含pa

原创 HTML入门Day5

浮动：语法：float:left | right |none;作用：1.让子元素在父元素的左边/右边 实现一行多列的效果2.实现图文环绕注意：浮动会让元素脱离文档流！盒子模型：概念：是一种思维模型。主要用于实现页面布局效果。由尺寸+内边距+外边距+边框组成。...

原创 HTML入门Day4

css介绍css：层叠样式表css3：css最新版本1.css语法选择器{属性：属性值；属性：属性值；} 2.css的三种引进方式（1）.内联式<元素 style=‘属性：属性值；属性：属性值’；></元素>简单练习 <span style="color: brown; font-size: 80px;">这是span1</span><p style="color: yellow; font-weight: bold;">

原创 HTML入门Day3

表格语法：<table border='边框的粗度' cellspacing='双线边框之间的间隔' cellpadding='内容和边框的间隔'><tr><td>内容</td></tr></table>实现一个五行六列的表格快捷书写方式table>tr*5>td*6{内容}td的属性 colspan=‘跨的列数’ rowspan=‘跨的行数’合并表格的步骤1.实现基本表格2.判定特殊表格是跨行

原创 HTML入门Day2

列表标签1.无序列表<ul><li>列表内容</li><li>列表内容</li></ul>2.有序列表<ol><li>列表内容</li><li>列表内容</li></ol>练习内容<!DOCTYPE html><html lang="en"><head> <meta charset

原创 HTML入门Day1

HTML：超文本标记语言HTML5：html最新版本+前端技术的总称W3C：万维网联盟，是web领域最具权威的中立性，公益性组织。ECMA:欧洲电脑场商联合会。HTML4.01是最经典的版本。HTML5是最新版本。Xhtml是可扩展的HTML。命名规则：名字由数字、字母、下划线组成，不能数字开头，推荐使用对应内容的英文命名，推荐使用驼峰命名发。语法规则：<元素></元素>，<元素 属性=‘属性值 >要标记的内容</元素>Html文件是以.ht

原创 2021春期Java企业级信息系统开发学期总结

学期总结一学期的学习生活又要接近尾声了，不知不觉又到了一学期结束的时候，马上就要过了四个月了，这学期这门课我们学习了MyBatis框架（MyBatis是支持普通SQL查询，存储过程和高级映射的优秀持久层框架）、Spring框架和Spring Boot框架（Spring Boot框架本身并不提供Spring框架的核心特性以及扩展功能，只是用于快速、敏捷地开发新一代基于Spring框架的应用，并且在开发过程中大量使用“约定优先配置”（convention over configuration）的思想来摆脱Sp

原创 热部署作业

任务1、对上一讲的课后作业StudentInfo项目进行单元测试package net.lj.lesson01;import net.lhf.lesson01.controller.StudentInfoController;import org.junit.Assert;import org.junit.jupiter.api.Test;import org.junit.runner.RunWith;import org.springframework.beans.factory.anno

原创 课堂练习1

课堂练习在WEB-INF里创建css目录，在里面创建样式文件index.css，负责首页的样式（元素全部居中，设置背景颜色，去掉超链接的下划线）在index.jsp文件中添加<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>首页</title> <link rel="stylesheet" hr

原创 Spring课堂练习4

课堂练习1、创建拯救少女任务类和拯救少女骑士类创建拯救少女类package net.lj.spring.lesson04;public class RescueDamselQuest { public void embark() { System.out.println("执行拯救少女任务。"); }}创建拯救少女骑士类package net.lj.spring.lesson04;public class DamselRescuingKnight

原创 Spring Boot 课后作业

课后作业任务：创建Spring Boot项目输出学生信息创建Spring Boot项目StudentInfo

原创 Spring boot开发小而美的个人博客

1、功能2、页面设计与开发2.1设计前端展示：首页、详情页、分类、标签、归档、关于我后台管理：模板页2.2页面开发创建blog在blog里创建static文件夹，在static里面创建css、images、js文件夹创建index.html文件页面头部加底部创建me.css文件加入图标样式加入搜索框编写底部内容底部css页面中间内容左边博客列表右边的top手机端cssbody{ background: url("../image

原创 Spring Boot基础学习笔记09：Thymeleaf模板引擎

一、Spring Boot支持的视图技术Spring Boot框架为简化项目的整体开发，对一些常用的视图技术实现了整合支持，并主要推荐整合模板引擎技术来实现前端页面的动态化内容。Spring Boot可整合的模板引擎技术FreeMarkerGrooryThymeleafMustache二、Thymeleaf基本语法相关语法 ，请学习《thymeleaf_3.0.5_中文参考手册.pdf》 提取码：fqpu1、Thymeleaf常用标签2、Thymeleaf主要语法3、Thymelea

原创 Spring Boot基础学习笔记07：Spring Boot整合JPA

一、Spring Data JPA概述1、Spring Data JPA简介Spring Data JPA是Spring基于ORM框架、JPA规范的基础上封装的一套JPA应用框架，它提供了增删改查等常用功能，使开发者可以用较少的代码实现数据操作，同时还易于扩展。2、Spring Data JPA基本使用编写ORM实体类：实体类与数据表进行映射，并且配置好映射关系。编写Repository接口：针对不同的表数据操作编写各自对应的Repository接口，并根据需要编写对应的数据操作方法。3、使用S

原创 Spring Boot基础学习笔记06：Spring Boot整合MyBatis

一、Spring Boot数据访问概述在开发中，通常会涉及到对数据库的数据进行操作，Spring Boot在简化项目开发以及实现自动化配置的基础上，对关系型数据库和非关系型数据库的访问操作都提供了非常好的整合支持。Spring Boot默认采用整合SpringData的方式统一处理数据访问层，通过添加大量自动配置，引入各种数据访问模板xxxTemplate以及统一的Repository接口，从而达到简化数据访问层的操作。Spring Boot提供的常见数据库依赖启动器二、Spring Boot 整合

原创 Spring Boot基础学习笔记05：Spring Boot多环境配

一、项目进行多环境配置的必要性在实际开发中，应用程序通常需要部署到不同的运行环境中，例如开发环境、测试环境、生产环境等。不同的环境可能需要不同的环境配置，针对这种情况，不可能手动变更配置文件来适应不同的开发环境，通常需要对项目进行多环境配置，Spring Boot框架提供了两种多环境配置的方式，分别是Profile文件多环境配置和@Profile注解多环境配置。同时，会额外讲解在Spring Boot配置文件中设置属性时，除了可以像前面示例中显示的配置属性值外，还可以使用随机值和参数间引用对属性值进行设置

原创 Spring Boot基础学习笔记04：Spring Boot加载自定义配置文件

1、熟悉使用@PropertySource加载配置文件2、熟悉使用@ImportResource加载XML配置文件3、掌握使用@Configuration编写自定义配置类一、为什么需要加载自定义配置文件Spring Boot免除了项目中大部分的手动配置，对于一些特定情况，我们可以通过修改全局配置文件以适应具体生产环境，可以说，几乎所有的配置都可以写在application.peroperties文件中，Spring Boot会自动加载全局配置文件从而免除我们手动加载的烦恼。但是，如果我们自定义配置文

原创 Spring Boot基础学习笔记03：Spring Boot两种全局配置和两种注解

一、Application.properties配置文件1、创建Spring Boot的Web项目PropertiesDemo利用Spring Initializr方式创建项目设置项目元数据添加依赖设置项目名称及保存位置单击【Finish】按钮，完成项目初始化工作2、在application.properties里添加相关配置点开resource目录，查看应用程序属性配置文件1、配置tomcat端口号和web虚拟路径#修改tomcat默认端口号server.port=8

原创 Spring Boot基础学习笔记02：Spring Boot项目单元测试、热部署与原理分析

一、Spring Boot单元测试1、Spring Boot单元测试概述在实际开发中，每当完成一个功能接口或业务方法的编写后，通常都会借助单元测试验证该功能是否正确。Spring Boot对项目的单元测试提供了很好的支持，在使用时，需要提前在项目的pom.xml文件中添加spring-boot-starter-test测试依赖启动器，可以通过相关注解实现单元测试。2、对项目HelloWorld01进行单元测试(1)、修改pom.xml文件，添加测试依赖启动器如果使用Spring Initiali

原创 Spring Boot基础学习笔记01：Spring Boot入门程序

一、搭建开发环境1、安装JDK8+2、安装IntelliJ IDEA3、下载、安装和配置Maven1、下载Maven压缩包下载链接：https://archive.apache.org/dist/maven/maven-3/3.6.1/binaries/2、解压Maven压缩包解压到D:\Maven\apache-maven-3.6.13、配置Maven环境变量创建新的环境变量MAVEN_HOME单击【确定】按钮，查看创建的系统变量MAVEN_HOME修改Path环境变量启