自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(36)
  • 收藏
  • 关注

原创 JavaScript高级Ⅲ

querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用 querySelectorAll() 方法替代。

2024-03-10 10:35:03 962

原创 java小案例(随机抽奖)

直播抽奖,奖品是现金红包,分别有{2, 588 , 888, 1000, 10000}五个奖金。请使用代码模拟抽奖,打印出每个奖项,奖项的出现顺序要随机且不重复。打印效果如下:(随机顺序,不一定是下面的顺序)888元的奖金被抽出588元的奖金被抽出10000元的奖金被抽出1000元的奖金被抽出2元的奖金被抽出。

2024-03-09 11:30:47 284

原创 js小案例-省市级联

运行效果:代码演示:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>省市级联</title> <style type="text/css"> .regist_bg { width: 100%; height: 600px; padding-top: 40px; ba

2024-03-09 09:54:04 196

原创 JavaScript高级Ⅱ(全面版)

dom操作内容1. 向body中追加html内容 document.write(html内容)2. 获取或修改元素的纯文本内容 element.innerText 获取元素的纯文本内容3. 获取或修改元素的html内容 element.innerHTML获取元素的html内容4. 获取或修改包含元素自身的html内容 element..outerHTML 获取包含元素自身的html内容小总结:element.innerText = 普通文本element.innerHTML =dom操作元素

2024-03-09 09:46:46 1034 1

原创 js小案例-表格隔行变色

js案例隔行变色

2024-03-08 11:16:57 217

原创 JavaScript高级Ⅰ(全面版)

BOM:Browser Object Model 浏览器对象模型 js把浏览器抽象成为一个对象,允许我们使用JS代码来模拟浏览器的功能.Document Object Model 文档对象模型,用于操作网页中元素当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。简单来说JS把页面抽象描述为一个dom对象.

2024-03-08 11:04:46 808 1

原创 js拓展-内置对象

​1) 数组中的每个元素的类型是可以不同的。2) 数组的长度可以动态变化3) 数组中包含大量的方法,类似于Java中的集合,而Java中的数组没有方法。//1. 创建一个长度为0的数组var arr = new Array();//2. 有参的构造方法,指定数组的长度var arr = new Array(5);//3. 有参的构造方法,指定数组中的每个元素var arr = new Array(2,4,10,6);//4. 使用中括号的方式创建数组var arr = [4,3,

2024-03-07 18:14:02 572

原创 SQL注入

输入恶意SQL语句得到一个存在安全漏洞的网站上的数据库,而不是按照设计者意图去执行SQL语句。这两个参数,在我输入的密码不正确的情况下,也查询出了结果,是因为 SQL 语句中有两种注释,一种是: # ,另一种是:-- ,这两条查询语句正式利用了这个,所有的查询语句建议使用数据库提供的参数化查询接口,参数化的语句使用参数而不是将3.用户输入变量嵌入到SQL语句中,即不要直接拼接SQL语句。SQL注入攻击指的是通过构建特殊的输入作为参数传入Web应用程序,而这些输入大都是SQL语法里的一些组合,通过执行。

2024-03-07 11:37:55 650

原创 js拓展-文件存储

sessionStorage 是HTML5新增的一个会话存储对象,用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。在JavaScript语言中可通过 window.sessionStorage 或 sessionStorage 调用此对象。localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。localStorage的方法 与sessionStorage的方法和属性相同。

2024-03-07 11:29:23 1013

原创 JavaScript基础Ⅱ

JS数组的特点: 1.JS是弱类型,数组元素类型任意 2. JS的数组类似于Java的集合,长度可变,所以有时又把js数组叫做数组或集合 数组 要求能够查询w3c手册完成如下功能 1. 创建数组 [] 2. 数组合并 concat 3. 添加元素 数组头添加 unshift 数组尾添加 push 4. 删除元素 数组头删除 shift

2024-03-07 11:04:33 334 1

原创 JavaScript基础Ⅰ

JS之父布兰登·艾奇(Brendan Eich) 在1995年用一周时间发明了JavaScript.欧洲计算机制造联合会(ECMA)在1997年制定了ECMA Script1.后来2009年发布了ECMA Script5(es5), 在2015年又推出了ECMA Script2015(es6)现在所有浏览器都支持ES6.

2024-03-06 18:32:04 756 1

原创 HTML基础

文档声明HTML文档声明,告诉浏览器当前页面是HTML5页面,让浏览器用HTML5的标准去解析识别HTML文档必须放到HTML文档的最前面,不能省略,省略了会出现兼容性问题html元素html元素是HTML文档的根元素,一个文件只能有一个,其他所有元素都是它的后代元素lang => language 语言的意思,作用:帮助翻译工具确定要使用的翻译规则帮助语音合成工具确定要使用的发音lang="en" =>英文;lang="zh" =>中文。

2024-03-06 17:52:01 1091

原创 Mybatis映射及配置XML文件格式

Mybatis映射及配置XML文件格式。

2024-03-05 17:54:33 256

原创 Java Web开发模型

初期的Java Web应用,主要通过Servlet作为Web 服务器(Apache等)的扩展,提供动态内容。 也可以在Servlet中直接实现HTML内容,通过字符拼装页面内容。比较容易出错,不易调试。 随着JSP技术的推出,Java Web应用展现的功能 逐渐迁移到JSP页面上,Servlet主要用作业务处 理、逻辑控制等功能。

2024-03-05 17:38:02 462

原创 SpringMVC框架③

SpringMVC中默认的转发视图是InternalResourceView SpringMVC中创建转发视图的情况: 当控制器 方法中所设置的视图名称以"forward:"为前缀时,创建InternalResourceView视图,此时的视 图名称不 会被SpringMVC配置文件中所配置的视图解析器解析,而是会将前缀"forward:"去掉,剩余部 分作为最 终路径通过转发的方式实现跳转。

2024-03-05 08:49:42 408

原创 SpringMVC框架②

RequestMapping注解的method属性通过请求的请求方式(get或post)匹配请求映射 @RequestMapping注解的method属性是一个RequestMethod类型的数组,表示该请求映射能够匹配 多种请求方式的请求 若当前请求的请求地址满足请求映射的value属性,但是请求方式不满足method属 性,则浏览器报错 405:Request method 'POST' not supported post请求。header请求头信息 "!

2024-03-04 22:29:35 807

原创 SpringMVC框架①

SpringMVC是Spring的一个后续产品 是spring的一个子项目SpringMVC是spring为表述层开发提供的一整套完备的解决方案不用写的很复杂 因为springMVC封装了请求响应等功能 所以我们只需使用springMVC为我们提供的实现 各个功能的代码 然后完成一个请求的处理了目前业界普遍选择了SpringMVC作为javaEE项目表述层开发的首选方案框架其实是配置文件加jar包。

2024-03-04 13:48:56 1903 1

原创 Linux基础命令

根目录下的home文件夹内有itheima文件夹,内有a.txt。如,图中的Linux用户是xphlinux,其HOME目录是:/home/xphlinux。选项:-p,可选,表示创建前置路径 表示自动创建不存在的父目录,适用于创建连续多层级的目录。参数,关键字,必填,表示过滤的关键字,带有空格或其它特殊符号,建议使用””将关键字包围起来。当前登录用户的HOME目录作为当前工作目录,所以ls命令列出的是HOME目录的内容。

2024-03-04 13:26:29 974 1

原创 Java中的String类

字符串存储的内存原理String s = “abc”;直接赋值特点:此时字符串abc是存在字符串常量池中的。先检查字符串常量池中有没有字符串abc,如果有,不会创建新的,而是直接复用。如果没有abc,才会创建一个新的。所以,直接赋值的方式,代码简单,而且节约内存。new出来的字符串看到new关键字,一定是在堆里面开辟了一个小空间。String s1 = new String(“abc”);String s2 = “abc”;s1记录的是new出来的,在堆内存里面的地址

2024-03-03 19:15:38 693 1

原创 Java小案例(字符串操作)

例如,数组为 int[] arr = {1,2,3};,执行方法后的输出结果为:[1, 2, 3]定义一个方法,把 int 数组中的数据按照指定的格式拼接成一个字符串返回,调用该方法,​ 定义一个方法,实现字符串反转。键盘录入一个字符串,调用该方法后,在控制台输出结果。​ 例如,键盘录入 abc,输出结果 cba。

2024-03-01 21:07:59 191 1

原创 CSS常见布局方式

移动端和pc端不能使用同一个页面,两个页面的布局不一致,移动端需要自己另外一个布局并使用自己另外设计一个布局并使用不同域名呈现。块级元素是垂直组织的。:不会另起一行,只要在其父级块级元素的宽度内有足够的空间,他们与其他内联元素被安排在同一行。space-around:项目位于各行之前、之间、之后都留有空白的容器内。column-reverse:与 column 相同,但是以相反的顺序。row-reverse:与 row 相同,但是以相反的顺序。row(默认值):灵活的项目将水平显示,正如一个行一样。

2024-03-01 20:37:01 1740 1

原创 JavaScript 的dom对象

setAttribute() 方法增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。返回带有指定名称的节点对象的集合。通过元素名称name获得元素 语法: document.getElementsByName(name) 与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。

2024-02-28 16:07:09 598

原创 Vue项目引入icon图标(阿里巴巴矢量图标库)

当element-ui库中的图标无法满足我们的需要时,我们可以选择引入第三方的图标进行使用,下面是引入图标步骤。

2024-02-28 13:57:44 1738

原创 java小案例(模仿酒店管理)

需要提供对应的打印房间列表的方法,打印格式为 : [101 标准间 空闲],[102 标准间 占用]...是否占用 : true表示占用,false表示空闲,默认所有房间均为空闲。编写一个程序模拟酒店管理系统:显示酒店所有房间列表的方法,预订房间的方法...根据输入内容,做相应操作,预订或退订完成之后,再次打印房间列表。房间编号 : 格式为 101,102,201...房间类型 : 12标准,34双人,5豪华。你需要定义一个房间类,一个酒店类,一个客户端类。酒店规模为 : 5层 每层10个房间。

2024-02-25 18:43:27 361 1

原创 java小案例(随机生成验证码)

随机产生四位数作为验证码,要求从 0--9,a--z,A一Z 中随机取四个数。请将数组[13,9,16,15,13,20,15]去重后升序排序。

2024-02-25 18:26:40 287 1

原创 AJAX实现简单get/post请求

AJAX可以让浏览器发送一种特殊的请求,这种请求可以是:异步的。什么是异步,什么是同步?假设有t1和t2线程,t1和t2线程并发,就是异步。假设有t1和t2线程,t2在执行的时候,必须等待t1线程执行到某个位置之后t2才能执行,那么t2在等t1,显然他们是排队的,排队的就是同步。AJAX是可以发送异步请求的。也就是说,在同一个浏览器页面当中,可以发送多个ajax请求,这些ajax请求之间不需要等待,是并发的。AJAX代码属于WEB前端的JS代码。

2024-02-23 11:46:43 4798 1

原创 Random&Scanner

next(),nextInt(),nextDouble()在接收数据的时候,会遇到空格,回车,制表符其中一个就会停止接收数据。​ 键盘录入123,那么会把123看做字符串返回。比如:键盘录入123,那么会把123当做int类型的整数返回。上面这个格式里面,只有r是变量名,可以变,其他的都不允许变。比如:键盘录入abc,那么会把abc看做字符串返回。​ 能接收整数和小数,但是都会看做小数返回。​ 录入字母会报错。

2024-02-23 11:24:06 230

原创 基本数据类型之间的运算规则

1.自动类型转换:容量小的类型自动转换为容量大的数据类型。数据类型按容量大小排序为2.有多种类型的数据混合运算时,系统首先自动将所有数据转换成容量最大的 那种数据类型,然后再进行计算。3.byte,short,char之间不会相互转换,他们三者在计算时首先转换为int类型。4.boolean类型不能与其它数据类型运算。5.当把任何基本数据类型的值和字符串(String)进行连接运算时(+),基本数据类 型的值将自动转化为字符串(String)类型。

2024-02-23 10:29:22 953

原创 Vue2随笔分享(路由补充)

路由重定向指的是:用户在访问地址 A 的时候,强制用户跳转到地址 C ,从而展示特定的组件页面。通过路由规则的 redirect 属性,指定一个新的路由地址,可以很方便地设置路由的重定向。在 src/App.vue 组件中,使用 vue-router 提供的 和 声明路由链接和占位符。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,会回到之前的 URL。-- this.$router 是路由的“导航对象” -->

2024-02-22 17:00:35 676 1

原创 Vue2随笔分享(下)

子组件 通过props 进行自定义属性。父组件 负责把数据 通过v-bind: 绑定给子组件子组件调用this.$emit()来触发自定义事件(参数1:字符串,表示自定义事件的名称 参数2:值,要发送父组件的数据)父组件通过v-on: 来调用自定义事件,并提供一个事件处理函数,通过事件处理函数的形参,接收到子组件传递过来的数据。

2024-02-22 16:53:08 2202 2

原创 Vue2随笔分享(上)

在工程化的项目中,vue要做的事就是:通过main.js把App.vue(UI结构)渲染到index.html的指定区域中。① 单页面应用程序中,所有组件的 DOM 结构,都是基于唯一的 index.html 页面进行呈现的。组件化开发指的是:根据封装的思想,把页面上可重用的 UI 结构封装为组件,从而方便项目的开发和维护。

2024-02-22 16:39:48 882 1

原创 AJAX跨域问题解决方案

跨域访问的资源、跨域访问

2024-02-22 16:18:39 2762 1

原创 json格式的字符串和json对象(JSON格式的JavaScript对象)的转换

以上就是b就是一个字符串,也是一个json字符串,之所以叫json字符串,因为字符串的格式符合json的格式,所以叫做json字符串,第三行代码也匹配其中的类型为string。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,JSON格式的数据,主要是为了跨平台交流数据用的。但JSON和JavaScript确实存在渊源,可以说这种数据格式是从JavaScript对象中演变出来的,它是JavaScript的一个子集。它是一种严格的js对象的格式,

2024-02-20 12:43:14 580

原创 Vue和Springboot前后端分离项目 跨域问题 配置

出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)。当一个请求url的协议、域名、端口。

2024-02-14 22:16:37 866 2

原创 vue-video-player视频播放器配置详解

这篇文章主要介绍了vue-video-player视频播放器的使用和配置,感兴趣的小伙伴们可以参考一下!

2024-02-14 21:55:33 1098 2

原创 SpringBoot 整合Mybatis_plus技术出现的 NoSuchBeanDefinitionException: No qualifying bean of type 问题的解决

org.springframework.beans.factory.UnsatisfiedDependencyException: Error creating bean with name 'com.xph.boot05_mybatis_plus.Boot05MybatisPlusApplicationTests': Unsatisfied dependency expressed through field 'bookDao': No qualifying bean of type 'com.xph.b

2023-03-16 22:35:25 1433 3

JavaScript技术练习小项目

JavaScript技术练习小项目 该项目包含JavaScript的多项技术点,可以有效练习我们的能力,提高对js的认识 JavaScript技术练习小项目 该项目包含JavaScript的多项技术点,可以有效练习我们的能力,提高对js的认识 JavaScript技术练习小项目 该项目包含JavaScript的多项技术点,可以有效练习我们的能力,提高对js的认识 JavaScript技术练习小项目 该项目包含JavaScript的多项技术点,可以有效练习我们的能力,提高对js的认识 JavaScript技术练习小项目 该项目包含JavaScript的多项技术点,可以有效练习我们的能力,提高对js的认识 JavaScript技术练习小项目 该项目包含JavaScript的多项技术点,可以有效练习我们的能力,提高对js的认识 JavaScript技术练习小项目 该项目包含JavaScript的多项技术点,可以有效练习我们的能力,提高对js的认识 JavaScript技术练习小项目 该项目包含JavaScript的多项技术点,可以有效练习我们的能力,提高对js的认识

2024-03-10

使用java语言开发的经典2048小游戏

资源结合Java图形化界面设计技术知识和java开发基础知识,向我们展示了java开发的无穷魅力 资源结合Java图形化界面设计技术知识和java开发基础知识,向我们展示了java开发的无穷魅力 资源结合Java图形化界面设计技术知识和java开发基础知识,向我们展示了java开发的无穷魅力 资源结合Java图形化界面设计技术知识和java开发基础知识,向我们展示了java开发的无穷魅力 资源结合Java图形化界面设计技术知识和java开发基础知识,向我们展示了java开发的无穷魅力 资源结合Java图形化界面设计技术知识和java开发基础知识,向我们展示了java开发的无穷魅力 资源结合Java图形化界面设计技术知识和java开发基础知识,向我们展示了java开发的无穷魅力 资源结合Java图形化界面设计技术知识和java开发基础知识,向我们展示了java开发的无穷魅力 资源结合Java图形化界面设计技术知识和java开发基础知识,向我们展示了java开发的无穷魅力 资源结合Java图形化界面设计技术知识和java开发基础知识,向我们展示了java开发的无穷魅力!!!

2024-03-08

游戏开发阶段性小案例Unity项目 3D竞技类游戏 很抗打

游戏开发阶段性小案例Unity项目 3D竞技类游戏 很抗打 游戏开发阶段性小案例Unity项目 3D竞技类游戏 很抗打 游戏开发阶段性小案例Unity项目 3D竞技类游戏 很抗打 游戏开发阶段性小案例Unity项目 3D竞技类游戏 很抗打 游戏开发阶段性小案例Unity项目 3D竞技类游戏 很抗打 游戏开发阶段性小案例Unity项目 3D竞技类游戏 很抗打 游戏开发阶段性小案例Unity项目 3D竞技类游戏 很抗打 游戏开发阶段性小案例Unity项目 3D竞技类游戏 很抗打 游戏开发阶段性小案例Unity项目 3D竞技类游戏 很抗打游戏开发阶段性小案例Unity项目 3D竞技类游戏 很抗打游戏开发阶段性小案例Unity项目 3D竞技类游戏 很抗打

2024-03-08

游戏开发阶段性小案例Unity项目 2D泡泡堂

游戏开发阶段性小案例Unity项目 2D泡泡堂 游戏开发阶段性小案例Unity项目 2D泡泡堂游戏开发阶段性小案例Unity项目 2D泡泡堂 游戏开发阶段性小案例Unity项目 2D泡泡堂 游戏开发阶段性小案例Unity项目 2D泡泡堂 游戏开发阶段性小案例Unity项目 2D泡泡堂 游戏开发阶段性小案例Unity项目 2D泡泡堂 游戏开发阶段性小案例Unity项目 2D泡泡堂 游戏开发阶段性小案例Unity项目 2D泡泡堂 游戏开发阶段性小案例Unity项目 2D泡泡堂 游戏开发阶段性小案例Unity项目 2D泡泡堂

2024-03-08

游戏开发阶段性小案例Unity项目 3D贪吃蛇

游戏开发阶段性小案例Unity项目 3D贪吃蛇游戏开发阶段性小案例Unity项目 3D贪吃蛇游戏开发阶段性小案例Unity项目 3D贪吃蛇游戏开发阶段性小案例Unity项目 3D贪吃蛇游戏开发阶段性小案例Unity项目 3D贪吃蛇游戏开发阶段性小案例Unity项目 3D贪吃蛇游戏开发阶段性小案例Unity项目 3D贪吃蛇游戏开发阶段性小案例Unity项目 3D贪吃蛇

2024-03-08

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除