浮生若梦777-优快云博客

原创 HTML键盘弹起遮挡输入框解决

开发中遇到一个问题，输入框唤起键盘后，输入框会被键盘遮挡，需要手动滑动才能漏出来，影响用户体验。

2024-03-05 00:42:45 708

原创 CSS中常见选择器的用法

CSS选择器是CSS的基石，赋予开发者精确控制HTML文档中元素样式的能力。选择器定义了CSS规则集将应用到HTML文档的哪一部分，通过不同类型的选择器，可以根据元素的tag、ID、class、属性、状态等各种条件来应用样式。本文将详细介绍各种CSS选择器并提供示例代码。

2024-03-01 10:13:49 652

连字符（-）:对于连续序列的字符，连字符（-）用来提供简写形式，表示字符的连续范围。比如，[abc]可以写成[a-c]，[0123456789]可以写成[0-9]，同理[A-Z]表示26个大写字母。通常来讲，一些简单的中文字符串可以使用正则表达式处理，以上介绍一些简单的入门用法，若象处理复杂的逻辑，不建议使用复杂的正则，建议使用函数处理，这样可以增加代码的可读性。脱字符（^）:如果方括号内的第一个字符是[^]，则表示除了字符类之中的字符，其他字符都可以匹配。[]:匹配方括号内的任意一个字符。

2024-02-29 11:14:39 1798

原创 CSS中:hover选择器改变子元素、同级元素、就近元素的样式

hover 选择器用于选择鼠标指针浮动在上面的元素。:hover 选择器适用于所有元素1. 中间什么都不加控制子元素；2. ‘+’ 控制同级元素(兄弟元素)；3. ‘～’ 控制就近元素；

2024-02-28 11:08:51 1705

原创 HTML5页面使用audio标签播放音频

H5页面播放音乐其实很简单，只需要用这个标签就行十分方便。不过只有这个如果是移动端用到，iphone不会开启是自动播放需。关于点击按钮音乐开启/停止播放的效果做了个简单的例子。路径选在音乐所在位置就行了。

2024-02-27 10:24:20 685

原创 HTML5 Canvas绘制图形从入门到精通

canvas> 标记由 Apple 在 Safari 1.3 Web 浏览器中引入。标记和 SVG以及 VML 之间的一个重要的不同是，有一个基于 JavaScript 的绘图 API，而 SVG 和 VML 使用一个 XML 文档来描述绘图。Mozilla 程序从 Gecko 1.8 (Firefox 1.5) 开始支持, Internet Explorer 从 IE9 开始。Chrome 和 Opera 9+ 也支持。

2024-02-26 11:07:08 1806 2

原创 MySQL利用索引优化ORDER BY排序语句的方法

create [unique|fulltext|spatial] index 索引名 on 表名(字段名 [长度] [asc|desc]);建立索引(uid,x,y)实现order by的优化,比建立(x,y,uid)索引效果要好得多。注意：如果columnX对应多个值，如下面语句就无法利用索引来实现order by的优化。在[sort]这个栏位上建立索引就可以实现利用索引进行order by 优化。建立一个联合索引(columnX,sort)来实现order by 优化。在已有的表创建索引语法。

2024-02-25 20:13:46 594

原创 JavaScript实现页面随着某元素自动滚动（歌词居中）

在开发过程中想要使页面随着某个元素自动滚动，可以使用Element.scrollIntoView()。效果：页面自动滑动，播放的歌词居中。下面举例一个歌词的居中显示。

2024-02-24 11:35:56 296

原创 css3实现动画无限循环

要在CSS3中实现动画的无限循环，你可以使用animation属性和infinite关键字。在上面的示例中，我们首先使用@keyframes声明了一个名为的关键帧动画。然后，在.element类选择器中，通过animation属性将该动画应用到一个元素上。设置2s即动画的时长为2秒，并且使用infinite关键字来表示动画应该无限循环。你可以根据需要调整关键帧的百分比和对应的样式，以创建不同效果的动画。

2024-02-23 09:50:36 2015

原创 web开发中的长度单位详解

2）em，元素的字体高度：em是相对于父元素的属性值而计算的，所以em是非具体的数值。现指的是字符宽度的倍数，用法类似百分比，如：0.5em, 1em,2em等，通常1em=16px，为了简化font -size的换算，可以在css中的body选择器中声明Font-size=62.5%，这就使em值变为16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。1）px，像素：px是相对于显示器屏幕分辨率而言。

2024-02-22 10:42:36 1149

原创 MySQL 多个%等模糊查询功能实现

MySQL 多个%等模糊查询功能实现，注：mysql 通配符查询必须用。

2024-02-21 11:43:23 354

原创 MySQL中的RIGHT JOIN和CROSS JOIN操作示例

本文详细介绍了MySQL中的RIGHT JOIN和CROSS JOIN操作。RIGHT JOIN返回右表中的所有记录及与左表中的记录相匹配的记录，而CROSS JOIN返回两个表中所有可能的组合。通过实际示例和输出结果，我们展示了如何使用RIGHT JOIN和CROSS JOIN进行数据库查询。RIGHT JOIN适用于需要获取右表中的所有记录，以及与左表中的记录匹配的情况。CROSS JOIN适用于获取两个表之间的组合，并且结果集的行数等于两个表的行数乘积。

2024-02-20 10:31:03 2081

原创 MySQL中year()和month()函数解析与输出示例详解

在MySQL中，year()和month()函数是用于从日期或日期时间类型的数据中提取年份和月份的常用函数。本文将详细介绍这两个函数的底层逻辑，包括日期格式的识别和相应值的获取，并提供实例和输出结果作为示例。通过本文，我们详细了解了MySQL中year()和month()函数的底层逻辑。它们能够从日期或日期时间类型的数据中提取年份和月份。通过解析内部存储格式并转换，MySQL能够准确识别日期并获得相应的值。

2024-02-19 11:35:05 2074

原创 SQL实现模糊查询的四种方法总结

SQL实现模糊查询的四种方法总结

2024-02-18 11:11:05 22793 1

原创 MySql查询中按多个字段排序的方法

在 SQL 查询中，经常需要按多个字段对结果进行排序。本文将介绍如何使用 SQL 查询语句按多个字段进行排序，提供几种常见的排序方式供参考。在 SQL 查询中，按多个字段进行排序可以通过在 ORDER BY 子句中指定多个字段和排序方向来实现。通过本文的介绍，你学习了如何在 SQL 查询中按多个字段进行排序。你了解了按单个字段排序和按多个字段排序的方式，以及如何指定排序方向（升序或降序）。这些方法可以帮助你根据需求对查询结果进行灵活的排序操作。

2024-02-17 22:08:08 1792

原创 css实现边框流动的项目实践

在第二个关键帧中，我们将顶部的边框颜色设置为透明，同时将右侧的边框颜色设置为黑色（border-top-color: transparent;我们使用透明的边框颜色来隐藏边框，以创建流动的效果。在上面的代码中，我们定义了一个名为“border-flow”的动画，并将其应用到我们的元素上。在接下来的两个关键帧中，我们将不同的边框颜色设置为黑色，以创建流动的效果。最后，在最后一个关键帧中，我们将左侧的边框颜色设置为透明，同时将顶部的边框颜色设置为黑色，这样我们就完成了一次边框的流动循环。

2024-02-15 21:29:40 455

原创 Mysql中关于on,in,as,where的区别

这算是个比较经典的一个问题了，我初学，只会一种解题方法，但会尽力讲的简单通俗点。) a3示例中cId是类别id，updateTime 是更新时间，解决问题是选取arc内每个类别最晚更新的的三条数据，就像新闻的首页需要为每个分类选出最新的三条新闻，按照数据库里的数据我们可以使用排序 order by cId,updateTime desc 对数据按类别和更新时间进行排序，但去取每个类别的特定几条数据，现有数据库是做不到的，因此我们可以添加一个临时字段。

2024-02-14 18:50:05 1771

原创 Java split()方法中的特殊符号举例详解

split即正则表达式。特殊符号有等,因为它们是正则表达式中的一部分, 所以如果想用该字符本身,必须使用转义符即\\加以转义才能表示它本身。

2024-02-13 13:57:17 1176

原创 CSS动画简述

的动画，其中0%表示动画的起始状态，50%表示动画的中间状态，100%表示动画的结束状态。在这个例子中，动画会从红色渐变到黄色再到蓝色。CSS中的动画用法主要是通过使用关键帧动画（@keyframes）来定义动画的不同阶段及其样式。最后，当页面加载时，我们会看到一个具有动画效果的正方形盒子从红色渐变到黄色再到蓝色，并且这个动画会一直循环播放。在上面的例子中，我们首先使用关键帧动画定义了一个名为。属性来定义动画的循环次数（在本例中为无限循环）。属性来定义动画的持续时间，来指定要应用的动画，

2024-02-11 18:16:36 280

原创如何快速搭建springboot项目(新手入门)

添加完成maven的pom文件之后，会自动更新，也可能不会自动更新，那么我们需要手动更新它。在resources文件夹下，创建application.properties。在resources文件夹下，创建templates文件夹。配置完成后，maven打包可以生成可执行jar文件。在templates下创建index.html。需要maven执行编译，否则容易404。maven的pom文件手动更新。

2024-02-10 20:03:12 1112

原创 JavaScript实现轮播图方法

先来看下效果图，嫌麻烦就不用具体图片来实现了，主要是理清思路。（自动轮播，左右按钮切换图片，小圆点切换图片，鼠标移入暂停轮播，鼠标移出继续轮播）

2024-02-08 23:58:01 1241 1

原创 JavaScript反转数组常用的4种方法

在上面的代码中，我们使用Math.floor向下舍入( i < Math.floor(arr.length/2) ) i < Math.floor(arr.length/2)给定数组的一半元素。reverseArray1函数将一个数组( arr )作为参数，并通过向后循环遍历给定的数组，以相反的顺序创建一个相同元素的新数组( newArr )( let i = arr.length - 1;数组的最后一个元素将是循环的起点(arr.length — 1) ，它将一直运行直到到达数组的起点(i ≥ 0)

2024-02-07 00:04:03 2460

原创 Java中双冒号运算符(::)的用法详解

通过双冒号运算符，我们可以更方便地引用静态方法、实例方法和构造函数，使得代码更加简洁和可读。双冒号运算符是Java 8引入的重要特性，对于函数式编程和Lambda表达式的使用起到了积极的推动作用。

2024-02-06 23:22:12 1220

原创 Vue3中使用element-plus菜单折叠后文字不消失

折叠以后文字并没有消失，查资料说是el-menu子标签中不能含有div，但是排查了后也没有使用div，最后发现是因为我的一级导航没有包裹到标签中，因为是直接使用了一个简易的非折叠导航栏，折叠是后边加上去的，所以忽略了这个问题。这一部分写在了标签外面。使用span包裹一下就好了。

2024-02-05 11:48:59 1203

原创属性“xxxx”在类型“ArrayConstructor”上不存在。是否需要更改目标库? 请尝试将 “lib” 编译器选项更改为“es2015”或更高版本。

属性“form”在类型“ArrayConstructor”上不存在。是否需要更改目标库?请尝试将 “lib” 编译器选项更改为“es2015”或更高版本。打开jsconfig.json文件，如果引入了typescript语法就打开tsconfig.json。

2024-02-04 16:57:39 825 1

原创 Css Flex弹性布局中的换行与溢出处理

在Flex弹性布局中，元素的布局仅依赖于父容器的设置，而不再需要复杂的相对或绝对定位。2，使用flex属性：flex属性是flex-grow、flex-shrink和flex-basis的缩写。可以通过设置不同的flex-basis值来改变子元素的宽度，从而实现溢出内容的隐藏效果。在上述代码中，容器元素的宽度为400px，设置了flex-wrap属性为wrap，以及子元素的flex-basis属性为200px。在Flex布局中，当子元素的总宽度超过父容器的宽度时，有时我们需要进行换行处理。

2024-02-04 14:31:24 3283 1

原创 python使用正则匹配判断字符串中含有某些特定子串及正则表达式详解

innot in判断字符串中是否含有某些关键词，方法比较多例如分词后对词向量和关键词进行==匹配，但这种方法以来分词的准确性，不太推荐；其次使用成员运算符innot in可以较好的判断字符串中是否包含某关键词，即特定字串这种遍历算法虽然可以成功得到想要的结果，但是当数据量很大的时候，程序执行效率将会很低。正则匹配作为专业的查找工具，在判断字符串中含有特定字串的事情上可以大大提高工作效率。2.正则匹配:返回string中所有与pattern匹配的全部字符串,返回形式为数组。

2024-02-03 20:00:56 3876 1

原创 vue中$refs的用法及作用详解

这篇文章主要介绍了vue中$refs的用法及作用详解,非常不错，具有参考借鉴价值，需要的朋友可以参考下。

2024-02-02 10:56:35 380

原创 mysql获取当前日期年月的两种方式

mysql获取当前日期年月的两种方式

2024-02-01 11:23:04 1505 1

原创 MySQL中的常用函数及用法总结

MySQL中的常用函数及用法总结。这些函数可以帮助我们更方便地操作数据，提高数据处理效率。在实际开发中，我们可以根据具体需求选择合适的函数来处理数据。

2024-01-31 20:31:23 1133

原创 MySQL核心查询语句详解

MySQL核心查询语句详解。数据分析师在实际工作中提取数据，不可能在一张表中就能把所有想要的数据都取到，而是关联多张表，从不同的表中拿到不同的目标数据，这就需要掌握表和表连接的知识了。以左表为基准，匹配右边表中的数据，如果匹配的上就展示匹配到的数据；以右表为基准，匹配左边表中的数据，如果匹配的上就展示匹配到的数据；到此MySQL的核心查询语句详解的文章就介绍到这了,更多相关MySQL的核心查询内容可访问主页查看，希望对大家有帮助！

2024-01-31 11:34:18 1479

原创 Vue3中ref和reactive的用法和区别

Vue2中我们通常将响应式数据放在data中，再Vue3中提供了组合式API的写法，即数据和方法写在一起，便于维护。由于本文中我使用的是一个单HTML文件引入vue做演示，所以需要使用return返回响应式数据，vue文件的话中无需再使用return。Object.assign(car,对象1,对象2,...)，对象1和对象2传入car中，最终显示最后传入的对象（对象为键值对）通过使⽤ Proxy 来实现响应式（数据劫持），并通过Reflect 操作源对象内部的数据。reactive只能定义响应式的对象。

2024-01-30 11:59:12 707 1

空空如也

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

TA关注的人

python爬虫 爬取百度贴吧的图片

教师信息管理系统 基于Java Swing写的，适用于课程设计，附设计报告

Java基础笔记.md

空空如也

python爬虫爬取百度贴吧的图片

教师信息管理系统基于Java Swing写的，适用于课程设计，附设计报告