<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_39692513的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_39692513</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_39692513]]></copyright><item><title><![CDATA[css3实现红包弹出并翻转效果]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/135016887</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/135016887</guid><author>qq_39692513</author><pubDate>Fri, 15 Dec 2023 14:48:50 +0800</pubDate><description><![CDATA[css3实现红包弹窗出现并翻转效果]]></description><category></category></item><item><title><![CDATA[indexDb使用]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/132605372</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/132605372</guid><author>qq_39692513</author><pubDate>Thu, 31 Aug 2023 16:02:18 +0800</pubDate><description><![CDATA[indexDb的使用&优缺点]]></description><category></category></item><item><title><![CDATA[站外h5页面调起小程序]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/132038411</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/132038411</guid><author>qq_39692513</author><pubDate>Tue, 01 Aug 2023 11:25:41 +0800</pubDate><description><![CDATA[站外场景调起微信小程序]]></description><category></category></item><item><title><![CDATA[前端性能优化---首屏加载速度]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/129838235</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/129838235</guid><author>qq_39692513</author><pubDate>Wed, 29 Mar 2023 19:34:39 +0800</pubDate><description><![CDATA[介绍了一些首屏性优化的手段]]></description><category></category></item><item><title><![CDATA[谷歌插件使用&开发]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/127904540</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/127904540</guid><author>qq_39692513</author><pubDate>Thu, 17 Nov 2022 17:54:58 +0800</pubDate><description><![CDATA[介绍一些chromo插件的开发与使用，包含文件目录的介绍以及便捷工具的使用]]></description><category></category></item><item><title><![CDATA[Ts内置类型---下]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/127615428</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/127615428</guid><author>qq_39692513</author><pubDate>Thu, 03 Nov 2022 15:18:32 +0800</pubDate><description><![CDATA[介绍了ts内置的一些类型]]></description><category></category></item><item><title><![CDATA[Ts中内置类型-上]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/127509136</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/127509136</guid><author>qq_39692513</author><pubDate>Tue, 25 Oct 2022 11:38:44 +0800</pubDate><description><![CDATA[介绍一些ts中内置类型的实现与使用]]></description><category></category></item><item><title><![CDATA[FullCalendar日历日程插件基础使用与学习]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/126998077</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/126998077</guid><author>qq_39692513</author><pubDate>Thu, 22 Sep 2022 20:17:39 +0800</pubDate><description><![CDATA[对fullcalendar的基础学习与使用，需要使用日历日程插件的好帮手]]></description><category></category></item><item><title><![CDATA[Nest基础学习]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/126852241</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/126852241</guid><author>qq_39692513</author><pubDate>Wed, 14 Sep 2022 15:37:56 +0800</pubDate><description><![CDATA[nestjs基础学习]]></description><category></category></item><item><title><![CDATA[vue 两种路由模式具体实现]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/126607083</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/126607083</guid><author>qq_39692513</author><pubDate>Tue, 30 Aug 2022 19:54:07 +0800</pubDate><description><![CDATA[对vue两种路由模式的简单实现]]></description><category></category></item><item><title><![CDATA[ts 学习 tips]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/126590909</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/126590909</guid><author>qq_39692513</author><pubDate>Mon, 29 Aug 2022 20:09:25 +0800</pubDate><description><![CDATA[对于ts官方文档的简单学习]]></description><category></category></item><item><title><![CDATA[promise简单实现]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/125311721</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/125311721</guid><author>qq_39692513</author><pubDate>Thu, 16 Jun 2022 10:47:12 +0800</pubDate><description><![CDATA[promise简单实现]]></description><category></category></item><item><title><![CDATA[generator/thunk/async/await简单原理]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/125311677</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/125311677</guid><author>qq_39692513</author><pubDate>Thu, 16 Jun 2022 10:45:40 +0800</pubDate><description><![CDATA[generator/thunk/async/await简单原理]]></description><category></category></item><item><title><![CDATA[js中类型转换]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/125311601</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/125311601</guid><author>qq_39692513</author><pubDate>Thu, 16 Jun 2022 10:43:13 +0800</pubDate><description><![CDATA[js中各种类型转换，包含基本类型，引用类型]]></description><category></category></item><item><title><![CDATA[node中cluster与pm2]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/125311531</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/125311531</guid><author>qq_39692513</author><pubDate>Thu, 16 Jun 2022 10:40:24 +0800</pubDate><description><![CDATA[node中cluster和pm2简单介绍]]></description><category></category></item><item><title><![CDATA[Vue 曝光埋点插件的实现原理]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/124423182</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/124423182</guid><author>qq_39692513</author><pubDate>Tue, 26 Apr 2022 15:38:04 +0800</pubDate><description><![CDATA[vue 自定义插件 指令 曝光埋点对象]]></description><category></category></item><item><title><![CDATA[Vue中nexttick]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/123509911</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/123509911</guid><author>qq_39692513</author><pubDate>Wed, 16 Mar 2022 16:13:32 +0800</pubDate><description><![CDATA[nexttick是什么？
官方的定义：

在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM

用法：

接收一个回调函数作为参数，作用是将回调函数延迟到下一次dom更新完毕后使用。如果没有传入回调函数，并且在支持promise的环境中，会返回一个promise对象

使用场景：

在对数据进行赋值之后，需要对新dom做一些操作的时刻，但是此刻最新的dom还没有进行更新。

为什么数据赋值后，不会立马更新dom
原因：

vue 更新dom是异步执行的。监听到]]></description><category></category></item><item><title><![CDATA[vue 超出多行，省略，展示显示更多按钮]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/123498020</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/123498020</guid><author>qq_39692513</author><pubDate>Tue, 15 Mar 2022 11:26:27 +0800</pubDate><description><![CDATA[前期准备：根据字体大小和行数确定这个块整体的高度

template
&lt;div class="desc" ref="desc"&gt;{{desc}}&lt;/div&gt;
&lt;button v-show="showButton"&gt;显示更多&lt;/button&gt;

script
 //获取高度是否超过4行判断是否展示查看更多按钮
    getShowMore(){
    const height = this.$refs.desc? this.$refs.desc.clien.]]></description><category></category></item><item><title><![CDATA[css 省略，三个元素一行，按顺序排放，超出一行，中间元素缩小省略，其他两个正常展示]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/123085124</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/123085124</guid><author>qq_39692513</author><pubDate>Wed, 23 Feb 2022 10:55:00 +0800</pubDate><description><![CDATA[css缩放要求css代码ps
要求
三个元素，第一个是选择框，第二个是公司全称，第三个是公司简称。展示一行，按照选择框，全称，简称的顺序展示。选择框和简称完全展示，全称根据情况省略
css代码
    .li{ display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                ]]></description><category></category></item><item><title><![CDATA[vue联想词飘红]]></title><link>https://blog.youkuaiyun.com/qq_39692513/article/details/123084736</link><guid>https://blog.youkuaiyun.com/qq_39692513/article/details/123084736</guid><author>qq_39692513</author><pubDate>Wed, 23 Feb 2022 10:46:11 +0800</pubDate><description><![CDATA[vue联想词飘红要求代码ps
要求
不对输入字段进行任何处理，对输入字段按字符匹配，不区分英文大小写。
代码
   const charReg = /[\[\]\\]/gi; //替换需要转义的字符（这些字符在正则中代表特殊含义）
        const newText = searchKey.value.replace(charReg, '\\$&amp;')//把输入中需要转义的字符替换（替换后正则规则就匹配原有字符本身）
        const reg = new RegExp(`[${new]]></description><category></category></item></channel></rss>