荷包蛋卷

前端开发 | 杭州

赞

113

|

搜索文章

浅谈 CSS3 新特性：过渡效果

CSS `transitions` 提供了一种在更改 CSS 属性时控制动画速度的方法。其可以让属性变化成为一个持续一段时间的过程，而不是立即生效的。

4年前
1.1k
4
评论

浅谈 CSS3 新特性：过渡效果

浅谈 CSS3 新特性：transform 元素转换

transform 属性允许你旋转，缩放，倾斜或平移给定元素。通过修改 CSS 视觉格式化模型的坐标空间来实现。

4年前
1.6k
4
评论

浅谈 CSS3 新特性：transform 元素转换

浅谈 CSS3 新特性：文字&字体

文字阴影 text-shadow、溢出内容的处理 text-overflow、单词断行 word-break 和自定义在线字体 @font-face。

4年前
654
2
评论

浅谈 CSS3 新特性：文字&字体

浅谈 CSS3 新特性：背景&渐变

CSS3中，关于背景（background）的新增属性和渐变函数（gradient），看看提供了哪些新背景元素控制和多种渐变效果的实现。

4年前
2.3k
8
评论

浅谈 CSS3 新特性：背景&渐变

浅谈 CSS3 新特性：Border 边框

CSS 用于控制网页的样式和布局，CSS3 是最新的 CSS 标准，且 CSS3 已完全向后兼容，也就是说 CSS3 = CSS2 + CSS3 新增属性。

4年前
1.5k
5
评论

老司机重学CSS：BFC & IFC

Formatting context（格式化上下文）是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。

4年前
669
7
评论

老司机重学CSS：BFC & IFC

老司机重学CSS：Flex

Flex 的基本概念有： flex container （容器）、 flex item（项目）、main axis（主轴）和 cross axis（交叉轴）。

4年前
1.2k
2
评论

老司机重学CSS：盒模型

在 CSS 中，所有的元素都被一个个的 “盒子（box）” 包围着，我们广泛地使用两种“盒子” —— 块级盒子 (`block box`) 和内联盒子 (`inline box`)。

4年前
659
2
评论

React 性能优化：React DevTool & Chrome DevTool

如何借助工具来发现性能问题，对 React 进行调优？在日常的开发中，我们主要借助两个工具： React DevTool & Chrome DevTool

4年前
3.3k
7
1

React 性能优化：React DevTool & Chrome DevTool

React 性能优化：异步渲染（时间切片&渲染挂起）

React 15 以及之前的版本有一个主要的问题 —— 虚拟 DOM 的 diff 操作是同步完成的。这就意味着当页面上有大量 DOM 节点时，diff 的时间可能过长，从而导致交互卡顿、没有反馈。

4年前
5.5k
9
评论

React 性能优化：异步渲染（时间切片&渲染挂起）

个人成就

优秀创作者

文章被点赞 792

文章被阅读 304,931

掘力值 6,926

加入于

2016-10-17