- 博客(47)
- 收藏
- 关注
RSS订阅原创 会悬停的卡片
此种样式写法似乎更适合在电脑端使用，对于移动端，如果让一则内容作为卡片占页面大部分高度，有些过分冗长，实现效果需要进行优化。此处想法来源：https://geex-arts.com/ ，感兴趣可以看看别人的实现效果。
2022-12-13 16:44:24
670
1
原创 前端小课堂-页面加载等待动画
当页面内容比较复杂时，页面内容需要较长的加载时间，用户在页面加载时长时间等待时，加入一些动画效果可以有效提高用户体验，这次为大家带来前端页面加载等待动画的加入过程和原理，为大家提供动画库，帮助大家了解设计方式。浏览器在进行页面加载时是按照文档从上到下加载的，部分在网页前面定义的内容会首先被加载；因此，我们可以把页面加载动画相关的内容写在页面最前面，保证页面加载时首先出现，当内容全部被加载后，使动画内容隐藏首先需要把动画内容写入页面，放在页面的最前面，并且设置宽度和高度与背景颜色，使动画能够覆盖整个页面
2022-12-06 17:58:57
2376
原创 web可复用滚动动画
随着h5标准的诞生，页面动画在开发中的重要性日益上升，而随页面滚动，内容出现的动画也是页面中不可或缺的一个动画设计方式，那么使用什么样的方法进行该动画的实现，也是前端开发者必须考虑的问题之一。
2022-11-29 20:46:33
623
原创 springboot自定义属性@Value出错
3.3 yml文件中缺少必要的空格，属性名和值之间一定要有空格，否者属性无效。3.1 使用注入的类不能通过new新建，需要使用。2.1创建一个service类。3.2 类上面缺少注解。
2022-09-11 10:44:10
307
原创 jQuery入门
一、jQuery是什么？jQuery是一个快速、简洁的JavaScript框架，即倡导写更少的代码，做更多的事情二、和JavaScript的不同选择器：//js的选择器var x = document.getElementById("div1")//jquery的选择器var x = $('#div1')[0]//打印结果相同console.log(x)事件监听的添加：//js的写法document.getElementById("div1").addEventListener("
2022-02-11 19:09:45
404
原创 JavaScript DOM操作
一 、什么是DOMDOM，指的是文档对象模型（Document Object Model）是js对html元素的操作，可以使页面具有交互性可以对HTML页面元素、样式进行 增加、改变、删除等操作二、DOM对HTML元素的操作2.1 获取元素<div id="div1"> <p class="p1" id="p1.1">这是p1.1</p> <p class="p1">这是p1.2</p> <p class="p1">这
2022-02-09 19:48:02
485
原创 JavaScript BOM操作
一、学习BOM的预备知识html触发js的简单方法<button onclick="f1()">点我</button>function f1(){ alert('已触发') }二、什么是BOM操作就是对浏览器对象（window）的操作screen //screen.width/height 属性返回以像素计的访问者屏幕宽度/高度。 //这个宽度/高度，是和浏览器的可视大小无关的 console.log(screen.width) consol
2022-01-28 19:53:18
594
原创 JavaScript语句、函数、作用域
一.语句(1) if 语句 var b1 = true //if判断为真 var b2 = false; //if判断为假 var x1 = 1; //if判断为真 var x2 = 0; //if判断为假 var s1 = "1"; //if判断为真 var s2 = "0"; //if判断为真 //建议使用1和0表示真假，true和false有性能问题 var x =300 if(x<100){ console.log("x的值不到10
2022-01-26 19:50:08
1117
原创 JavaScript：基本概念、变量
一、基本概念1.引入页面方式1.直接写在script 标签中 <script type="text/javascript"></script>2.通过外部链接<script src="./js/index.js"></script>3.script标签的位置：放在head标签里面，或者body标签后，区别：放在body后面，页面加载更快2.基本语法(1)是否区分大小写js是区分大小写的语言(2)注释//这里是行注释/*这里的所有
2022-01-24 19:53:31
408
原创 Mysql从删除到重装，一站式教学
MySQL5.7的删除一、停止MySQL服务在任务管理器中选择服务，找到Mysql，停止服务二、删除MySQL文件这里分两种情况：情况一：安装时使用安装包安装，这时需要到控制面板中找到mysql，然后卸载；情况二：安装时使用压缩包解压，这是需要到MySQL文件目录下手动删除所有mysql文件；三、环境变量在此电脑的环境变量界面，删除PATH中MySQL的环境变量配置四、注册列表删除下列位置文件：HKEY_LOCAL_MACHINE/SYSTEM/ControlSet001/Servic
2022-01-13 11:11:46
252
原创 新建Vue项目
一、安装nodejsnodejs仅需通过安装包安装安装后分别在cmd中使用以下指令node -vnpm -v二、安装nodejs淘宝镜像加速器（cnpm）# -g 是全局安装npm install cnpm -g安装地址为C:\Users\(用户名)\AppData\Roaming\npm\node_modules三、安装vue-cli执行指令，即可安装npm install vue-cli -g查看可以使用的vue模板vue list四、根据模板创建vue项目首
2021-12-29 21:41:52
220
原创 前端授课总结
一、网页目录结构、页面结构<!--html5的头文件--><!DOCTYPE html><!--整个页面的主体标签--><html> <!--页面的头标签，主要存放对页面的一些设置，一般不会在页面中表现出来--> <head> <!--引入css文件--> <link rel="stylesheet" href="css/index.css" /> <!--设置页面的编码类型--&g
2021-12-11 11:03:43
467
原创 Mybatis实现增删改查
步骤：1.在maven中配置mybatis包2.在resources路径下创建并配置mybatis-config.xml3.在utils包下写MybatisUtils4.创建User类5.在Dao目录下配置UserMapper.xml与UserMapper接口（此处省略数据库操作）以下为代码内容pom.xml<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM
2021-11-12 08:55:35
704
原创 Mybatis学习避坑
mysql版本：5.7jdk版本：1.8使用工具：maven一、Maven的配置数据库内容此处省略，主要为体现maven的坑，以下配置为可以正常运行情况有两个注意点：1.<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>此处若不设置编码类型，maven输出的配置文件为乱码2.<build>中的内容配置xml、properties在任何位置都可以被输出<?xml vers
2021-11-11 10:32:32
988
原创 前端小程序组第一节课
一、学习认知1.网页（程序）开发认知2.学习目的3.学习方法听思路记笔记自学：1.练习实战4.主要技术路线5.进阶思维二、前端第一讲1.聊一聊浏览器2.什么是Html、css3.编译器4.第一个网站5.常用标签6.CSS选择...
2021-11-06 19:20:19
89
原创 tomcat多开等问题完整解决方案（入门推荐）无法访问
最近在linux下安装tomcat多个版本时遇到了一些非常冷门（自认为）的问题，在网上找到了很多解决方案，都没能解决，自己探索后，分享一些自己的经验。1.环境变量配置问题这是一个相当坑人的点，首先必须配置好的是jdk的环境变量，至于tomcat是否配置都无关紧要。但是，如果tomcat多开要么都配置，要么都不配置2.tomcat与jvm版本不匹配首先，要确定的是jvm版本是否和tomcat版本匹配，一般要求jvm对应版本大于tomcat对应版本。具体对应版本见：https://tomcat.apa
2021-10-09 20:36:38
426
原创 javaweb下载文件通用简单实现
//获得下载的文件路径 String realPath ="D:\\java\\ORDER\\test.txt"; //获得下载文件名 String fileName= realPath.substring(realPath.lastIndexOf("\\") + 1); //设置头文件，使浏览器支持下载 resp.setHeader("Content-disposition","attachment;filename=" +
2021-09-29 10:56:12
91
原创 JSP分页功能实现
分页实现思路：1.首先确定使用的数据库分页语句，如limit等，并编辑好查询语句及对应查询方法；2.在JSP页面中放入一个表单里面放入存放页码的input（可以使用type="hiden"隐藏起来）；3.点击下一页时调用js函数改变input的值并获取表单（document.forms[0]此处0代表当前页第一个表单），在js函数中再调用form.submit();方法提交表单就获得了相应页码的内容。1.编辑底层sql语句、查询方法在程序最底层编辑sql语句，并且在调用查询方法的时候需要需要形式参
2021-09-19 10:46:33
9399
原创 JDBC实现多条件查询万能解决思路
主要思路为：1.思考所需sql语句，在数据库中运行，尝试，查看返回结果集类型；2.用StringBuffer类对sql语句根据所需条件进行编辑，并封装相应数据；3.对编译好的String类型sql语句和封装的数据交给PreparedStatement，封装运行sql 得到结果集1.确定sql语句首先我们要先了解的问题是多条件查询所需要的sql语句举例：select count(1) from table_name where name like '%key%' and ...然后在数据库运
2021-09-16 11:26:08
2486
原创 移动端web开发基础认知
1.移动端开发认知1.1 响应式布局的必要为了能够使同一网站能够更好的兼容不同尺寸屏幕的浏览，设计开发网站常使用的技术为响应式布局1.2 响应式布局的三要素viewport视窗设置@media媒体查询不要写死尺寸！！多用百分比定义尺寸多用rem、em确定尺寸多用vh、vw确定尺寸2.要点2.1 viewport(视窗)指的是视窗的窗口对于移动端viewport默认为980px或1080px以下代码可以让浏览器窗口宽度和屏幕相同<meta name="viewpo
2021-08-26 21:30:51
114
原创 ServletContext
1.ServletContext基本概念ServletContext是是一个全局的储存信息的空间随服务器开启、关闭。一个web应用对应一个ServletContext。ServletContext实例包含了所有servlet共享的资源信息。通过提供一组方法给servlet使用，用来和servlet容器通讯，比如获取文件的MIME类型、分发请求、记录日志等。这里需要注意一点，如果你的应用是分布式部署的，那么每台服务器实例上部署的应用实例都各自拥有一个ServletContext实例。2.简单的数据共享
2021-08-23 10:23:11
177
原创 mysql数据库内容的简单导出
1.打开命令指示符2.直接在默认目录下输入以下指令 musqldump -h 主机地址 -u root -p 数据库名 > 文件地址\文件.sql其中：如果是本地主机，主机地址写 localhost-u 后面写的是mysql用户名，默认root">"后面的内容要自己创建，然后写入其路径...
2021-08-05 14:26:34
58
原创 servlet-mapping
1.只指向一个路径 <servlet-mapping> <servlet-name>hello</servlet-name> <url-pattern>/hello</url-pattern> </servlet-mapping>2.指向多个路径 <servlet-mapping> <servlet-name>hello</servlet-na
2021-07-17 22:35:22
362
原创 Servlet粗讲之helloservlet
1 什么是ServletJava Servlet 是运行在 Web 服务器或应用服务器上的程序它是 HTTP 客户端请求和 HTTP 服务器上的数据库或应用程序之间的中间层是java实现动态网站开发的接口2 HelloServlet1.构建一个普通maven项目，删掉里面的src目录，作为项目maven主工程；2.关于Maven父子工程的理解：父工程中有<modules> ....<modules>子项目中有<parent> ...&
2021-07-17 22:06:11
188
原创 Java IO流（简单不完全版本）
1 File类File：用于文件或者目录的描述信息，例如生成新目录，修改文件名，删除文件，判断文件所在路径等。1.1 File类的静态成员变量import java.io.File;public class Demo01 { public static void main(String[] args) { System.out.println(File.pathSeparator); //路径分隔符，在windows中为" ; " 。linux系统中为" : "。
2021-07-16 22:45:59
56
原创 使用码云制作简易图床的方法
码云地址：https://gitee.com/步骤一：注册码云账号此处过程较为简单，不过多赘述步骤二：创建仓库登陆后，在右上角的加好处选择新建仓库仓库名称和路径自己定义，选择开源、使用模板，使用readme文件、选择分支模板，只创建museter分支，点击创建即可，如下图所示步骤三：上传图片进入创建好的仓库，选择文件，上传文件选择要上传的图片，点击提交。打开刚刚上传的文件页，点击原始数据复制页面地址步骤四：测试新建一个html文件，在里面放入一个img标签，在src中写入
2021-07-16 20:16:33
419
原创 Java集合类
集合类主要用于存放为止数目的对象，并对其操作的类。主要由Collection和Map派生出来的接口和实现类组成。1 Collection接口Collection接口是List、Set、Queue等接口的父接口。其提供了一系列操作集合元素的方法。1.1 List接口List接口中的元素是有序且可重复的，元素存入顺序和取出顺序一致。ArryList是其实现类，是一个相对动态数组，它的容量能动态的增长，继承于AbstractList，实现List接口。import java.util.ArrayLis
2021-07-12 22:16:45
54
原创 Java基础类库
1 基本类型的包装类在java中每个基础类型，都可以包装为引用数据类型的对象。基础数据类型包装类intIntegercharCharacterflotFloatdoubleDoublebyteBytelongLongshortShortbooleanBoolean基本数据类型和包装类之间转换要涉及两个概念——装箱和拆箱。装箱指基本数据类型转换为引用数据类型，拆箱与之相反。装箱：public class Demo01
2021-06-22 10:41:39
150
原创 Java多线程第一部分
多线程是实现并发机制的一种手段，多线程是为了同步完成多项任务，不是为了提高程序运行效率。1 多线程的开启1.1 Thread类创建多线程class MyThread extends Thread{ public void run(){ //重写run int i = 1; while (i<=3) { System.out.println(this.getName() + ":" + i); i++;
2021-06-21 15:12:34
150
原创 JAVA异常
在Java中，某些错误可能超出了程序员的意料，使得程序被迫停止。为此，Java提供了异常处理机制来帮助程序员检查错误。java将异常封装到一个类中，出现错误时，就会抛出异常。1.1异常的概念在java中，如果一个程序抛出了异常，既可以在当前方法中捕捉、处理，也可以向上抛出，让方法调用者来处理。public class Demo01 { public static int div(int x, int y){ return x/y; } public stati
2021-06-19 08:18:43
74
原创 2021-05-09
public class MyApplication2 { public static void main(String[] args) { People p1 = new People(0,0); ChinaPeople p2 =new ChinaPeople(0,0,"yellow"); }}class People{ double weight; double height; public People(double wei
2021-05-09 14:57:37
66
原创 JAVA接口的定义与实现
定义方法：interface关键字定义，接口都需要有实现类public interface 接口名{ //接口中所有的定义的方法都是 public abstract void add(String name); void delete(String name); void update(String name); void query(String name);}实现方法： ...
2021-04-27 16:17:36
123
原创 模拟ATM机
package text;import java.util.Scanner;class Atm{ Scanner scanner = new Scanner(System.in); private double money; private String user; private String pw; //构造器 public Atm(String user,String pw,double money ) { this.mon
2021-04-24 20:15:15
74
原创 JSON
json是什么：JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。在javascript中一切皆为对象、任何js支持的数据类型都可以用JSON来表示；number , string…格式：数组[]对象{}键值对 key:value//js对象转换成json字符串 var json
2021-03-29 11:57:55
83
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人