首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
兔子不吃什么
掘友等级
前端工程师
|
自由之城
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
29
文章 29
沸点 0
赞
29
返回
|
搜索文章
赞
文章( 29 )
沸点( 0 )
CSS实现胶囊、半圆、90°扇形、4等份圆、吃豆人、对话框、爱心
一、对称胶囊 通过两个半个胶囊组合而成,分别控制颜色及圆角 二、半圆 设置一个长方形,长为宽的二倍 三、90°扇形 通过某一个角的圆角角度,实现扇形,不同方向还可以搭配旋转实现 四、4等份圆 四个盒子
纯CSS绘制椭圆与平行四边形
这是我参与8月更文挑战的第15天,活动详情查看:8月更文挑战 border-radius 我们都知道的一个常用的CSS属性: border-raduis,通过它可以设置DOM元素的4个角的的半圆。例如
实现tabs圆角及反圆角效果(PLUS)
先看UI稿 思考 刚开始想着拿两个圆角来拼,但发现中间接触过渡效果很差 需要丝滑的话,想到贝塞尔曲线/正弦曲线,但这样太麻烦,需要用canvas来画 图形计算器 贝塞尔曲线 最后想到用斜边加圆角来拼,
如何使用Unicode字符实现inline元素的换行
在CSS中,我们可以使用Unicode字符来控制inline元素的换行。具体来说,我们可以使用以下两个属性: word-wrap white-space word-wrap word-wrap属性用于
tab列表与商品列表关联滚动-scrollTop && Intersection Observer
可以看到,点击某个tab,可以跳转到对应的服装列表,并且随着列表的滚动,当前激活的Tab也在随之改变。这里面主要包括两个功能: 点击某个 tab 实现锚点定位,每个 tab 标签绑定其对应的 tab_list_id( data-anchor=${tab_list_id} ),点…
提高你的JS技巧,让你的代码更简洁优!
JavaScript 中有许多简写技巧可以缩减代码长度、减少冗余并提高代码的可读性和可维护性。以下是 20 个有效提升效率的 JavaScript 简写技巧,帮助你编写更优雅的代码! 移除数组假值 可
2023年终总结:《我当程序媛那些年》—完结篇
时间如白驹过隙,一晃眼转眼间就到了2023年的末尾,回想自己近一年的经历,在这一年里,我的人生发生了空前的变化,从订婚->拍婚纱照->领证->结婚->还房贷,算是踏入了一个全新的阶段,开启了一段新人生
「全网最详细」Vue3中ref和reactive的区别,很多人还搞不明白!
在Vue3中,我们可以用 ref 和 reactive 来定义响应式数据,但这两者有什么区别,什么情况下用 ref,什么情况下用 reactive 呢? 这篇文章我将给大家详细的讲讲 ref 和 re
从一篇前端大佬文章中我学到了很多
最近翻看张鑫旭大佬的博客,发现了一篇不错的文章,于是就把大佬的代码拷贝下来学习了下,作为多年前端的我居然看的不是很懂,自信息大大受打击了,于是把其中关键部分写出来,方便日后学习。
vue3 Echarts+echarts-liquidfill(水球图~~插件)
1.水球图 水球图的基本配置 echarts-liquidfill@3 与 echarts@5 兼容 echarts-liquidfill@2 与 echarts@4 兼容 根据echarts版本按需
下一页
关注了
5
关注者
0
收藏集
1
关注标签
30
加入于
2023-05-30