<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[GAlbinus的博客]]></title><description><![CDATA[]]></description><link>https://blog.csdn.net/GAlbinus</link><language>zh-cn</language><generator>https://blog.csdn.net/</generator><copyright><![CDATA[Copyright &copy; GAlbinus]]></copyright><item><title><![CDATA[前端项目开发踩坑02————Vue-Router 栈溢出报错]]></title><link>https://blog.csdn.net/GAlbinus/article/details/143001837</link><guid>https://blog.csdn.net/GAlbinus/article/details/143001837</guid><author>GAlbinus</author><pubDate>Thu, 17 Oct 2024 11:45:42 +0800</pubDate><description><![CDATA[Vue-Router 栈溢出报错
Error in render: "RangeError: Maximum call stack size exceeded"]]></description><category></category></item><item><title><![CDATA[前端项目开发踩坑01————利用setTimeout模拟出类似setInterval及宏任务微任务]]></title><link>https://blog.csdn.net/GAlbinus/article/details/140038760</link><guid>https://blog.csdn.net/GAlbinus/article/details/140038760</guid><author>GAlbinus</author><pubDate>Fri, 28 Jun 2024 11:31:39 +0800</pubDate><description><![CDATA[大屏项目等利用定时器固定时间刷新数据。setInterval包裹Promise导致，Promise的回调执行时间与预期timeout不符的解决方案:利用setTimeout模拟出类似setInterval。提示：以下是本篇文章正文内容，下面成功案例可供参考先放解决方案。]]></description><category></category></item><item><title><![CDATA[VUE学习：Vue CLI-02————注册全局组件模拟语义化标签]]></title><link>https://blog.csdn.net/GAlbinus/article/details/140016700</link><guid>https://blog.csdn.net/GAlbinus/article/details/140016700</guid><author>GAlbinus</author><pubDate>Thu, 27 Jun 2024 16:22:09 +0800</pubDate><description><![CDATA[VUE学习：Vue CLI-02————注册全局组件模拟语义化标签
VUECli框架内，Vue项目本身不支持除HTML自带的语义化标签外自定义语义化标签，所以通过注册全局组件的方式，达到语义化标签使用效果。]]></description><category></category></item><item><title><![CDATA[OpenLayers Api 中文文档4 View]]></title><link>https://blog.csdn.net/GAlbinus/article/details/130814149</link><guid>https://blog.csdn.net/GAlbinus/article/details/130814149</guid><author>GAlbinus</author><pubDate>Mon, 22 May 2023 20:05:26 +0800</pubDate><description><![CDATA[OpenLayers Api 中文文档4 View]]></description><category></category></item><item><title><![CDATA[OpenLayers Api 中文文档3 MapEvent]]></title><link>https://blog.csdn.net/GAlbinus/article/details/130814086</link><guid>https://blog.csdn.net/GAlbinus/article/details/130814086</guid><author>GAlbinus</author><pubDate>Mon, 22 May 2023 19:59:55 +0800</pubDate><description><![CDATA[OpenLayers  Api 中文文档3 MapEvent]]></description><category></category></item><item><title><![CDATA[OpenLayers Api 中文文档2 MapBrowserEvent]]></title><link>https://blog.csdn.net/GAlbinus/article/details/130814018</link><guid>https://blog.csdn.net/GAlbinus/article/details/130814018</guid><author>GAlbinus</author><pubDate>Mon, 22 May 2023 19:59:47 +0800</pubDate><description><![CDATA[OpenLayers  Api 中文文档2 MapBrowserEvent]]></description><category></category></item><item><title><![CDATA[OpenLayers Api 中文文档 1Map]]></title><link>https://blog.csdn.net/GAlbinus/article/details/130771361</link><guid>https://blog.csdn.net/GAlbinus/article/details/130771361</guid><author>GAlbinus</author><pubDate>Fri, 19 May 2023 17:56:01 +0800</pubDate><description><![CDATA[OpenLayers Api 官网翻译 中文文档 1Map]]></description><category></category></item><item><title><![CDATA[OpenLayers中文文档2栅格重投影]]></title><link>https://blog.csdn.net/GAlbinus/article/details/130771670</link><guid>https://blog.csdn.net/GAlbinus/article/details/130771670</guid><author>GAlbinus</author><pubDate>Fri, 19 May 2023 17:55:21 +0800</pubDate><description><![CDATA[OpenLayers官网翻译中文文档2栅格重投影]]></description><category></category></item><item><title><![CDATA[OpenLayers中文文档3基本概念Basic Concepts]]></title><link>https://blog.csdn.net/GAlbinus/article/details/130771713</link><guid>https://blog.csdn.net/GAlbinus/article/details/130771713</guid><author>GAlbinus</author><pubDate>Fri, 19 May 2023 17:55:19 +0800</pubDate><description><![CDATA[OpenLayers官网翻译中文文档3基本概念Basic Concepts]]></description><category></category></item><item><title><![CDATA[OpenLayers中文文档1快速入门]]></title><link>https://blog.csdn.net/GAlbinus/article/details/130771525</link><guid>https://blog.csdn.net/GAlbinus/article/details/130771525</guid><author>GAlbinus</author><pubDate>Fri, 19 May 2023 17:51:05 +0800</pubDate><description><![CDATA[OpenLayers中文文档1快速入门]]></description><category></category></item><item><title><![CDATA[JavaScript高级学习：事件的防抖和节流03——详解节流]]></title><link>https://blog.csdn.net/GAlbinus/article/details/120266803</link><guid>https://blog.csdn.net/GAlbinus/article/details/120266803</guid><author>GAlbinus</author><pubDate>Mon, 13 Sep 2021 14:52:07 +0800</pubDate><description><![CDATA[提示：
本文为JavaScript栏目：JavaScript高级学习：事件的防抖和节流03——详解节流
JavaScript高级学习：事件的防抖和节流03——详解节流防抖防抖的思路初步实现技能二段伤害

防抖
防抖的思路
其次是第二种思路。
如果短时间内大量触发同一事件，那么在函数执行一次之后，该函数在指定的时间期限内不再工作，直至过了这段时间才重新生效。
简单来说就是给技能加一个冷却时间，事件触发后开始冷却，冷却时间内不能再触发。
初步实现
节流实现的关键在于时间戳的获取和定时器。
我们在时间第一次执行的]]></description><category></category></item><item><title><![CDATA[JavaScript高级学习：事件的防抖和节流02——详解防抖]]></title><link>https://blog.csdn.net/GAlbinus/article/details/120266114</link><guid>https://blog.csdn.net/GAlbinus/article/details/120266114</guid><author>GAlbinus</author><pubDate>Mon, 13 Sep 2021 14:40:43 +0800</pubDate><description><![CDATA[提示：
本文为JavaScript栏目：JavaScript高级学习：事件的防抖和节流02——详解防抖
JavaScript高级学习：事件的防抖和节流02——详解防抖防抖防抖的思路初步实现解决指针问题和event对象大招后摇补充：返回值和取消操作

防抖
防抖的思路
如果在delay时间内没有再次触发滚动事件，那么就执行函数
如果在delay时间内再次触发滚动事件，那么当前的计时取消，重新开始计时
简单来说就是把事件的触发当做成一个技能。在技能释放的时候需要delay时间的蓄力，而且不能被打断，如果被打断则]]></description><category></category></item><item><title><![CDATA[JavaScript高级学习：事件的防抖和节流01——介绍事件的防抖和节流]]></title><link>https://blog.csdn.net/GAlbinus/article/details/120265535</link><guid>https://blog.csdn.net/GAlbinus/article/details/120265535</guid><author>GAlbinus</author><pubDate>Mon, 13 Sep 2021 14:10:17 +0800</pubDate><description><![CDATA[提示：
本文为JavaScript栏目：jQuery高级学习：事件的防抖和节流01——介绍事件的防抖和节流
jQuery高级学习：事件的防抖和节流01——介绍事件的防抖和节流防抖和节流mousemove事件举例说明遇到的问题HTML防抖节流

防抖和节流
防抖和节流严格来说属于WebAPI的性能优化。

mousemove事件举例说明遇到的问题
加入我们给某个DOM元素绑定一个mousemove事件。如下代码所示。
HTML
&lt;style&gt;
    #app{
        height: 2]]></description><category></category></item><item><title><![CDATA[移动端开发学习02：懒加载——解释懒加载的使用]]></title><link>https://blog.csdn.net/GAlbinus/article/details/118565843</link><guid>https://blog.csdn.net/GAlbinus/article/details/118565843</guid><author>GAlbinus</author><pubDate>Thu, 08 Jul 2021 08:57:28 +0800</pubDate><description><![CDATA[提示：
本文为移动端开发学习栏目：移动端开发学习02：懒加载——解释懒加载的使用
移动端开发学习02：懒加载——解释懒加载的使用HTML

# 懒加载
HTML
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        * {
            margin: 0;
            padding: 0;
        }

    ]]></description><category></category></item><item><title><![CDATA[移动端开发学习01： viewport视口的概念02——1px问题]]></title><link>https://blog.csdn.net/GAlbinus/article/details/118565785</link><guid>https://blog.csdn.net/GAlbinus/article/details/118565785</guid><author>GAlbinus</author><pubDate>Thu, 08 Jul 2021 08:54:11 +0800</pubDate><description><![CDATA[提示：
本文为移动端开发学习栏目：移动端开发学习01： viewport视口的概念02——1px问题
移动端开发学习01： viewport视口的概念02——1px问题

# 视口的概念
## 1px的问题
但是我们需要明白一件事：css不支持小数！
所以UI设计的设计图如果设计了1px的边框，在手机上缩小呈现时，由于css最低只支持显示1px大小，导致边框太粗的效果。
这边是我们要聊的1px的问题
举例

1px问题针对不是单独的1px，而是所有的奇数单位数量的像素值。
以下提供一种解决方法。
&lt;b]]></description><category></category></item><item><title><![CDATA[移动端开发学习01： viewport视口的概念01——解释三大视口]]></title><link>https://blog.csdn.net/GAlbinus/article/details/118565587</link><guid>https://blog.csdn.net/GAlbinus/article/details/118565587</guid><author>GAlbinus</author><pubDate>Thu, 08 Jul 2021 08:40:49 +0800</pubDate><description><![CDATA[提示：
本文为移动端开发学习栏目：移动端开发学习01： viewport视口的概念01——解释三大视口
移动端开发学习01： viewport视口的概念01——解释三大视口浏览器的窗口宽度浏览器开启移动模式的窗口viewportRetina（一种新型高分辨率的显示标准）物理像素和逻辑像素物理像素逻辑像素viewport视口（视窗/视图）类别

# 视口的概念
浏览器的窗口宽度
来一组代码查验浏览器的窗口宽度
&lt;script&gt;
    //   窗口的变化
    window.addEventL]]></description><category></category></item><item><title><![CDATA[Git学习01：git命令—— git的基础命令02]]></title><link>https://blog.csdn.net/GAlbinus/article/details/118280269</link><guid>https://blog.csdn.net/GAlbinus/article/details/118280269</guid><author>GAlbinus</author><pubDate>Sun, 27 Jun 2021 21:26:12 +0800</pubDate><description><![CDATA[提示：
本文为Git栏目：Git学习01：git命令—— git的基础命令01
Git学习01：git命令—— git的基础命令01前言git命令分支操作分支创建新分支切换分支创建并切换到新分支查看所有分支合并分支到当前分支删除分支练习题存储存储当前分支的代码查看所有的存储列表恢复存储内容删除存储标签

前言
git命令
分支操作
分支
创建新分支
git branch dev #创建新的分支

切换分支
git checkout dev #切换分支，老版本方案
git switch master #切换分]]></description><category></category></item><item><title><![CDATA[Git学习01：git命令—— git的基础命令01]]></title><link>https://blog.csdn.net/GAlbinus/article/details/118280119</link><guid>https://blog.csdn.net/GAlbinus/article/details/118280119</guid><author>GAlbinus</author><pubDate>Sun, 27 Jun 2021 21:23:25 +0800</pubDate><description><![CDATA[提示：
本文为Git栏目：Git学习01：git命令—— git的基础命令01
Git学习01：git命令—— git的基础命令01前言地址栏实现数据交互# git命令基础命令基础，命令查看当前目录文件信息查看当前目录文件详细信息查看当前所有文件夹，包括隐藏文件夹进入用户文件夹进入D盘创建文件夹创建文件历史命令查看指定文件内容向指定文件写入内容向直接定文件追加内容删除指定文件删除指定文件夹下载历史指令到指定文件夹清屏，不会删除记录流程操作初始化git仓库查看当前仓库所有文件的状态将文件放入暂存区将文件提交到]]></description><category></category></item><item><title><![CDATA[jQuery高级学习：前后端分离03——地址栏实现数据交互]]></title><link>https://blog.csdn.net/GAlbinus/article/details/118180073</link><guid>https://blog.csdn.net/GAlbinus/article/details/118180073</guid><author>GAlbinus</author><pubDate>Thu, 24 Jun 2021 10:41:36 +0800</pubDate><description><![CDATA[提示：
本文为JavaScript栏目：jQuery高级学习：前后端分离03——地址栏实现数据交互
jQuery高级学习：前后端分离03——地址栏实现数据交互前言地址栏实现数据交互A.HTMLB.HTML

前言
地址栏实现数据交互
A.HTML
&lt;body&gt;
&lt;div id="app"&gt;
    &lt;div id="detail"&gt;
        &lt;button type="button" id="min"&gt;-&lt;/button&gt;
        ]]></description><category></category></item><item><title><![CDATA[jQuery高级学习：前后端分离02——传统数据交互模式]]></title><link>https://blog.csdn.net/GAlbinus/article/details/118179812</link><guid>https://blog.csdn.net/GAlbinus/article/details/118179812</guid><author>GAlbinus</author><pubDate>Thu, 24 Jun 2021 10:36:51 +0800</pubDate><description><![CDATA[提示：
本文为JavaScript栏目：jQuery高级学习：前后端分离02——传统数据交互模式
jQuery高级学习：前后端分离02——传统数据交互模式前言传统方式的数据交互A.HTMLB.html

前言
传统方式的数据交互
A.HTML
&lt;body&gt;
&lt;div id="app"&gt;
    &lt;div id="detail"&gt;
        &lt;button type="button" id="min"&gt;-&lt;/button&gt;
        &l]]></description><category></category></item></channel></rss>