esbuild项目css样式隔离 发表于 2024-01-11 更新于 2025-03-09 分类于 share 前言 由于最近使用到esbuild这个打包工具编写插件,而我的插件需要编写样式。在实际的运用过程中,我发现插件的样式类名可能和被使用项目中的一些类名发生冲突。这个时候我就想借鉴一下vue中出现的样式类scoped 的概念。 具体思路 首先呢,要想实现样式类的隔离 那么就要了解下属性选择器。下面就是很 阅读全文 »
B站防遮挡弹幕实现 发表于 2024-01-11 更新于 2025-03-09 分类于 share 前言 B站是一个以视频为主的社交媒体平台,其中一大特色就是弹幕,即用户可以在视频上方实时发送评论,与其他观众互动。弹幕可以增加观看视频的乐趣,也可以反映出视频的热度和受欢迎程度。然而,弹幕也有一个缺点,就是可能会遮挡住视频中的重要内容,影响观看体验。为了解决这个问题,B站推出了一种智能防挡弹幕技术 阅读全文 »
CSS3小技巧-动态设定div的宽高比 发表于 2024-01-11 更新于 2025-03-09 分类于 thinks 前言 一直在写vue项目中使用iview的table,它有个设置宽高固定的属性。于是我想在外层套一个div并且这个div动态的随着窗口大小调整,并且满足一定的宽高比,有这种需求是因为一个统计页面上有多个统计类型,其中就有表格。 padding-bottom实现普通元素固定宽高比,里main的元素获取 阅读全文 »
CSS3小技巧-在div中iframe出现滚动条问题 发表于 2024-01-11 更新于 2025-03-09 分类于 share 前言 父元素.parent设定了高度,设置iframe height:100%,通过浏览器观察发现,外层div与iframe高度相同,为什么出现滚动条,发现没有padding/margin的影响。 阅读全文 »
CSS3小问题-子元素设置margin-top为什么影响了父元素 发表于 2024-01-11 更新于 2025-03-09 分类于 share 前言 今天遇到一个问题,我写了下面一个样式,发现子的margin-top没有作用,但是父亲的却出现了子的margin-top值。 阅读全文 »
centos8 安装软件提示错误 发表于 2024-01-11 更新于 2025-03-09 分类于 other 前言 大家都知道Centos8于2021年年底停止了服务,大家再在使用yum源安装时候,出现下面错误“错误:Failed to download metadata for repo ‘AppStream’ Cannot prepare internal mirrorlist No URLs in 阅读全文 »
Axios 上传文件 发表于 2024-01-11 更新于 2025-03-09 分类于 thinks 摘要 记录一个今天遇到的问题使用axio上传文件过程中,传入formData数据,然后提示 the request was rejected because no multipart boundary was found。首先,确定这个接口是可以使用的。 如何使用Axios上传文件 首先需要设置A 阅读全文 »
原生JS编写虚拟滚动 发表于 2024-01-11 更新于 2025-03-09 分类于 thinks 前言 在开发项目的过程中,偶尔会遇到很大的数据,然后设计图上又是列表还不分页的情况。为此研究了下虚拟滚动的方案。虚拟滚动大致的思路是当你往下滚动,但最后一个计算的元素出现的时候,替换上面不见了的DOM元素,将它们从渲染的HTML中剔除,同理往上滚动,一个计算的元素出现在最上面的时候,表明需要加载上面 阅读全文 »
手写一个简单的Swiper 发表于 2024-01-11 更新于 2025-03-09 分类于 share 前言 起初我是要编写一个画布的组件功能的。考虑到目前我的项目代码有vue2,vue3,本人还在学习React。所以我想编写一个可以不受框架限制的组件。正好借着这个机会学习一下面相对象开发组件。 分析组件需求 这一步要明确组件需要哪些基本功能。首先从使用方面来说,只需要满足指定的dom就行,然后就是满 阅读全文 »