2024年11月20日
之前闲时，花了几个下班时间使用VUE+Spring Boot前后端分离做了一个博客，博客文章编辑采用vue-quill-editor插件，做了一些简单的配置后，就直接可用了，可惜在编辑文章时，默认的图片上传为Base64存放在文章内容中，这使得原本存储在数据库中的5这个大字段会因一篇文章的图片上传多而变得沉重。因为我使得的是云服务当服务器，有用过云服务的都知道，网络带宽很贵。在带宽只有3M的情况下，读取一篇几兆的文章会有几秒的延迟。一开始我以为是数据库读取问题，所以我把文章内容这个字段做了中间缓存，把常变字段（如阅读数）依然从数据库中读取，在逻辑上进行两者拼接返回给前端，但依然速度很慢。如下图，文章内容中的图片是BASE64存储，存储大小782KB，如果一篇文章的上传图片越多，也就会导致这个文章内容字段越大。
2024年11月20日
从零开始，探索如何使用 TailwindCSS 自定义动画
Tailwind CSS是一种颠覆性的CSS框架，改变了开发者处理前端开发的方式。它的低级性和移动优先的方法使得它成为设计独特、响应式和可扩展的网页设计的热门选择。此外，它还具有强大的动画支持，使开发者能够构建引人入胜的用户体验，吸引访问者。
2024年11月20日
2024年11月20日
最近接到一个需求，需要在微信小程序中做出用户可自定义缩放旋转图片和文字定制功能，开发使用 uni-app，这里记录开发中遇到的几个问题。
2024年11月20日
你是Web开发和CSS的新手吗？你是否想过如何在互联网上看到那些漂亮的形状？别再奇怪了。你来对地方了。
下面，我将解释使用CSS创建形状的基本知识。还有很多要告诉你关于这个话题！因此，我不会涵盖所有（绝大部分）工具和形状，但这应该使你基本了解如何使用CSS创建形状，并且创建文字环绕图形的方式方法。
有些形状比其他形状需要更多的“技巧和窍门”。使用CSS创建形状通常是使用宽度，高度，顶部，右侧，左侧，边框，底部，变换和伪元素（例如：before和：after）的组合。我们还具有更现代的CSS属性，可使用诸如shape-outside和clip-path之类的形状来创建形状，这些内容我将在后面写出来。
2024年11月20日
在现代办公软件中，字体的选择和使用对文档的美观性和可读性有着重要的影响。WPS Office作为一款广泛使用的办公软件，其字体的添加和管理功能也备受用户关注。本文将详细介绍在WPS中如何添加字体，包括字体的下载、安装和使用等方面。
2024年11月20日
1、常规的Web页面实现方法
早期的Web应用系统开发中的Web页面内的信息定位和Web页面布局一般是采用HTML表格<table>标签实现的，但由于HTML标签本身是将数据和显示风格混合在一起的——请见下面的表格标签示例：
<table><tr><td>表格中的某个单元格需要显示的数据</td></tr></table>
2024年11月20日
绝对定位：/开头
绝对路径：从根目录开始，一直到当前的目录
绝对定位：从根节点开始，一直到当前的节点 结点顺序和位置
相对定位：//开头
相对路径：相对参照物 //相对于前面节点 如果//在开头，则就相对整个html
定位原则：
1、不依靠节点顺序和节点位置
2、只要能够找到匹配特征的元素就可取
相对定位表达式：
1、//标签名[@属性名=值]
eg：//a[@href="https://www.hao123.com"]
2、//标签名[text()=值] ---精准匹配
eg://a[text()="新闻"]
3、//标签名[contains(@属性名，属性值)] //标签名[contains(text()，值)] ---模糊匹配
eg：//a[contains(@href,"hao123")] //a[contains(text(),'新闻')]
4、*标签名或属性名都可以用*号，表示匹配所有 //*[contains(@*,值)]
组合条件
逻辑：and or
eg：//标签名[text()=值 and @属性名=值]
//a[text()="新闻" or @href="https://www.hao123.com"]
层级定位：//祖先节点//要找的节点
eg://div[@id="u1"]//a[@name="tj_login"]
轴定位：元素的兄弟姐妹、子孙、父母
eg://span[text()="考勤"]/parent::a