<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[李三岁的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Gostraighton</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Gostraighton]]></copyright><item><title><![CDATA[使用class手搓Promise，三步一回头]]></title><link>https://blog.youkuaiyun.com/Gostraighton/article/details/147905349</link><guid>https://blog.youkuaiyun.com/Gostraighton/article/details/147905349</guid><author>Gostraighton</author><pubDate>Tue, 13 May 2025 15:48:21 +0800</pubDate><description><![CDATA[手写Promise，剖析Promise的实现]]></description><category></category></item><item><title><![CDATA[Dom解析过程和js、css的影响]]></title><link>https://blog.youkuaiyun.com/Gostraighton/article/details/147852155</link><guid>https://blog.youkuaiyun.com/Gostraighton/article/details/147852155</guid><author>Gostraighton</author><pubDate>Sat, 10 May 2025 16:49:07 +0800</pubDate><description><![CDATA[介绍HTML文件生成DOM的过程，及JS、CSS文件和代码对DOM生成的影响；白屏]]></description><category></category></item><item><title><![CDATA[V8执行js代码]]></title><link>https://blog.youkuaiyun.com/Gostraighton/article/details/147717741</link><guid>https://blog.youkuaiyun.com/Gostraighton/article/details/147717741</guid><author>Gostraighton</author><pubDate>Mon, 05 May 2025 14:50:20 +0800</pubDate><description><![CDATA[v8从高级代码转换到机器码的过程]]></description><category></category></item><item><title><![CDATA[js执行机制，六、垃圾回收机制]]></title><link>https://blog.youkuaiyun.com/Gostraighton/article/details/147698208</link><guid>https://blog.youkuaiyun.com/Gostraighton/article/details/147698208</guid><author>Gostraighton</author><pubDate>Sun, 04 May 2025 21:36:47 +0800</pubDate><description><![CDATA[本文说明了垃圾回收的机制和相关的算法]]></description><category></category></item><item><title><![CDATA[js执行机制，五、堆、栈存储]]></title><link>https://blog.youkuaiyun.com/Gostraighton/article/details/147691444</link><guid>https://blog.youkuaiyun.com/Gostraighton/article/details/147691444</guid><author>Gostraighton</author><pubDate>Sun, 04 May 2025 11:54:42 +0800</pubDate><description><![CDATA[本文介绍js的数据类型，各类型对应的堆栈空间存储和闭包的内存空间存储]]></description><category></category></item><item><title><![CDATA[js执行机制，四、this指向。call、new设置this及重写]]></title><link>https://blog.youkuaiyun.com/Gostraighton/article/details/146221165</link><guid>https://blog.youkuaiyun.com/Gostraighton/article/details/146221165</guid><author>Gostraighton</author><pubDate>Sat, 03 May 2025 12:00:15 +0800</pubDate><description><![CDATA[本文介绍this的概念和指向，通过什么方式可以改变this的指向。并介绍call和new的原理]]></description><category></category></item><item><title><![CDATA[js执行机制，三、作用域链和闭包(clousre)]]></title><link>https://blog.youkuaiyun.com/Gostraighton/article/details/146032394</link><guid>https://blog.youkuaiyun.com/Gostraighton/article/details/146032394</guid><author>Gostraighton</author><pubDate>Tue, 11 Mar 2025 08:39:11 +0800</pubDate><description><![CDATA[对作用域链和词法作用域的解释，和形成的闭包(closure)及闭包的使用]]></description><category></category></item><item><title><![CDATA[js执行机制，二、作用域和let、const关键字]]></title><link>https://blog.youkuaiyun.com/Gostraighton/article/details/145789736</link><guid>https://blog.youkuaiyun.com/Gostraighton/article/details/145789736</guid><author>Gostraighton</author><pubDate>Wed, 05 Mar 2025 08:06:58 +0800</pubDate><description><![CDATA[介绍了作用域的类型和块级作用域的概念，并介绍语法变量和词法变量的栈结构]]></description><category></category></item><item><title><![CDATA[js执行机制，一、js变量提升和执行上下文栈]]></title><link>https://blog.youkuaiyun.com/Gostraighton/article/details/144904272</link><guid>https://blog.youkuaiyun.com/Gostraighton/article/details/144904272</guid><author>Gostraighton</author><pubDate>Mon, 06 Jan 2025 22:22:54 +0800</pubDate><description><![CDATA[js变量提升和执行上下文、调用栈]]></description><category></category></item><item><title><![CDATA[chrome架构-多进程]]></title><link>https://blog.youkuaiyun.com/Gostraighton/article/details/138667090</link><guid>https://blog.youkuaiyun.com/Gostraighton/article/details/138667090</guid><author>Gostraighton</author><pubDate>Fri, 10 May 2024 17:27:37 +0800</pubDate><description><![CDATA[本文是从chrome架构的学习中作的笔记]]></description><category></category></item><item><title><![CDATA[Vite+VUE3中组件和模块自动化导入]]></title><link>https://blog.youkuaiyun.com/Gostraighton/article/details/137771629</link><guid>https://blog.youkuaiyun.com/Gostraighton/article/details/137771629</guid><author>Gostraighton</author><pubDate>Mon, 15 Apr 2024 11:24:23 +0800</pubDate><description><![CDATA[优化项目，尽可能减少项目中的import语句]]></description><category></category></item><item><title><![CDATA[VITE打包浏览器兼容问题]]></title><link>https://blog.youkuaiyun.com/Gostraighton/article/details/136907535</link><guid>https://blog.youkuaiyun.com/Gostraighton/article/details/136907535</guid><author>Gostraighton</author><pubDate>Thu, 21 Mar 2024 14:41:26 +0800</pubDate><description><![CDATA[VITE对浏览器版本兼容限制解决方案。]]></description><category></category></item><item><title><![CDATA[手写promise]]></title><link>https://blog.youkuaiyun.com/Gostraighton/article/details/129929348</link><guid>https://blog.youkuaiyun.com/Gostraighton/article/details/129929348</guid><author>Gostraighton</author><pubDate>Mon, 03 Apr 2023 14:38:40 +0800</pubDate><description><![CDATA[【代码】手写promise。]]></description><category></category></item><item><title><![CDATA[注册less-loader依赖]]></title><link>https://blog.youkuaiyun.com/Gostraighton/article/details/125851486</link><guid>https://blog.youkuaiyun.com/Gostraighton/article/details/125851486</guid><author>Gostraighton</author><pubDate>Mon, 18 Jul 2022 15:28:46 +0800</pubDate><description><![CDATA[less-loader]]></description><category></category></item><item><title><![CDATA[mpvue搭建引入vant weapp+less全局文件]]></title><link>https://blog.youkuaiyun.com/Gostraighton/article/details/125662032</link><guid>https://blog.youkuaiyun.com/Gostraighton/article/details/125662032</guid><author>Gostraighton</author><pubDate>Thu, 07 Jul 2022 16:42:23 +0800</pubDate><description><![CDATA[mpvue搭建引入vant weapp+less全局文件]]></description><category></category></item><item><title><![CDATA[mpvue搭建+全局管理main.js+路由+引入less文件]]></title><link>https://blog.youkuaiyun.com/Gostraighton/article/details/125644001</link><guid>https://blog.youkuaiyun.com/Gostraighton/article/details/125644001</guid><author>Gostraighton</author><pubDate>Wed, 06 Jul 2022 17:59:30 +0800</pubDate><description><![CDATA[mpvue搭建+全局管理main.js+路由+引入less文件]]></description><category></category></item><item><title><![CDATA[JS无限滚动、回到顶端和图片懒加载]]></title><link>https://blog.youkuaiyun.com/Gostraighton/article/details/119674445</link><guid>https://blog.youkuaiyun.com/Gostraighton/article/details/119674445</guid><author>Gostraighton</author><pubDate>Sat, 14 Aug 2021 18:26:17 +0800</pubDate><description><![CDATA[目录前言1 无限滚动（垂直）1.1 效果和代码1.2 过程解释1.2.1 监听页面滚动1.2.2 获取距页面底部的距离2 回到顶端2.1 效果和代码2.2 过程解释3 图片懒加载3.1 效果和代码3.2 过程解释
前言
介绍页面无线滚动、回到顶端和图片懒加载的实现
1 无限滚动（垂直）
要求：
1） 当访问者滚动到页面末端时，它会自动添加内容，
2） “滚动到末端”应该意味着访问者离文档末端的距离不超过 50px。
1.1 效果和代码

代码：
html
&lt;div id="body"&gt;
	&lt]]></description><category></category></item></channel></rss>