<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[freddy的博客]]></title><description><![CDATA[打造不一样的博客]]></description><link>https://blog.youkuaiyun.com/u012513962</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; u012513962]]></copyright><item><title><![CDATA[前端安装项目出现代理问题和ssl认证问题]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/161810254</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/161810254</guid><author>u012513962</author><pubDate>Tue, 09 Jun 2026 00:52:04 +0800</pubDate><description><![CDATA[清空代理重新离线安装： $env:HTTP_PROXY=‘’;]]></description><category></category></item><item><title><![CDATA[js根据最后一级id来获取它父级id，放到一个数组内。]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/150660818</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/150660818</guid><author>u012513962</author><pubDate>Sun, 24 Aug 2025 00:19:32 +0800</pubDate><description><![CDATA[由于后端返回来的只有最后一级的id，所以我们需要写一个递归来拿到最后一级id和它父级id的数组。废话不多说直接上代码。]]></description><category></category></item><item><title><![CDATA[前端使用渲染针优化白屏]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/149081114</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/149081114</guid><author>u012513962</author><pubDate>Wed, 02 Jul 2025 23:30:24 +0800</pubDate><description><![CDATA[摘要 本文介绍了前端使用渲染针优化白屏问题的解决方案。通过useDefer.js文件实现渐进式渲染，包含通用版本和Vue3版本两种实现方式。该方法利用requestAnimationFrame逐帧渲染内容，有效缓解页面加载时的白屏现象。文章还提供了详细的代码示例和使用方法，并包含丰富的Markdown语法示例，如文本格式化、表格、图表等展示技巧。技术要点是通过控制帧数实现内容分批渲染，提升用户体验。该方案适用于需要优化首屏加载性能的前端项目。]]></description><category></category></item><item><title><![CDATA[面试总结2025]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/146410024</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/146410024</guid><author>u012513962</author><pubDate>Tue, 25 Mar 2025 01:25:11 +0800</pubDate><description><![CDATA[而composition api中的代码是根据逻辑功能来组织的, 我们可以将一个功能所定义的methods，compute，data等 api 会放在一起, 让我们可以更灵活地组合组件逻辑。它是 Composition API 的入口点，在组件被创建之前执行，用于初始化状态、计算属性和方法，并返回在模板中使用的响应式引用。（1）使用Proxy代替Vue 2中的Object.defineProperty，提供了更完善的响应式系统，能够更好地支持非对象的响应式数据。），它可以展开对象并创建一个新的对象。]]></description><category></category></item><item><title><![CDATA[纯前度（vue）实现对pdf\mp4\png\jpg\jpegxls\doc\txt文件预览，无需要转化]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/145546709</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/145546709</guid><author>u012513962</author><pubDate>Mon, 10 Feb 2025 11:51:21 +0800</pubDate><description><![CDATA[我们知道要想在前端预览文件，可以通过浏览器自带的预览功能，我们只要window.open(ulr) 就可以实现对文件的预览，但是对于一些特殊的文件，目前很多浏览器的预览功能还是不支持的，今天我们就在纯前端来实现对这些文件的预览。对于文本文件txt，我们需要下载下来，然后读取里面的内容。，最好通过innerText插入div回显出来。]]></description><category></category></item><item><title><![CDATA[JavaScript转换平级数据为父子级数据]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/135970675</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/135970675</guid><author>u012513962</author><pubDate>Thu, 01 Feb 2024 11:58:58 +0800</pubDate><description><![CDATA[假如后端返回的结构如下：
转为值为itemId、parentItemId]]></description><category></category></item><item><title><![CDATA[js根据二进制流获取文件类型]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/135417803</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/135417803</guid><author>u012513962</author><pubDate>Fri, 05 Jan 2024 20:49:50 +0800</pubDate><description><![CDATA[这段代码会创建一个元素作为文件选择器，然后将所选文件传递给getFileType()函数。该函数返回一个Promise对象，表示文件类型的结果。如果能正常读取文件内容，则根据文件头部信息（前两个字节）判断文件类型；在JavaScript中，可以使用FileReader对象来读取二进制数据并判断其文件类型。js根据二进制流获取文件类型。]]></description><category></category></item><item><title><![CDATA[前端如何获取响应头Content-Disposition中的filename,获取文件类型fileType进行不同类型的文件预览]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/135417513</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/135417513</guid><author>u012513962</author><pubDate>Fri, 05 Jan 2024 20:31:41 +0800</pubDate><description><![CDATA[【代码】前端如何获取响应头Content-Disposition中的filename,获取文件类型fileType进行不同类型的文件预览。]]></description><category></category></item><item><title><![CDATA[javascript判断数据是否为空]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/134183707</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/134183707</guid><author>u012513962</author><pubDate>Thu, 02 Nov 2023 15:35:47 +0800</pubDate><description><![CDATA[【代码】javascript判断数据是否为空。]]></description><category></category></item><item><title><![CDATA[前端禁止别人打开控制台调试自己的代码]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/132712588</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/132712588</guid><author>u012513962</author><pubDate>Wed, 06 Sep 2023 12:13:48 +0800</pubDate><description><![CDATA[为了防止非法的调试和修改，同时限制别人使用python爬虫，盗取自己网站的数据，我们需要在写一段代码来防止非法入侵调试，增加网站的安全性。]]></description><category></category></item><item><title><![CDATA[封装EnumFactory]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/132474157</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/132474157</guid><author>u012513962</author><pubDate>Thu, 24 Aug 2023 14:47:43 +0800</pubDate><description><![CDATA[【代码】封装EnumFactory。]]></description><category></category></item><item><title><![CDATA[js封装一个函数重置对象数据为基本数据类型]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/132466805</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/132466805</guid><author>u012513962</author><pubDate>Thu, 24 Aug 2023 09:33:08 +0800</pubDate><description><![CDATA[原文链接：https://juejin.cn/post/7160480314089799710。日常开发表单中经常使用的一个重置对象数据 : 列如（]]></description><category></category></item><item><title><![CDATA[echart---百分数展示在圆环内]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/128964866</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/128964866</guid><author>u012513962</author><pubDate>Mon, 10 Apr 2023 09:32:58 +0800</pubDate><description><![CDATA[Vue echart---百分数展示在圆环内。]]></description><category></category></item><item><title><![CDATA[解决在vue文件写过多的import来导入模块]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/129957516</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/129957516</guid><author>u012513962</author><pubDate>Tue, 04 Apr 2023 17:19:36 +0800</pubDate><description><![CDATA[在我们平时开发的过程，难免会使用其他目录下的模块文件，这个时候，我们就会使用ES6的import来帮助我们导入当前文件需要使用的函数和文件，但是在开发每个页面，如果我们都需要写import来一个一个引进所需是不是做了大量无用的重复工作，那我们有么有其他更好的办法来帮助我们一次性导入，不必要在每个页面都手动引用。]]></description><category></category></item><item><title><![CDATA[使用display: grid布局控制每行显示多少个容器]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/127305692</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/127305692</guid><author>u012513962</author><pubDate>Thu, 13 Oct 2022 17:33:55 +0800</pubDate><description><![CDATA[display: grid;]]></description><category></category></item><item><title><![CDATA[使用findIndex对两个数组去重--JS高级]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/127302769</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/127302769</guid><author>u012513962</author><pubDate>Thu, 13 Oct 2022 15:40:53 +0800</pubDate><description><![CDATA[数组合并去重]]></description><category></category></item><item><title><![CDATA[JS继承的实现方式--JS高级用法]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/127287191</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/127287191</guid><author>u012513962</author><pubDate>Wed, 12 Oct 2022 17:32:04 +0800</pubDate><description><![CDATA[构造函数方法的继承]]></description><category></category></item><item><title><![CDATA[类型判断Object.prototype.toString.call--JS高级用法]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/127286627</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/127286627</guid><author>u012513962</author><pubDate>Wed, 12 Oct 2022 17:11:06 +0800</pubDate><description><![CDATA[Object.prototype.toString() 判断数据类型]]></description><category></category></item><item><title><![CDATA[js对象数组重复值，保留一个对象值，其余的删掉]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/126709552</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/126709552</guid><author>u012513962</author><pubDate>Mon, 05 Sep 2022 17:23:44 +0800</pubDate><description><![CDATA[js对象数组重复值，值保留一个值]]></description><category></category></item><item><title><![CDATA[javascript将数组对象里面每个值（字段）相等的进行分组]]></title><link>https://blog.youkuaiyun.com/u012513962/article/details/126709127</link><guid>https://blog.youkuaiyun.com/u012513962/article/details/126709127</guid><author>u012513962</author><pubDate>Mon, 05 Sep 2022 17:19:13 +0800</pubDate><description><![CDATA[根据数组里面每个对象中某个共同字段进行分组]]></description><category></category></item></channel></rss>