- 博客(7)
- 收藏
- 关注
RSS订阅原创 Tailwind CSS：极简的实用工具类 CSS 框架
TailwindCSS是一个非常适合现代前端开发的工具，它能够大大提高开发效率，让你快速构建具有高度可定制化的网页。通过使用Tailwind提供的实用类，我们能够避免冗余的CSS编写，提升开发体验，同时也能保持代码的清晰和模块化。如果你还没尝试过，建议你在下一个项目中试试看，相信它会为你的开发工作带来很大的便利。
2025-01-07 19:32:01
947
原创 基于JSZip实现前端多个文件流批量下载成zip压缩包
2、创建一个压缩包：在前端，你需要使用JavaScript来创建一个压缩包。这可以通过使用第三方库来实现，例如jszip、zip.js等。1、从后端获取多个流文件：首先，确保你能够从后端获取多个文件的流（stream）或者二进制数据，这些文件通常以某种格式（例如ZIP、RAR、TAR等）进行压缩。3、将流文件添加到压缩包：对于每个流文件，使用库提供的方法将它们添加到压缩包中。4、生成压缩包：一旦你将所有文件添加到压缩包中，使用库提供的方法生成压缩包。这样就完成了多个文件流生成zip压缩包的下载。
2023-09-01 16:24:40
3585
1
原创 基于flv.js的react视频组件
1、首先，确保你的项目中已经安装了FLV.js库。你可以使用npm或yarn进行安装。创建一个名为FLVPlayer.js的组件文件，并在其中封装FLV播放器逻辑。并传入FLV视频流的URL。
2023-08-16 14:26:13
1383
1
原创 input file实现上传并预览
HTML <input type="file" onChange={change666} id={'upload'} /> <img id={'Imgs'} />js部分利用window.URL.createObjectURL生成地址 const change666 = event => { setTimeout(() => { let url = null; url = window.URL.cre
2021-12-21 15:58:45
810
原创 js滚动加载
初始化给盒子添加滚动事件componentDidMount () { let picDiv = document.getElementById('picList') this.addEnlist(picDiv, 'mousewheel', this.scrollFun.bind(this, picDiv)) this.addEnlist(picDiv, 'DOMMouseScroll', this.scrollFun.bind(this, picDiv))}判
2021-11-02 17:26:35
292
原创 前端css页面适配不同尺寸
获取屏幕的宽度 let offsetWidth = document.body.offsetWidth;//获取页面宽度计算对应的缩放比列去进行适配 <div className={styles.normal} style={{ transform: `scale(calc(${offsetWidth} / 842)) rotate(0deg)` }} ></div>.nor.
2021-08-30 17:34:39
734
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人