首页
学习
活动
专区
工具
TVP
发布

前端桃园

专栏作者
208
文章
309131
阅读量
57
订阅数
【面试系列一】如何回答如何理解重排和重绘
我发现很多候选人都没有答道关键点上,感觉是在哪里看到过相关的文章,听起来零零散散,毫无逻辑。
桃翁
2022-03-30
1.2K0
如何全链路进行前端性能优化
通常来讲前端性能优化是指从用户开始访问我们的网站到整个页面完整的展现出来的过程中,通过各种优化策略和优化方法让页面加载的更快,让用户的操作响应更及时,给用户更好的使用体验。
桃翁
2021-12-01
9410
你不知道 CSS 可以做的 4 件事
这样就实现了延时1s,一共0.5s的淡入动画。其中ease是animation-timing-function的默认值。animation-timing-function使用了三次贝塞尔(Cubic Bezier)函数生成速度曲线,可以让我们的动画产生平滑的过渡。但是有的时候我们并不想要平滑的过渡,比如想要实现下面小人跑动的效果,该怎么实现呢?
桃翁
2021-09-10
1.3K0
每个前端都需要知道这些面向未来的CSS技术
前端技术日新月异,我们需要不断学习来更新自己的前端知识并运用到自己的项目中。这次笔者整理一些未来普及或者现在同学们可能已经用到的CSS特性,包括SVG图标、滚动特性、CSS自定义属性、CSS现代伪类 、JS in CSS、Web Layout、混合模式和滤镜、CSS计数器等等。
桃翁
2021-09-07
7370
前端优秀实践不完全指南
一个 Web 页面,一个 APP,想让别人用的爽,也就是所谓的良好的用户体验,我觉得他可能包括但不限于:
桃翁
2021-03-18
8380
用最简洁的 CSS 实现 10 种现代布局
周日在家看 web.dev 的 2020 三天 live,发现不少有意思的东西,其中有一项是关于 CSS 的,主播是 Una Kravets(chrome team 成员)。虽然我已经好几个月没有深入研究 CSS 的东西了,不过以前的底子还在(有兴趣的可以看我一年前发布的关于 CSS 的东西,虽然由于太过底层没啥人愿意看, sad)。
桃翁
2020-07-16
9030
有赞真赞,官网水波纹动画这么酷
在我心目中有赞前端团队感觉非常不错,特意看了看他们网站有没有好玩的动画,最终发现一个水波纹动画,感觉挺有意思,和小伙伴们分享一下。有没有发现这个弹窗底部有一个水波纹一直在动。
桃翁
2020-07-07
7450
BAT 用一行代码实现了网页黑白显示
从上面的实现方式可以看到,关键技术是利用了 CSS 的 filter 技术,也就是 CSS 的滤镜功能。
桃翁
2020-04-23
6640
我们应该如何编写高质量的前端代码
这要从很久的事情开始说起,前端最初的发展就像一团浑浊的云团,什么都往一块写,然后东拼西凑,最后竟然能运行。其实每个人前端人都会对页面的混杂感到头疼,谁不想好好优化一下呢?但是奈何那会没有成型的工具,更没有现在高质量的组件库,从此解放了我们的代码编写,真正做到了开箱即用,它不香吗?
桃翁
2020-04-23
6280
2020 年你应该知道的 React 库
React 已经诞生很久了,自从它诞生开始,围绕组件驱动形成了一个非常全面的生态,但是来自其他编程语言或者框架的开发人员很难找到要构建一个 React 系统的所有组件。如果你是来自于像 Angular 这样的框架的开发者,你可能已经习惯了框架包含了所需要的所有功能,
桃翁
2020-02-26
14.4K0
你可能不知道的 CSS 计数器
CSS 里面的伪元素其实是非常好用的,但是经常容易被大家忽略,伪元素里面常用到的 content 属性,可能现在很多人仅仅以为 content 属性的值只支持字符串,除了字符串外常用到的还有 uri、counter ,今天所要介绍的就是 conter(计数器)。
桃翁
2019-12-19
8720
彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index
原文链接:https://juejin.im/post/5b876f86518825431079ddd6#comment
桃翁
2019-11-22
1.9K0
剖析一些经典的CSS布局问题,为前端开发+面试保驾护航
这样做的优点就是在图文混排的时候可以很好的使文字环绕在图片周围。另外当元素浮动了起来之后,它有着块级元素的一些性质例如可以设置宽高等,但它与inline-block还是有一些区别的,第一个就是关于横向排序的时候,float可以设置方向而inline-block方向是固定的;还有一个就是inline-block在使用时有时会有空白间隙的问题
桃翁
2019-11-09
1.1K0
VSCode前端必备插件,有可能你装了却不知道如何使用?
在前端开发中,有一个非常好用的工具,Visual Studio Code,简称VS code。
桃翁
2019-11-05
3.8K0
前端工程师需要了解的 Babel 知识
在前端圈子里,对于 Babel,大家肯定都比较熟悉了。如果哪天少了它,对于前端工程师来说肯定是个噩梦。Babel 的工作原理是怎样的可能了解的人就不太多了。
桃翁
2019-09-24
4190
探寻浏览器渲染的秘密
起因是这样,有运营小姐姐跟我反馈某个页面卡顿的厉害。心中突然一想,妈耶不会有bug吧,心慌慌的。然后自己打开页面,不卡呀,流畅的一xx,肯定是她弄错了。带着去教她如何正确的使用电脑的想法我自信的下了楼,然后自信的在她电脑上打开了页面,我滑,我滑,我再滑。woc,页面咋不动啊,woc,电脑都卡死了。???什么情况,然后有其他运营反馈 air 上并不卡顿。页面下滑为何卡顿?在mbp和mba上的表现为何不同?这一切的问题究竟是从何而起?请老板们带着这两个问题往下看,我将一步一步揭开浏览器渲染的面纱。
桃翁
2019-09-17
7650
你可能不知道的 21 个 Web API
本文列举了一些列比较不常见的Web API,内容较多,所以有关兼容性的内容在本文不会出现,大家可以自己去查阅。以下案例能配动图的我尽量去配了,以免内容枯草乏味,但是如果内容有误,也请大家亲喷或者纠正?
桃翁
2019-08-30
1.4K0
讲道理,仅3行核心css代码的rate评分组件,我被自己秀到头皮发麻
像rate评分组件一般都用javascript写,所以这次将是一个全新的尝试,用css实现一个rate评分 ❗ 核心代码也就三行? 01 效果图 02 原理 主要是借助radio单选框,梳理如下:
桃翁
2019-08-26
4540
谈谈Web应用中的图片优化技巧及反思
这篇文章,我们将一起探讨,web应用中能对图片进行什么样的优化,以及反思一些“负优化”手段
桃翁
2019-08-26
2K0
【前端词典】提高幸福感的 9 个 CSS 技巧
在这篇文章我会介绍 9 个使你的 CSS 更加简洁优雅的使用技巧。这些技巧小生经常使用,觉得挺高效实用,所以也就有了这篇文章。
桃翁
2019-08-09
8330
点击加载更多
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档