<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_58626489的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_58626489</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_58626489]]></copyright><item><title><![CDATA[HTML键盘弹起遮挡输入框解决]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136361611</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136361611</guid><author>qq_58626489</author><pubDate>Tue, 05 Mar 2024 00:42:45 +0800</pubDate><description><![CDATA[开发中遇到一个问题，输入框唤起键盘后，输入框会被键盘遮挡，需要手动滑动才能漏出来，影响用户体验。]]></description><category></category></item><item><title><![CDATA[CSS中常见选择器的用法]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136361743</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136361743</guid><author>qq_58626489</author><pubDate>Fri, 01 Mar 2024 10:13:49 +0800</pubDate><description><![CDATA[CSS选择器是CSS的基石，赋予开发者精确控制HTML文档中元素样式的能力。选择器定义了CSS规则集将应用到HTML文档的哪一部分，通过不同类型的选择器，可以根据元素的tag、ID、class、属性、状态等各种条件来应用样式。本文将详细介绍各种CSS选择器并提供示例代码。]]></description><category></category></item><item><title><![CDATA[javascript正则表达式处理中文和中文标点符号]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136291408</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136291408</guid><author>qq_58626489</author><pubDate>Thu, 29 Feb 2024 11:14:39 +0800</pubDate><description><![CDATA[连字符（-）:对于连续序列的字符，连字符（-）用来提供简写形式，表示字符的连续范围。比如，[abc]可以写成[a-c]，[0123456789]可以写成[0-9]，同理[A-Z]表示26个大写字母。通常来讲，一些简单的中文字符串可以使用正则表达式处理，以上介绍一些简单的入门用法，若象处理复杂的逻辑，不建议使用复杂的正则，建议使用函数处理，这样可以增加代码的可读性。脱字符（^）:如果方括号内的第一个字符是[^]，则表示除了字符类之中的字符，其他字符都可以匹配。[]:匹配方括号内的任意一个字符。]]></description><category></category></item><item><title><![CDATA[CSS中:hover选择器改变子元素、同级元素、就近元素的样式]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136293486</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136293486</guid><author>qq_58626489</author><pubDate>Wed, 28 Feb 2024 11:08:51 +0800</pubDate><description><![CDATA[hover 选择器用于选择鼠标指针浮动在上面的元素。:hover 选择器适用于所有元素1. 中间什么都不加  控制子元素；2. ‘+’ 控制同级元素(兄弟元素)；3. ‘～’ 控制就近元素；]]></description><category></category></item><item><title><![CDATA[HTML5页面使用audio标签播放音频]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136293594</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136293594</guid><author>qq_58626489</author><pubDate>Tue, 27 Feb 2024 10:24:20 +0800</pubDate><description><![CDATA[H5页面播放音乐其实很简单，只需要用这个标签就行十分方便。不过只有这个如果是移动端用到，iphone不会开启是自动播放需。关于点击按钮音乐开启/停止播放的效果做了个简单的例子。路径选在音乐所在位置就行了。]]></description><category></category></item><item><title><![CDATA[HTML5 Canvas绘制图形从入门到精通]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136293733</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136293733</guid><author>qq_58626489</author><pubDate>Mon, 26 Feb 2024 11:07:08 +0800</pubDate><description><![CDATA[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+ 也支持。]]></description><category></category></item><item><title><![CDATA[MySQL利用索引优化ORDER BY排序语句的方法]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136286672</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136286672</guid><author>qq_58626489</author><pubDate>Sun, 25 Feb 2024 20:13:46 +0800</pubDate><description><![CDATA[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 优化。在已有的表创建索引语法。]]></description><category></category></item><item><title><![CDATA[JavaScript实现页面随着某元素自动滚动（歌词居中）]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136210756</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136210756</guid><author>qq_58626489</author><pubDate>Sat, 24 Feb 2024 11:35:56 +0800</pubDate><description><![CDATA[在开发过程中想要使页面随着某个元素自动滚动，可以使用Element.scrollIntoView()。效果：页面自动滑动，播放的歌词居中。下面举例一个歌词的居中显示。]]></description><category></category></item><item><title><![CDATA[css3实现动画无限循环]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136224761</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136224761</guid><author>qq_58626489</author><pubDate>Fri, 23 Feb 2024 09:50:36 +0800</pubDate><description><![CDATA[要在CSS3中实现动画的无限循环，你可以使用animation属性和infinite关键字。在上面的示例中，我们首先使用@keyframes声明了一个名为的关键帧动画。然后，在.element类选择器中，通过animation属性将该动画应用到一个元素上。设置2s即动画的时长为2秒，并且使用infinite关键字来表示动画应该无限循环。你可以根据需要调整关键帧的百分比和对应的样式，以创建不同效果的动画。]]></description><category></category></item><item><title><![CDATA[web开发中的长度单位详解]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136226802</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136226802</guid><author>qq_58626489</author><pubDate>Thu, 22 Feb 2024 10:42:36 +0800</pubDate><description><![CDATA[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是相对于显示器屏幕分辨率而言。]]></description><category></category></item><item><title><![CDATA[MySQL 多个%等模糊查询功能实现]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136184206</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136184206</guid><author>qq_58626489</author><pubDate>Wed, 21 Feb 2024 11:43:23 +0800</pubDate><description><![CDATA[MySQL 多个%等模糊查询功能实现，注：mysql 通配符查询必须用。]]></description><category></category></item><item><title><![CDATA[MySQL中的RIGHT JOIN和CROSS JOIN操作示例]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136162686</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136162686</guid><author>qq_58626489</author><pubDate>Tue, 20 Feb 2024 10:31:03 +0800</pubDate><description><![CDATA[本文详细介绍了MySQL中的RIGHT JOIN和CROSS JOIN操作。RIGHT JOIN返回右表中的所有记录及与左表中的记录相匹配的记录，而CROSS JOIN返回两个表中所有可能的组合。通过实际示例和输出结果，我们展示了如何使用RIGHT JOIN和CROSS JOIN进行数据库查询。RIGHT JOIN适用于需要获取右表中的所有记录，以及与左表中的记录匹配的情况。CROSS JOIN适用于获取两个表之间的组合，并且结果集的行数等于两个表的行数乘积。]]></description><category></category></item><item><title><![CDATA[MySQL中year()和month()函数解析与输出示例详解]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136162817</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136162817</guid><author>qq_58626489</author><pubDate>Mon, 19 Feb 2024 11:35:05 +0800</pubDate><description><![CDATA[在MySQL中，year()和month()函数是用于从日期或日期时间类型的数据中提取年份和月份的常用函数。本文将详细介绍这两个函数的底层逻辑，包括日期格式的识别和相应值的获取，并提供实例和输出结果作为示例。通过本文，我们详细了解了MySQL中year()和month()函数的底层逻辑。它们能够从日期或日期时间类型的数据中提取年份和月份。通过解析内部存储格式并转换，MySQL能够准确识别日期并获得相应的值。]]></description><category></category></item><item><title><![CDATA[SQL实现模糊查询的四种方法总结]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136142863</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136142863</guid><author>qq_58626489</author><pubDate>Sun, 18 Feb 2024 11:11:05 +0800</pubDate><description><![CDATA[SQL实现模糊查询的四种方法总结]]></description><category></category></item><item><title><![CDATA[MySql查询中按多个字段排序的方法]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136142832</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136142832</guid><author>qq_58626489</author><pubDate>Sat, 17 Feb 2024 22:08:08 +0800</pubDate><description><![CDATA[在 SQL 查询中，经常需要按多个字段对结果进行排序。本文将介绍如何使用 SQL 查询语句按多个字段进行排序，提供几种常见的排序方式供参考。在 SQL 查询中，按多个字段进行排序可以通过在 ORDER BY 子句中指定多个字段和排序方向来实现。通过本文的介绍，你学习了如何在 SQL 查询中按多个字段进行排序。你了解了按单个字段排序和按多个字段排序的方式，以及如何指定排序方向（升序或降序）。这些方法可以帮助你根据需求对查询结果进行灵活的排序操作。]]></description><category></category></item><item><title><![CDATA[css实现边框流动的项目实践]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136111069</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136111069</guid><author>qq_58626489</author><pubDate>Thu, 15 Feb 2024 21:29:40 +0800</pubDate><description><![CDATA[在第二个关键帧中，我们将顶部的边框颜色设置为透明，同时将右侧的边框颜色设置为黑色（border-top-color: transparent;我们使用透明的边框颜色来隐藏边框，以创建流动的效果。在上面的代码中，我们定义了一个名为“border-flow”的动画，并将其应用到我们的元素上。在接下来的两个关键帧中，我们将不同的边框颜色设置为黑色，以创建流动的效果。最后，在最后一个关键帧中，我们将左侧的边框颜色设置为透明，同时将顶部的边框颜色设置为黑色，这样我们就完成了一次边框的流动循环。]]></description><category></category></item><item><title><![CDATA[Mysql中关于on,in,as,where的区别]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136111058</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136111058</guid><author>qq_58626489</author><pubDate>Wed, 14 Feb 2024 18:50:05 +0800</pubDate><description><![CDATA[这算是个比较经典的一个问题了，我初学，只会一种解题方法，但会尽力讲的简单通俗点。) a3示例中cId是类别id，updateTime 是更新时间，解决问题是选取arc内每个类别最晚更新的的三条数据，就像新闻的首页需要为每个分类选出最新的三条新闻，按照数据库里的数据我们可以使用排序 order by cId,updateTime desc 对数据按类别和更新时间进行排序，但去取每个类别的特定几条数据，现有数据库是做不到的，因此我们可以添加一个临时字段。]]></description><category></category></item><item><title><![CDATA[Java split()方法中的特殊符号举例详解]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136063761</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136063761</guid><author>qq_58626489</author><pubDate>Tue, 13 Feb 2024 13:57:17 +0800</pubDate><description><![CDATA[split即正则表达式。特殊符号有等,因为它们是正则表达式中的一部分, 所以如果想用该字符本身,必须使用转义符即\\加以转义才能表示它本身。]]></description><category></category></item><item><title><![CDATA[CSS动画简述]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136063820</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136063820</guid><author>qq_58626489</author><pubDate>Sun, 11 Feb 2024 18:16:36 +0800</pubDate><description><![CDATA[的动画，其中0%表示动画的起始状态，50%表示动画的中间状态，100%表示动画的结束状态。在这个例子中，动画会从红色渐变到黄色再到蓝色。CSS中的动画用法主要是通过使用关键帧动画（@keyframes）来定义动画的不同阶段及其样式。最后，当页面加载时，我们会看到一个具有动画效果的正方形盒子从红色渐变到黄色再到蓝色，并且这个动画会一直循环播放。在上面的例子中，我们首先使用关键帧动画定义了一个名为。属性来定义动画的循环次数（在本例中为无限循环）。属性来定义动画的持续时间，来指定要应用的动画，]]></description><category></category></item><item><title><![CDATA[如何快速搭建springboot项目(新手入门)]]></title><link>https://blog.youkuaiyun.com/qq_58626489/article/details/136063941</link><guid>https://blog.youkuaiyun.com/qq_58626489/article/details/136063941</guid><author>qq_58626489</author><pubDate>Sat, 10 Feb 2024 20:03:12 +0800</pubDate><description><![CDATA[添加完成maven的pom文件之后，会自动更新，也可能不会自动更新，那么我们需要手动更新它。在resources文件夹下，创建application.properties。在resources文件夹下，创建templates文件夹。配置完成后，maven打包可以生成可执行jar文件。在templates下创建index.html。需要maven执行编译，否则容易404。maven的pom文件手动更新。]]></description><category></category></item></channel></rss>