<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[improt的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/improt</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; improt]]></copyright><item><title><![CDATA[Day4 分布加载]]></title><link>https://blog.youkuaiyun.com/improt/article/details/146986694</link><guid>https://blog.youkuaiyun.com/improt/article/details/146986694</guid><author>improt</author><pubDate>Thu, 03 Apr 2025 18:26:16 +0800</pubDate><description><![CDATA[继续我们的50Projects项目，今天写一下分布加载，我们先看一下项目运行效果。我们先是移除active，再进行添加动态类名，我们写了两个循环，以保证active动态类名唯一性。css样式的话，我们给激活的样式利用flex布局增大了。是的，他就是鼠标移入哪一张图片他就有一个扩大的效果。首先html结构的话，非常简单，两个div。有点类似手风琴的效果，来我们完成一下呢。]]></description><category></category></item><item><title><![CDATA[50Projects--Day3--搜索框]]></title><link>https://blog.youkuaiyun.com/improt/article/details/146939506</link><guid>https://blog.youkuaiyun.com/improt/article/details/146939506</guid><author>improt</author><pubDate>Wed, 02 Apr 2025 11:31:02 +0800</pubDate><description><![CDATA[这段代码没什么难度，js的代码也是判断搜索框的宽度是否为200px？如果是就赋值为0，eles就重新赋值，以保证搜索框能够不断循环折叠搜索框。所以我直接粘全部的代码，以备各位看官需要。是的就是一个折叠搜索的功能。]]></description><category></category></item><item><title><![CDATA[Day2 50Projects--模糊加载]]></title><link>https://blog.youkuaiyun.com/improt/article/details/146938746</link><guid>https://blog.youkuaiyun.com/improt/article/details/146938746</guid><author>improt</author><pubDate>Wed, 02 Apr 2025 11:26:24 +0800</pubDate><description><![CDATA[继续我们看到js的实现，js的实现逻辑有一个点需要注意，我们写了一个映射函数，映射函数就是指，一个值的变化，牵动着另一个值的变化，在这个小的demo里面，文本加载进度值是一直变化的，所以我们要通过这个，进行映射container里面opcity，以及filter的值的变化。在css样式上：因为是随机拿的网上的图片，我们要保证百分百加载我这个div的盒子里面，所以我对他进行设置了。静态页面上，我们的页面结构很简单，就两个div，一个装图片，一个装文本。ok，我们具体看看代码的实现。两个属性值，需要注意一下。]]></description><category></category></item><item><title><![CDATA[50Days-Day1:拓展卡片的实现]]></title><link>https://blog.youkuaiyun.com/improt/article/details/146581669</link><guid>https://blog.youkuaiyun.com/improt/article/details/146581669</guid><author>improt</author><pubDate>Fri, 28 Mar 2025 00:53:59 +0800</pubDate><description><![CDATA[关于这个项目，我想很多人早已耳熟能详，本人作为一个前端开发爱好者，也来写着玩玩，随便分享给大家我的一些基本思路。静态页面呈现已给出，动态页面就是点击就变大，就是我们常做的口风琴效果啦，下面是我的代码分享。因为是外网的地址，估计要使用魔法，没魔法的小伙伴，在下先给出day1的示例图。该项目核心实现即，利用点击事件实现动态添加类名。是的我利用foreach遍历每个元素并统一管理。]]></description><category></category></item></channel></rss>