<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[YikL_的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/YikL_</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; YikL_]]></copyright><item><title><![CDATA[Tailwind CSS：极简的实用工具类 CSS 框架]]></title><link>https://blog.youkuaiyun.com/YikL_/article/details/144992017</link><guid>https://blog.youkuaiyun.com/YikL_/article/details/144992017</guid><author>YikL_</author><pubDate>Tue, 07 Jan 2025 19:32:01 +0800</pubDate><description><![CDATA[TailwindCSS是一个非常适合现代前端开发的工具，它能够大大提高开发效率，让你快速构建具有高度可定制化的网页。通过使用Tailwind提供的实用类，我们能够避免冗余的CSS编写，提升开发体验，同时也能保持代码的清晰和模块化。如果你还没尝试过，建议你在下一个项目中试试看，相信它会为你的开发工作带来很大的便利。]]></description><category></category></item><item><title><![CDATA[基于JSZip实现前端多个文件流批量下载成zip压缩包]]></title><link>https://blog.youkuaiyun.com/YikL_/article/details/132626470</link><guid>https://blog.youkuaiyun.com/YikL_/article/details/132626470</guid><author>YikL_</author><pubDate>Fri, 01 Sep 2023 16:24:40 +0800</pubDate><description><![CDATA[2、创建一个压缩包：在前端，你需要使用JavaScript来创建一个压缩包。这可以通过使用第三方库来实现，例如jszip、zip.js等。1、从后端获取多个流文件：首先，确保你能够从后端获取多个文件的流（stream）或者二进制数据，这些文件通常以某种格式（例如ZIP、RAR、TAR等）进行压缩。3、将流文件添加到压缩包：对于每个流文件，使用库提供的方法将它们添加到压缩包中。4、生成压缩包：一旦你将所有文件添加到压缩包中，使用库提供的方法生成压缩包。这样就完成了多个文件流生成zip压缩包的下载。]]></description><category></category></item><item><title><![CDATA[基于flv.js的react视频组件]]></title><link>https://blog.youkuaiyun.com/YikL_/article/details/132318515</link><guid>https://blog.youkuaiyun.com/YikL_/article/details/132318515</guid><author>YikL_</author><pubDate>Wed, 16 Aug 2023 14:26:13 +0800</pubDate><description><![CDATA[1、首先，确保你的项目中已经安装了FLV.js库。你可以使用npm或yarn进行安装。创建一个名为FLVPlayer.js的组件文件，并在其中封装FLV播放器逻辑。并传入FLV视频流的URL。]]></description><category></category></item><item><title><![CDATA[Mapbox IconLayer图层封装]]></title><link>https://blog.youkuaiyun.com/YikL_/article/details/126547746</link><guid>https://blog.youkuaiyun.com/YikL_/article/details/126547746</guid><author>YikL_</author><pubDate>Fri, 26 Aug 2022 17:52:55 +0800</pubDate><description><![CDATA[Mapbox IconLayer图层封装。]]></description><category></category></item><item><title><![CDATA[input file实现上传并预览]]></title><link>https://blog.youkuaiyun.com/YikL_/article/details/122064358</link><guid>https://blog.youkuaiyun.com/YikL_/article/details/122064358</guid><author>YikL_</author><pubDate>Tue, 21 Dec 2021 15:58:45 +0800</pubDate><description><![CDATA[HTML


      &lt;input type="file" onChange={change666} id={'upload'} /&gt;
      &lt;img id={'Imgs'} /&gt;

js部分利用window.URL.createObjectURL生成地址


  const change666 = event =&gt; {
    setTimeout(() =&gt; {
      let url = null;
      url = window.URL.cre]]></description><category></category></item><item><title><![CDATA[js滚动加载]]></title><link>https://blog.youkuaiyun.com/YikL_/article/details/121104821</link><guid>https://blog.youkuaiyun.com/YikL_/article/details/121104821</guid><author>YikL_</author><pubDate>Tue, 02 Nov 2021 17:26:35 +0800</pubDate><description><![CDATA[初始化给盒子添加滚动事件


componentDidMount () {
    let picDiv = document.getElementById('picList')
    this.addEnlist(picDiv, 'mousewheel', this.scrollFun.bind(this, picDiv))      
    this.addEnlist(picDiv, 'DOMMouseScroll', this.scrollFun.bind(this, picDiv))
}

判]]></description><category></category></item><item><title><![CDATA[前端css页面适配不同尺寸]]></title><link>https://blog.youkuaiyun.com/YikL_/article/details/120001664</link><guid>https://blog.youkuaiyun.com/YikL_/article/details/120001664</guid><author>YikL_</author><pubDate>Mon, 30 Aug 2021 17:34:39 +0800</pubDate><description><![CDATA[获取屏幕的宽度


    let offsetWidth = document.body.offsetWidth;//获取页面宽度


计算对应的缩放比列去进行适配


   &lt;div className={styles.normal}
         style={{
              transform: `scale(calc(${offsetWidth} / 842)) rotate(0deg)` 
        }}
   &gt;&lt;/div&gt;




.nor.]]></description><category></category></item></channel></rss>