首页
链接
分类
归档
友链
MicroMatrix
曲则全,枉则直,洼则盈,敝则新,少则得,多则惑。是以圣人抱一为天下式。不自见,故明;不自是,故彰;不自伐,故有功;不自矜,故长。夫唯不争,故天下莫能与之争。古之所谓“曲则全”者,岂虚言哉!诚全而归之。
累计撰写
80
篇文章
累计创建
21
个标签
累计收到
0
条评论
栏目
目 录
CONTENT
以下是
Css
相关的文章
2023-12-27
esbuild项目css样式隔离
前言 由于最近使用到esbuild这个打包工具编写插件,而我的插件需要编写样式。在实际的运用过程中,我发现插件的样式类名可能和被使用项目中的一些类名发生冲突。这个时候我就想借鉴一下vue中出现的样式类scoped 的概念。 具体思路 首先呢,要想实现样式类的隔离 那么就要了解下属性选择器。下面就是很
2023-12-27
14
0
0
技术分享
2023-09-15
基于esbuild搭建组件开发框架
前言 在日常的前端开发中,经常需要开发一些组件。通常我们是基于某个特定的框架来开发,例如vue,react等等。对于页面的样式组件来说,没有什么太多的计较。但是如果开发一个画布工具或者一个音乐播放器的组件,那么这个组件必然会有很多功能,而且对于vue2/vue3,react版本,你可能每个都要开发一
2023-09-15
8
0
0
技术分享
2023-05-01
CSS3小技巧-动态设定div的宽高比
前言 一直在写vue项目中使用iview的table,它有个设置宽高固定的属性。于是我想在外层套一个div并且这个div动态的随着窗口大小调整,并且满足一定的宽高比,有这种需求是因为一个统计页面上有多个统计类型,其中就有表格。 padding-bottom实现普通元素固定宽高比,里main的元素获取
2023-05-01
7
0
0
学习思考
2023-04-26
手写一个简单的Swiper
前言 起初我是要编写一个画布的组件功能的。考虑到目前我的项目代码有vue2,vue3,本人还在学习React。所以我想编写一个可以不受框架限制的组件。正好借着这个机会学习一下面相对象开发组件。 分析组件需求 这一步要明确组件需要哪些基本功能。首先从使用方面来说,只需要满足指定的dom就行,然后就是满
2023-04-26
5
0
0
技术分享
2022-12-13
CSS3小问题-子元素设置margin-top为什么影响了父元素
前言 今天遇到一个问题,我写了下面一个样式,发现子的margin-top没有作用,但是父亲的却出现了子的margin-top值。 <div class="father"> <div class="children"></div> </div> <style> .father{ he
2022-12-13
6
0
0
技术分享
2022-12-05
CSS3小问题-flex布局子元素高度设置无效
前言 今天在写flex自适应布局的时候,出现了一个问题:flex布局子元素高度设置无效。 我的页面布局是这样的 <div class="father"> <div class="son-1">一串很长的文字</div> <div class="son-2">一个固定的大小</div>
2022-12-05
8
0
0
技术分享
2022-11-30
CSS3小技巧-在div中iframe出现滚动条问题
前言 父元素.parent设定了高度,设置iframe height:100%,通过浏览器观察发现,外层div与iframe高度相同,为什么出现滚动条,发现没有padding/margin的影响。 <div class="parent"> <iframe frameborder="no"
2022-11-30
7
0
0
技术分享
2022-04-05
SVG画圆
SVG基础属性介绍 width、height:分别表示SVG元素的宽高。 viewBox: 前两个参数是对SVG元素做位移使用,通常设置为0; 后两个参数表示SVG元素可容纳的大小,具体可参考SVG属性之viewBox。 circle cx、cy:圆心的位置。 r:表示半径。 fill:圆的填充色。
2022-04-05
5
0
0
技术分享
2022-04-03
Dom节点定义数据
<!-->Yo, this is for a Vue project<--> <div class="test-div" :vote-badge="`${blog.voteCount}`"></div> <div class="test-div1" :style="{'--item-count':
2022-04-03
8
0
0
学习思考