<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[coder_yujian的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/coder_yujian</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; coder_yujian]]></copyright><item><title><![CDATA[设计模式之单例模式]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/137481626</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/137481626</guid><author>coder_yujian</author><pubDate>Sun, 07 Apr 2024 22:53:26 +0800</pubDate><description><![CDATA[我们实现一个简单的单例模式，进行实例化的过程中我们先判断实例是否存在，如果不存在则new一个，存在那就返回该实例。多次调用都是返回同一个实例对象。只有一个实例，全局可访问该实例。]]></description><category></category></item><item><title><![CDATA[前端的拖拽序列(drag)]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/137126665</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/137126665</guid><author>coder_yujian</author><pubDate>Thu, 28 Mar 2024 22:49:04 +0800</pubDate><description><![CDATA[但此时，拖住的元素也是虚线的，因为拖住的时候，原始的元素就改变了，拖住的元素的样式是根据原来的样式来决定的，所以我们可以放入一个异步里，也就是setTimeout中（用了事件委托）我们通过判断是上移还是下移来决定元素的排序，如果是上移，那么拖住的元素要插入进入的元素之前，如果是下移，那么拖住的元素要插入拖入元素的下一个同类元素的前面，这是上移和下移的区别。这样就可以通过indexOf获取对应元素的索引，比如拖住的元素的索引，和进入元素的索引。但为啥原来的位置也变成异步了？html和css代码如下。]]></description><category></category></item><item><title><![CDATA[虚拟列表的实现]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/136353047</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/136353047</guid><author>coder_yujian</author><pubDate>Wed, 28 Feb 2024 18:22:54 +0800</pubDate><description><![CDATA[如果有不足可以补充，虚拟列表是只展示窗口的数据，避免请求过多数据造成卡顿，以下是简单实现虚拟列表的方式。]]></description><category></category></item><item><title><![CDATA[实现图片的异步加载]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/136351391</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/136351391</guid><author>coder_yujian</author><pubDate>Wed, 28 Feb 2024 17:15:11 +0800</pubDate><description><![CDATA[【代码】实现图片的异步加载。]]></description><category></category></item><item><title><![CDATA[nest简单使用（参考小满zs]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/135600130</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/135600130</guid><author>coder_yujian</author><pubDate>Mon, 15 Jan 2024 16:22:02 +0800</pubDate><description><![CDATA[使用nestjs/cli脚手架创建nest项目，使用命令nest new 项目名字。]]></description><category></category></item><item><title><![CDATA[实现AJAX请求]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/134753069</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/134753069</guid><author>coder_yujian</author><pubDate>Sat, 02 Dec 2023 15:32:51 +0800</pubDate><description><![CDATA[【代码】实现AJAX请求。]]></description><category></category></item><item><title><![CDATA[手写类型判断函数]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/134718530</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/134718530</guid><author>coder_yujian</author><pubDate>Thu, 30 Nov 2023 18:01:54 +0800</pubDate><description><![CDATA[【代码】手写类型判断函数。]]></description><category></category></item><item><title><![CDATA[手写apply]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/134716542</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/134716542</guid><author>coder_yujian</author><pubDate>Thu, 30 Nov 2023 16:50:49 +0800</pubDate><description><![CDATA[【代码】手写apply。]]></description><category></category></item><item><title><![CDATA[实现数组的扁平化]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/134698501</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/134698501</guid><author>coder_yujian</author><pubDate>Wed, 29 Nov 2023 20:28:14 +0800</pubDate><description><![CDATA[使用递归的思想实现了数组的扁平化，通过Array.isArray判断每一项是否为数组，如果是则继续遍历，最后通过concat拼接两数组。]]></description><category></category></item><item><title><![CDATA[手写Bind]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/134694005</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/134694005</guid><author>coder_yujian</author><pubDate>Wed, 29 Nov 2023 16:48:30 +0800</pubDate><description><![CDATA[手写bind方法，最容易忽略的地方就是需要判断函数是否为构造函数，要不然this执行有问题。]]></description><category></category></item><item><title><![CDATA[下划线与驼峰式字符串转换器]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/134622029</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/134622029</guid><author>coder_yujian</author><pubDate>Sat, 25 Nov 2023 23:05:24 +0800</pubDate><description><![CDATA[【代码】下划线与驼峰式字符串转换器。]]></description><category></category></item><item><title><![CDATA[实现url截取参数转换成对象]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/134620245</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/134620245</guid><author>coder_yujian</author><pubDate>Sat, 25 Nov 2023 21:09:30 +0800</pubDate><description><![CDATA[【代码】实现url截取参数转换成对象。]]></description><category></category></item><item><title><![CDATA[js实现发布订阅模式]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/134276348</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/134276348</guid><author>coder_yujian</author><pubDate>Tue, 07 Nov 2023 21:15:19 +0800</pubDate><description><![CDATA[【代码】js实现发布订阅模式。]]></description><category></category></item><item><title><![CDATA[手写instanceof]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/134151830</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/134151830</guid><author>coder_yujian</author><pubDate>Tue, 31 Oct 2023 23:42:26 +0800</pubDate><description><![CDATA[【代码】手写instanceof。]]></description><category></category></item><item><title><![CDATA[js手写快速排序]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/134096259</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/134096259</guid><author>coder_yujian</author><pubDate>Sat, 28 Oct 2023 21:03:30 +0800</pubDate><description><![CDATA[【代码】js手写快速排序。]]></description><category></category></item><item><title><![CDATA[js实现new功能]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/134089835</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/134089835</guid><author>coder_yujian</author><pubDate>Sat, 28 Oct 2023 12:53:35 +0800</pubDate><description><![CDATA[【代码】实现new功能。]]></description><category></category></item><item><title><![CDATA[手写简单的Object.create]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/134085669</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/134085669</guid><author>coder_yujian</author><pubDate>Fri, 27 Oct 2023 23:28:24 +0800</pubDate><description><![CDATA[【代码】手写简单的Object.create。]]></description><category></category></item><item><title><![CDATA[手写深拷贝]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/133956094</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/133956094</guid><author>coder_yujian</author><pubDate>Fri, 20 Oct 2023 23:54:56 +0800</pubDate><description><![CDATA[浅拷贝：只对对象或者数组的第一层进行拷贝，其他层级拷贝的是其栈中的内存地址。深拷贝：在堆内存中创建一个新空间，完全克隆相同的对象。]]></description><category></category></item><item><title><![CDATA[手写节流函数]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/133622166</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/133622166</guid><author>coder_yujian</author><pubDate>Fri, 06 Oct 2023 21:30:05 +0800</pubDate><description><![CDATA[节流在触发后，在该时间段内无论触发多少次都无效，只有过了这段时间才能继续触发，类似于王者的技能冷却。]]></description><category></category></item><item><title><![CDATA[手写防抖函数]]></title><link>https://blog.youkuaiyun.com/coder_yujian/article/details/133591486</link><guid>https://blog.youkuaiyun.com/coder_yujian/article/details/133591486</guid><author>coder_yujian</author><pubDate>Thu, 05 Oct 2023 23:24:08 +0800</pubDate><description><![CDATA[防抖是前端经常用到的技术，他的功能是其实是延迟函数的执行，只有当等待了一段时间也没有事件触发时，才会真正去执行函数，如果在这期间有事件触发则重新计时，可以理解为王者荣耀中的回城，被打断需要重新回城。下面是防抖函数的简单实现。]]></description><category></category></item></channel></rss>