css3

前端面试每日 3+1 —— 第831天
前端面试每日 3+1 —— 第831天

《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。前端面试每日3+1题,以面试题来驱动学习,每天进步一点!让努力成为一种习惯,让奋斗成为一种享受!相信 坚持 的力量!!!

2021-07-29 11:05:32阅读全文

CSS sticky实现返回顶部
CSS sticky实现返回顶部

经常在某些文档中或者文章中可以看到这样一个"返回顶部"的功能,具体有两个交互

2021-08-03 03:58:25阅读全文

CSS 文本超出提示效果
CSS 文本超出提示效果

在 mac 文件管理中有这样一个小细节。

2021-08-03 14:52:35阅读全文

微信小程序开发时absolute定位偏移和宽高问题
微信小程序开发时absolute定位偏移和宽高问题

分别用before和after伪类来作为加号(+)的横和竖,发现横和竖不管怎么调整都有点偏离原本应该居中的位置。.add-btn{

2021-08-05 04:53:29阅读全文

实践积累 —— 用Vue3简单写一个单行横向滚动组件
实践积累 —— 用Vue3简单写一个单行横向滚动组件

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

2021-08-08 18:42:50阅读全文

VueUse中的这5个函数,也太好用了吧
VueUse中的这5个函数,也太好用了吧

有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。

2021-08-12 03:39:52阅读全文

h5活动开发必备之动效实践
h5活动开发必备之动效实践

最近开发了一个录取通知书活动,取得了比较好的效果,所以写篇文章总结一下经验,有兴趣的可以点击下方链接,请在移动端打开。

2021-08-11 23:22:47阅读全文

教你如何用 CSS Painting API 画新小米logo, border-radius可是画不出的
教你如何用 CSS Painting API 画新小米logo, border-radius可是画不出的

这是小米的新logo用border-radius可是画不出来的因为这个图的圆是[超椭圆]border-radius 能写出超椭圆吗?

2021-08-15 23:11:49阅读全文

使用 HTML、CSS 和 JavaScript 制作模拟时钟(初学者教程)
使用 HTML、CSS 和 JavaScript 制作模拟时钟(初学者教程)

在本文中,您将学习如何使用 HTML、CSS 和 JavaScript 编程代码制作模拟时钟。在这里我将向您展示如何制作一个简单的模拟时钟。

2021-08-16 04:40:41阅读全文

响应式在线个人简历网页源代码分享
响应式在线个人简历网页源代码分享

我认为每一个人都需要一个简历网页以介绍自己,可以作为面试时的加分项,也可以放置在您的个人网站之中。

2021-08-15 18:15:34阅读全文

小白入门前端必懂之盒子模型
小白入门前端必懂之盒子模型

你是不是开始入门前端的时候,总是对于网页布局有着神一样的向往,特别希望自己能赶紧做出像淘宝、京东等页面来,认为达到这种程度就离真正的前端不远了!

2021-08-17 22:06:37阅读全文

星巴克网站复刻之问题总结
星巴克网站复刻之问题总结

gitee地址:https://gitee.com/jia-shuting...

2021-08-19 07:44:43阅读全文

为什么同样是自学前端,有些人能拿10K,有些人只能拿6K
为什么同样是自学前端,有些人能拿10K,有些人只能拿6K

昨天在一个前端群里发生了一件很有意思的事情,群成员A在群里提了一个关于行内元素排列间隙处理的问题,群成员B帮A解决了,两个人就聊了起来,发现两个人都是自学的前端,学历都是普通二本。但A的月薪是10K,B的月薪只有6K。今天就借着这件事跟大家聊一下,为什么同样是自学前端,有的人第一份工作能拿10K,有

2021-08-23 16:09:28阅读全文

BFC 的形成和作用
BFC 的形成和作用

完整高频题库仓库地址:https://github.com/hzfe/aweso...

2021-09-15 14:28:09阅读全文

前端面试每日 3+1 —— 第880天
前端面试每日 3+1 —— 第880天

《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。前端面试每日3+1题,以面试题来驱动学习,每天进步一点!让努力成为一种习惯,让奋斗成为一种享受!相信 坚持 的力量!!!

2021-09-15 11:05:04阅读全文

横向滚动的flex布局 最右侧margin-right 失效
横向滚动的flex布局 最右侧margin-right 失效

上述代码执行后,发现最左侧 top-area-item 的 margin-left 有效,但最右侧的 margin-right 无效:

2021-09-30 20:24:20阅读全文

作为前端,怎么亲手设计一个婚礼邀请函
作为前端,怎么亲手设计一个婚礼邀请函

一个前端,成家之时,需要一份婚礼邀请函。用网上哪些网站(婚礼纪、易企秀)生成出来的,样式、动画效果感觉很赞,但公司logo、广告弹窗、加载速度、自定义版图都让我这个职(qiang)业(po)前(zheng)端(huanzhe)感觉,这需求肯定过不了产品验收。

2021-10-09 08:53:13阅读全文

【译】Learn D3 入门文档:Further Topics
【译】Learn D3 入门文档:Further Topics

继 Learn D3: Interaction 最后一篇。

2021-10-09 06:01:26阅读全文

Chrome 开发者工具里的 CSS grid editor
Chrome 开发者工具里的 CSS grid editor

Grid 布局与 Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。

2021-10-08 21:49:54阅读全文

前端面试每日 3+1 —— 第912天
前端面试每日 3+1 —— 第912天

《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。前端面试每日3+1题,以面试题来驱动学习,每天进步一点!让努力成为一种习惯,让奋斗成为一种享受!相信 坚持 的力量!!!

2021-10-14 04:53:39阅读全文

CSS 实现文本"不定行数"截断
CSS 实现文本"不定行数"截断

偶然发现,在某乎热榜页有一个很有意思的布局,这里的标题会制约内容的行数,所以文本超出是"不定行"的。详细规则如下:

2021-10-26 23:44:44阅读全文

CSS 实现搜索相关交互
CSS 实现搜索相关交互

先来看一个很常见的搜索框的交互,大概逻辑如下

2021-11-02 07:43:34阅读全文

web前端学习必备,10分钟掌握前端CSS,详解CSS的三大特性
web前端学习必备,10分钟掌握前端CSS,详解CSS的三大特性

CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。这一切都离不开CSS的特性,接下来简单聊聊CSS的3大特性。

2021-11-09 10:59:17阅读全文

可以用家用 PC 做服务器,搭建一个访问量很小的博客?
可以用家用 PC 做服务器,搭建一个访问量很小的博客?

现代人的家中都有大量电子设备。手机更新换代也比较快,最麻烦的就是电脑、手机、平板之间的文件共享和备份了。

2021-11-17 12:08:16阅读全文

前端面试每日 3+1 —— 第969天
前端面试每日 3+1 —— 第969天

《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。前端面试每日3+1题,以面试题来驱动学习,每天进步一点!让努力成为一种习惯,让奋斗成为一种享受!相信 坚持 的力量!!!

2021-12-13 13:48:23阅读全文

微信小程序横屏状态下的自适应实践(尺寸单位vmin)
微信小程序横屏状态下的自适应实践(尺寸单位vmin)

在目标页面json文件里设置"pageOrientation": "landscape"即可实现全屏,这个参数默认是"portrait"(竖屏),设置"auto"表示跟随手机系统自动转换。

2021-12-14 08:10:02阅读全文

filter:grayscale(1)使网页呈现哀悼模式
filter:grayscale(1)使网页呈现哀悼模式

伟大的革命先烈们为我们祖国的诞生做出了巨大的牺牲,在相应节日里,我们的站点会呈现灰色哀悼模式,以此来纪念先烈们。国内大厂首页也是这样做的。

2021-12-14 21:52:15阅读全文

11月-12月字节实习面经
11月-12月字节实习面经

自我介绍怎么学前端两边定宽的⚪、中间自适应。三列布局,两端为半径为50px的圆,中间内容宽度自适应。(我写的回答↓)

2021-12-16 07:41:43阅读全文

HTML学习教程,带你轻松学会html超文本标记语言
HTML学习教程,带你轻松学会html超文本标记语言

有些初学web前端的小伙伴会比较迷惑,HTML到底是什么呢?

2021-12-16 09:03:12阅读全文

这18个网站能让你的页面背景炫酷起来
这18个网站能让你的页面背景炫酷起来

这18个网站是我在取经路上意外发现的,里面包括 纯CSS 实现的炫酷背景,还有专门制作背景图的网站。算是取经路上的大补之物~

2021-12-30 17:27:40阅读全文

css实现电池、水彩笔、铅笔、蜡笔形状
css实现电池、水彩笔、铅笔、蜡笔形状

效果:难点: 电池电量100%时凸出来的那部分白色怎么变成红色?(即电池正极凸出来的那部分怎么填充颜色?)解决: 电量100%时让显示电量的红色div溢出整个电池,并在电池凸出来部分的两边分别使用一个白色div盖住即可。如图:

2022-01-27 04:36:16阅读全文