面试中可能会经常会碰到怎么解决动画卡顿的问题，然后会引导到硬件加速。那么究竟什么是硬件加速，为什么它可以提高咱们的动画效率？我们今天就来一探究竟。

CSS是一个很独特的语言。看起来非常简单，但是某种特殊效果看似简单，实现起来就颇有难度。这篇文章主要是给在学习前端的童鞋分享一些新的CSS技巧，一些在前端教程和培训课堂中不会讲到的知识。第二就是让还在前端开发这条道路上的童鞋们，重新燃起对前端排版和特效的热爱和热情！🔥 1. …

近些年，我们总是听到硬件加速，以及它如何帮助我们提升网页的动画性能，让网页动画变得更好，在移动端更流畅。但是我想一大部分经验少的工程师是不知道硬件加速是如何工作的以及我们如何使用它来帮助我们让动画变得更流畅。 硬件加速听起来非常复杂，像高等数学。在这篇文章中，我会简明的讲解如何…

4. 完整代码：元素宽度已知，所有元素都在一个容器 本文由创宇前端作者授权发布，版权属于作者，创宇前端出品。文章链接：https://knownsec-fed.com/2018-12-13-css-lie-biao-xiang-bu-ju-ji-qiao/ 想要订阅更多来自知道…

虽然现在 Css Module 与 Css-in-js 更流行，但使用它们会导致过分依赖 滥用 class 做唯一定位，违背了 Css 选择器的初衷。 本期精读的文章是：attribute-selectors-splicing-html-dna-css，带你重新理解强大的 Cs…

写这篇文章的起因是，当使用样式实现多行文本超出显示省略号的效果的时候，发现有的页面上省略号不是在文字末尾，而是在文字中间。后来查了下竟是跟文字在a链接里显示有关。下面详细说明下。 页面上文字超出部分用省略号表示，有多种方法可以实现，比如利用JS计算字数或是宽度，超出指定长度的字…

，我的天，等了这么久你给我看这个？码农慌得一批满地找新 iphone 的逻辑像素，然后想着怎么兼容这刘海和胡子。 其实对于 web 前端来说，刘海在绝大多数的场景下是可以不用处理的，因为 safari 或客户端（微信，手Q等）的 statusBar 已经替我们抹平了顶部刘海，我…

David Chanin 写了一篇 简短的文章 总结了在手机端为元素设置 height: 100vh 带来的一个问题。 我们将 一个元素定位在了 _100vh_ 高的元素的底部。带来的问题是，Chrome 浏览器没有把地址栏考虑在内，导致地址栏显示时，迫使底部元素超出视口之外了…

更新：感谢各位评论区大佬提醒，我发现关于 rem 布局思路的用法最初是由手淘团队的 flexible 方案引入的。本文大家随便看不看都行，真正有技术含量的内容一定请看：使用Flexible实现手淘H5页面的终端适配，再聊移动端页面的适配。 在移动端使用 rem 进行切图适配应该…