- 博客(99)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 [webpack-cli] Invalid options object. Copy Plugin has been initialized using an options object that
2022-01-01 15:03:37
765
原创 Webpack V5.65.0配置标准开发环境
Webpack安装&使用安装npm install webpack webpack-cli -D使用方式方式一./node_modules/.bin/webpack --version方式二npx webpack --version入口(entry)**入口起点(entry point)**指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。进入入口起点后，webpack 会找出有哪些模块和库是入口起点（直接和间接）依赖的。出口(output)ou
2022-01-01 15:00:53
374
原创 【大前端】webpack初体验（1）
Webpack安装&使用安装npm install webpack webpack-cli -D使用方式方式一./node_modules/.bin/webpack --version方式二npx webpack --version入口(entry)**入口起点(entry point)**指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。进入入口起点后，webpack 会找出有哪些模块和库是入口起点（直接和间接）依赖的。出口(output)ou
2021-12-30 13:51:08
528
原创 【大前端】windows11使用docker配置本地数据库环境mongodb，mysql
Docker命令安装docker-desktop点击前往官网下载，一直下一步安装即可如果出现错误，说明wsl内核未更新到wsl2，点击下载安装之后重启docker-desktop即可查看已安装docker版本docker --version安装docker-composeDocker Compose是一个工具，旨在帮助定义和共享多容器应用程序。使用Compose，我们可以创建一个YAML文件来定义服务，并且使用单个命令，可以启动所有内容或将其全部拆解。使用 Compose的最大优点是，您
2021-12-30 11:48:13
1564
原创 CSS过渡与动画
过渡过渡的基本使用transition过渡可以为一个元素在不同样式之间自动添加“补间动画”transition属性四要素transition:width 1s linear 0s; /*要过渡的属性 过渡时间 线性过渡 延迟时间*/transition:top 1s linear 0s;<style> .box{ width: 200px; height: 200px; bac
2021-03-29 20:40:48
182
1
原创 CSS2D与3D变换
2D变形旋转变形将transform属性设置为rotate()即可实现旋转变形若角度为正，则顺时针方向旋转，否则逆时针方向旋转可以使用 transform-origin 自定义变换原点缩放变形将transform属性的值设置为scale(),即可实现缩放变形当数值小于1时，表示缩小元素；大于1表示放大元素斜切变形将transform属性的值设置为skew()，即可实现斜切变形位移变形将transform属性的值设置为translate()，即可实现位移
2021-03-27 13:30:50
291
原创 CSS背景与渐变
背景背景颜色基础知识background-color表示背景颜色，可以用十六进制，rgb（），rgba（）padding区域是有背景颜色的背景图片基础知识background-image属性用来设置背景图片，图片路径要写到url（）圆括号内，可以是相对路径，也可以是http://开头的绝对路径背景图片的重复模式background-repeat属性值意义repeatx,y均平铺repeat-xx平铺repeat-yy平铺no-repea
2021-03-27 13:29:21
384
原创 CSS边框与圆角阴影
边框边框的三要素线性线型值意义solid实线dashed虚线dotted点状线边框的三要素小属性小属性意义border-width线宽border-style线型border-color线去掉边框 border-left：none 属性即可去掉左边框，以此类推圆角border-radius属性的值通常为px单位，表示圆角的半径单独设置四个圆角也可以用百分比做单位，表示圆角起始于每条边的哪里
2021-03-27 13:27:25
343
原创 CSS浮动与定位
浮动浮动的最本质功能： 用来实现并排浮动的使用要点： 要浮动，并排的盒子都要设置浮动父盒子要有足够的宽度 ，否则盒子会掉下去子盒子会按顺序进行贴靠，如果没有足够空间则会寻找再前一个兄弟元素浮动的元素不再区分块级元素、行内元素，已经脱离了标准文档流，一律能够设置宽度和高度，即使他是span或者a标签等垂直显示的盒子，不要设置浮动， 只有并排显示的盒子才要设置浮动BFC规范和浏览器差异BFC(块级格式化上下文)是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。
2021-03-27 13:24:57
209
原创 CSS盒模型
盒模型基本概念所有html标签都可以看成矩形盒子，由width、height、padding、border构成，称为盒模型width和height不是盒子总宽高，是内容宽高盒子的总高度=height+上下padding+上下border标签详解width单位通常是px，移动端涉及百分数，em 当块元素（div，h系列，li等）没有设置width属性时，它将自动撑满，不意味着可以继承height没有设置height值时，将自动被其内容撑开，如果没有内容，则heigh
2021-03-27 13:22:12
212
原创 CSS文本与字体属性
常用文本样式属性color 设置文本内容的前景色font-size 设置字号，单位通常为pxfont-weight 设置字体粗细font-style 设置字体的倾斜text-decoration 下划线删除线font-family 设置字体 字体可以是列表形式逗号隔开，一般英语字体放在前面，后面的字体是前面的“后备”字体。示例意义font-weight：normal正常粗细，与400等值bold加粗，
2021-03-27 13:20:27
151
原创 CSS选择器
传统CSS2.1选择器标签选择器和id选择器//标签选择器"覆盖面"非常大，所以 通常用于标签的初始化span{ }//id的名称只能由字母、数字、下划线、短横构成，不能以数字开头，字母区分大小写，习惯上用小写字母 同一个页面上不能有相同的id标签#div{ }class选择器//多个标签可以使用相同的类名 .warning{ }//同一个标签可以同时属于多个类 类名用空格隔开<p class="warning spec">我是段落&l
2021-03-27 13:19:18
109
原创 HTML基础
一次HTTP事务由“HTTP请求”和“HTTP响应”构成<!DOCTYPE html> <!--文档类型声明DTD--><html lang="en"> <!--页面语言 中文zh_CN--> <head> <meta charset="utf-8"> <!--字符集设置 meta元标签表示网页的基础配置--> <meta name="viewport" content="……">.
2021-03-27 13:17:20
132
原创 html超链接
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!--
2020-12-05 14:17:32
222
原创 html音视频标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!--
2020-12-05 14:08:47
260
原创 img图片标签及base64图片webp格式图片
语法<img src="链接" alt="描述">示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>图片标签</title></head&g
2020-12-05 13:06:07
2948
原创 html常见语义化标签
ie-不支持h5新增语义化标签，建议使用div span代替<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head>
2020-12-05 10:06:56
752
原创 meta标签
<!DOCTYPE html><html lang="en"><head> <!-- meta标签用来设置网页中的元数据，它里面的内容不被用户查看， 一般用来告诉浏览器如何解析网页，或者告诉搜索引擎网页的主要内容 可选属性： name: 要设置的属性的名字 content: 要设置属性的内容
2020-12-05 09:19:05
184
1
原创 文档声明和meta标签
<!DOCTYPE html> <!-- 文档声明 告诉浏览器网页的版本 --><html lang="zh-CN"> <!--lang属性用来指定语言--><head> <!--meta用来设置网页的基本信息 <meta charset="UTF-8"> 用来指定网页的编码字符集（避免乱码问题） --> <meta charset="UTF-8"> <
2020-12-04 19:27:46
190
原创 何绍华linux第三版期末复习知识点
1. 普通用户切换到root用户的方法：su 示例su root #切换用户su - root #切换用户并改变环境变量2. linux五种文件类型，主目录，工作目录(.)，父目录(…)，主要的系统目录(/root,/etc,/var,/usr/bin)#linux五种文件类型##普通文件、目录文件、链接文件、设备文件、管道文件#主要系统目录## /root ——> root用户主目录## /etc ——> 存放所有的系统管理所需的配置文件和子目录## /var ——>
2020-11-24 20:12:18
398
原创 0001.两数之和
声明该系列文章参考LeetCode官方题解，开发者题解，以及结合博主自己做题思路完成的，代码全部改为平常写的函数，用主函数自己调用，与做题平台自动化测试有区别。题目给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那两个整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。示例给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9
2020-11-19 08:38:13
140
原创 C++基础入门
系列文章目录文章目录系列文章目录前言重点掌握内容一、C++初识？1、第一个C++程序2、注释3、变量4、常量5、标识符命名规则二、数据类型1.整型2.sizeof关键字3.实型(浮点型)4.字符型5.字符串型6.布尔类型bool7.数据的输入三、运算符1.算数运算符2.赋值运算符3.比较运算符4.逻辑运算符四、程序流程结构1.选择结构1.1 if结构1.2 三目运算符1.3 switch结构2.循环结构2.1 while循环语句2.2 do……while循环语句2.3 for循环语句3.跳转语句3.1
2020-11-12 21:00:26
198
原创 返回的数据不符合规范，正确的成功状态码 (code) 应为：0
初次使用layui，真的是两眼一抹黑使用官方的动态表格渲染请求，数据是获取成功了，但是说什么数据返回不符合规范，历经波折总算找到解决方案，如四图所示，把接口返回的原始数据进行修改即可。若有错误请指教。...
2019-10-31 17:38:55
11862
4
原创 springboot使用idea实现热部署
引入热部署工具依赖，增加fork勾选设置中的build project automatically最后用debug运行 当做了修改时，程序会自动部署
2019-08-20 17:53:55
150
原创 13.SpringBoot整合mybatis实现修改删除操作
本文基于10.SpringBoot整合mybatis环境，默认已经配置好了环境，接下来，先打开数据库表，查看原有数据。然后，在EmpMapper中定义修改和删除的抽象方法，并在emp.xml中编写sql语句，修改方法可以在navicat中直接复制,参考12.Springboot整合mybatis实现插入操作之后，在service中具体实现方法，然后controller调用，将年龄eag...
2019-08-20 17:45:20
985
原创 12.SpringBoot整合mybatis实现插入操作
本文基于10.springboot整合mybatis环境，默认环境配置好的，下面进入正题，首先查看以下数据库表有什么内容。然后，在EmpMapper中定义插入方法，并在emp.xml中加入insert语句，这里推荐使用navicat复制其中的insert语句如下图所示，然后稍加修改即可。之后，在service中定义方法，并声明事务@Transactional，这里的事务级别是只要是E...
2019-08-20 17:18:44
2004
1
原创 11.SpringBoot整合mybatis实现多条件数据查询
本篇文章是基于10.SpringBoot整合mybatis环境写的，默认环境已经配置好了，那么接下来，我们先查看数据库，一个dept表，一个emp表，一对多的关系。字段就常见的int 与varchar。然后，在映射中定义方法，传入包含多个参数的map对象，当然也可以先尝试每个参数列出来。在方法名确定后，参数类型确定后，返回类型确定后，就可以在xml文件中写select语句了，下图中，有...
2019-08-20 16:42:57
7626
2
原创 10.SpringBoot整合Mybatis环境整合和简单查询
一、环境搭建首先使用springboot快速创建工具，勾选上web以及mysql的驱动依赖，然后再pom.xml文件中，添加springbootmybatisstarter的依赖，因为mybatis是org.mybatis提供的第三方依赖，然后，在properties文件中加入，jdbc的配置，红框内可以后加，分别是mybatis的配置文件和映射文件路径，根据配置我们在对应的路径下创建...
2019-08-20 11:02:31
217
原创 【新手向】 09.SpringBoot声明式事务
*需要将方法声明为事务，只需要添加注解@Transactional，默认是监控RuntimeException 这里我们将他范围提升到Exception，如果要将整个类中的方法添加为事务，则在类上添加注解即可。...
2019-08-16 10:57:47
112
原创 【新手向】 08.SpringBoot整合Druid连接池
首先，在pom文件中，引入druid的依赖，然后在properties中配置数据库连接池 druid的配置，这个直接复制就行，放在下面了。* #数据库连接池 druid配置#数据库类型为mysqlspring.datasource.dbType=mysql#启动时初始化5个连接spring.datasource.initialSize=20#最小空闲连接5个spring.data...
2019-08-16 10:02:41
323
原创 【新手向】 07.SpringBootJPA对象映射解决联表查询
本篇文章是基于06的jpa数据查询写的，首先我们创建一个emp用户表，一个deptno外键关联dept部门表。然后，创建实体类，对应table，自动注入，如图，在属于外键的字段我们用对象代替，标明一对多的关系，以及对应的关联字段。生成get&set方法在dao层继承JpaRespository<Emp,Integer>并使用持久化查询语言定义方法，通过deptno这...
2019-08-15 17:06:22
923
原创 【新手向】 06.SpringBootJPA中的JPQL java persistence query language 持久化查询语言使用及jpa的提供的方法使用
这篇博客是在新手向05的基础上写的，首先我们尝试使用jpa自带的关键字定义方法名，这样就已经有这个功能了，例如图一，一个方法是根据dname查询，一个方法是查询比条件值deptno小且与条件值dname相同的数据。然后，我们实现dao层的方法，传递deptno和dname给后台，在网页中可以看到返回正确的数据。之后，我们发觉多条件查询的话，那dao层中的方法名过于冗长，所以使用另外一...
2019-08-14 17:45:36
292
原创 【新手向】05.springbootjpa的增删改查实现示例
首先，进入我们的springboot创建工具勾选上web，jpa，mysql依赖，点击create开始构建springboot项目，这期间我们就可以去创建数据库啦。进入navicat，如果你喜欢命令行，也可以用命令行，随便创建一个表，记住表中的每个字段类型，已经字段名。等待一段时间后，项目的依赖已经下载完毕，构建好了，我们就可以开始配置数据库相关项了。写上驱动名，地址，用户名，密...
2019-08-14 16:22:53
216
原创 The server time zone value '�й���ʱ��' is unrecognized or represents more than one time zone.
中文意思：服务器时区值 " 不能识别或表示多个时区。如果要利用时区支持,则必须配置服务器或 JDBC 驱动程序(通过服务器时区配置属性)以使用更规范的时区值按照意思就是需要配置时区属性于是我们在 application.properties中的url添加了以下代码&serverTimezone=UTC(通用协调时)...
2019-08-08 15:33:00
502
原创 【新手向】03.springboot实现文件上传
首先，在网页中添加一个form 网页具备文件上传必须满足三个条件1、post提交2、具备file组件3、设置表单的enctype=“mutipart/form-data”,默认表单的enctype是x-www-urlencoding然后，我们定义form的action地址，与controller中相同，加入文件选择与提交按钮。name必不可少。最后，创建controller类，添加上//...
2019-08-06 11:38:08
163
原创 【新手向】02.springboot用ajax取值或对象
首先，我们来使用ajax获取对象，这里我们新建一个学生对象实体类。然后，新建一个contoller类，初始化实体类，并保存到list中，@RequestMapping(value = “/”, method = RequestMethod.GET) 与@GetMapping("/list")效果相同，都是只接收get请求，记住带上注解@ResponseBody /...
2019-08-06 09:58:54
646
原创 【新手向】01.springboot通过thymeleaf传值到页面
首先在pom配置文件中添加thymeleaf依赖，如果你使用springboot的构建工具自动生成，只需要勾选template engines 中的thymeleaf即可。其次，创建一个controller类，记住要在application入口类的当前文件的下层文件（即：controller文件夹下面），或与application同层，我们使用thymeleaf传值时，不要在@Request...
2019-08-06 08:59:26
5113
原创 vscode常用插件
HTML Snippets，提示初级的h5代码片段，标签等HTML CSS Support，让html标签写上class，智能提示当前项目所支持的样式。view in browers，ctrl+f1在默认浏览器中，运行当前的htmlvscode-icon，让vscode的文件夹目录添加上对应的图标。（如果不生效，在【文件-首选项-文件图标主题】重新选择设置）pa...
2019-08-01 14:20:29
451
原创 ??app.name_zh_CN?? thymeleaf读取properties静态属性显示错误或者读取不了
检查一下你的静态配置文件是否写成了message 这里需要加s 耗费了我两个小时时间总算找到方法了
2019-07-21 17:06:35
1750
原创 IDEA新建springboot提示Cannot resolve symbol
有以下三种可尝试办法：1.File->Invalidate Caches/Restart 清除缓存重启2.maven -> Reinport3.电脑重启我的是自己使用maven构建之后，又重新使用Spring Initializr新建springboot 就出现以上错误了，使用第一个办法就解决成功了。...
2019-07-18 20:51:42
2301
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人