<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[x_XDGS的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/x_XDGS</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; x_XDGS]]></copyright><item><title><![CDATA[大模型输出markdown格式前端对话框]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/145845356</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/145845356</guid><author>x_XDGS</author><pubDate>Tue, 25 Feb 2025 14:44:49 +0800</pubDate><description><![CDATA[判断字符串中的是不是富文本还是markdown。]]></description><category></category></item><item><title><![CDATA[如何用post请求调用Server-Sent Events服务]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/143675672</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/143675672</guid><author>x_XDGS</author><pubDate>Mon, 11 Nov 2024 11:16:31 +0800</pubDate><description><![CDATA[如何用post请求调用Server-Sent Events服务。]]></description><category></category></item><item><title><![CDATA[将md格式的数据展示在页面上]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/143239968</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/143239968</guid><author>x_XDGS</author><pubDate>Fri, 25 Oct 2024 17:56:10 +0800</pubDate><description><![CDATA[将md转为html富文本格式]]></description><category></category></item><item><title><![CDATA[一个和v-html功能一样且能防止xss攻击的插件]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/143141688</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/143141688</guid><author>x_XDGS</author><pubDate>Tue, 22 Oct 2024 10:39:17 +0800</pubDate><description><![CDATA[既能实现v-html的功能，又能防止xss攻击，在页面上显示富文本内容。]]></description><category></category></item><item><title><![CDATA[关于el-table表格跳转详情页修改数据后返回，改变表格内容，保存当前页码的功能]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/140951936</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/140951936</guid><author>x_XDGS</author><pubDate>Tue, 06 Aug 2024 12:37:20 +0800</pubDate><description><![CDATA[el-table,跳转详情页面，缓存页码，更新表格数据内容]]></description><category></category></item><item><title><![CDATA[关于element-plus中el-select自定义标签及样式的问题]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/139671464</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/139671464</guid><author>x_XDGS</author><pubDate>Fri, 14 Jun 2024 10:39:01 +0800</pubDate><description><![CDATA[element-plus， el-select，自定义标签，动态更改颜色样式，更该样式]]></description><category></category></item><item><title><![CDATA[px转rem插件postcss-plugin-px2rem使用方法（浏览器缩放页面自适应）]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/139641696</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/139641696</guid><author>x_XDGS</author><pubDate>Thu, 13 Jun 2024 09:45:33 +0800</pubDate><description><![CDATA[浏览器缩放自适应，px转rem，postcss-plugin-px2rem插件]]></description><category></category></item><item><title><![CDATA[针对上两篇微信同声传译语音播报功能，又出现了坑]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/139245688</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/139245688</guid><author>x_XDGS</author><pubDate>Mon, 27 May 2024 19:50:03 +0800</pubDate><description><![CDATA[微信同声传译，语音播报，坑，优化]]></description><category></category></item><item><title><![CDATA[针对上一篇微信同声传译语音播报部分坑的解决和优化]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/139195649</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/139195649</guid><author>x_XDGS</author><pubDate>Sat, 25 May 2024 12:45:39 +0800</pubDate><description><![CDATA[微信同声传译，优化，语音播报]]></description><category></category></item><item><title><![CDATA[微信同声传译插件，语音识别文字及语音播报功能详解]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/138993161</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/138993161</guid><author>x_XDGS</author><pubDate>Fri, 17 May 2024 14:52:59 +0800</pubDate><description><![CDATA[微信小程序使用微信同声传译插件，语音输入识别成文字，文字转语音及语音播报功能]]></description><category></category></item><item><title><![CDATA[生成小程序二维码、小程序码]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/132150027</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/132150027</guid><author>x_XDGS</author><pubDate>Mon, 07 Aug 2023 18:06:53 +0800</pubDate><description><![CDATA[微信小程序生成二维码，小程序码，可自定义传递的参数]]></description><category></category></item><item><title><![CDATA[vue3+element plus，使用分页total修改成中文]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/131093873</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/131093873</guid><author>x_XDGS</author><pubDate>Wed, 07 Jun 2023 19:10:30 +0800</pubDate><description><![CDATA[使用element plus的的时候，total属性显示是英文这是我建的一个新项目，总数显示的Total 1000我们的需求是显示中文，共 1000 条这个就很尴尬，组件封装的东西，查了所有api都没有写怎么改官网上面有个（官网直通车）其实按照官网上写的配置，其实并不好使。那我们应该怎么办呢？一般的是不是都会去看看控制台里面有啥？细心的人会发现，这个好像就是我们引入的组件吧将这个展开，有个el对象，el对象里面会有pagination，里面的goto，total好像在哪里见过。]]></description><category></category></item><item><title><![CDATA[pdfh5.js的使用以及遇到的坑]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/129724955</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/129724955</guid><author>x_XDGS</author><pubDate>Fri, 24 Mar 2023 15:04:35 +0800</pubDate><description><![CDATA[pdfh5插件的使用和遇到的坑]]></description><category></category></item><item><title><![CDATA[微信小程序在双大括号{{}}里面写方法]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/129213313</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/129213313</guid><author>x_XDGS</author><pubDate>Sat, 25 Feb 2023 11:29:09 +0800</pubDate><description><![CDATA[微信小程序在双大括号{{}}里面写方法，处理数据]]></description><category></category></item><item><title><![CDATA[虚拟列表实现方法（vue2/vue3）]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/128122630</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/128122630</guid><author>x_XDGS</author><pubDate>Wed, 30 Nov 2022 21:29:03 +0800</pubDate><description><![CDATA[关于vue2和vue3的虚拟列表的实现]]></description><category></category></item><item><title><![CDATA[v-for遍历el-check-group全选功能]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/125988261</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/125988261</guid><author>x_XDGS</author><pubDate>Tue, 26 Jul 2022 09:42:19 +0800</pubDate><description><![CDATA[v-for 遍历多选框全选、勾选和取消勾选功能]]></description><category></category></item><item><title><![CDATA[el-dropdown绑定click点击事件不生效和样式修改]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/124043011</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/124043011</guid><author>x_XDGS</author><pubDate>Fri, 08 Apr 2022 16:02:43 +0800</pubDate><description><![CDATA[el-dropdown绑定click点击事件不生效和样式修改
我们在开发项目的时候会用到el-dropdown，这个功能一般都会在用户上进行使用
比如：
修改密码，退出的情况下

绑定点击事件
组件直接绑定点击事件是不生效的，需要通过 @click.native=‘logout’ 这种方式来进行绑定点击事件。
修改样式
先看图：

这个组件的DOM不在#app里面，和#app是同级关系。
如果我们要修改组件样式的话，我们就不能再style上加scoped，必须全局修改，这样就会出现一个情况：我们在其他地方使]]></description><category></category></item><item><title><![CDATA[el-table长列表进行下拉分页]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/123324078</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/123324078</guid><author>x_XDGS</author><pubDate>Mon, 07 Mar 2022 10:33:52 +0800</pubDate><description><![CDATA[el-table长列表进行下拉分页
在我们开发表格的时候，一般都会用到分页，有点击页码分页和下拉分页，点击页码分页在这里就不和大家分享了，今天和大家分享一下下拉分页。
下拉分页的原理就是：el-table + 无限滚动
我使用的是一个插件：el-table-infinite-scroll
插件地址：https://www.npmjs.com/package/el-table-infinite-scroll
npm i el-table-infinite-scroll   //安装依赖

// 在main.j]]></description><category></category></item><item><title><![CDATA[解决150%分辨率下拉框错位和echarts鼠标移入焦点错位的问题]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/123272322</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/123272322</guid><author>x_XDGS</author><pubDate>Fri, 04 Mar 2022 14:23:51 +0800</pubDate><description><![CDATA[解决150%分辨率下拉框错位和echarts鼠标移入焦点错位的问题
当我们在前端开发的过程中，可能会被要求适配主流分辨率。当我们把电脑分辨率调成150%的时候，一些下拉框会发生错位现象，echarts图标同样也是会出现这个问题，鼠标移入后，出现焦点错位的现象。虽然对功能没有任何影响，但是，用户体验真的是极差。
在我开发的过程，有幸这两种情况都遇到了，因此，我在这里分享一下我的解决方案。

下拉框错位
我们先上图：
这是我们需要的效果，在100%的屏幕下的效果
这是150%屏幕下的效果

我们想要在150%的]]></description><category></category></item><item><title><![CDATA[el-select中DOM不在body中的情况]]></title><link>https://blog.youkuaiyun.com/x_XDGS/article/details/123230425</link><guid>https://blog.youkuaiyun.com/x_XDGS/article/details/123230425</guid><author>x_XDGS</author><pubDate>Wed, 02 Mar 2022 16:45:14 +0800</pubDate><description><![CDATA[el-select中DOM不在body中的情况
我们在使用 el-select 组件的时候，经常性的需要改变组件默认样式。但是出现一个问题，就是我们无论怎么修改，在页面上都不显示。当我们打开控制台后，细心的人就会发现，我们需要修改的dom元素并不在body里面，这样的话，我们应该怎么进行修改呢？
第一种方法（有缺陷）
我们可以全局修改，在页面上
&lt;style&gt;&lt;/style&gt;    //不加scoped

这样的话就是全局修改，且需要加 !important， 但是如果用到了相同的组]]></description><category></category></item></channel></rss>