样式CSS
4篇文章 · 0订阅
  • CSS @font-face性能优化
    本文主要介绍字体加载优化的常用策略，大部分内容为引用和翻译。 这样就可以使我们的网页用上自定义字体了。 除了font-family 和 src属性之外，还拥有font-style以及font-weight属性。 src可以指定多种字体，会按顺序依次适用，比如上面的示例中会先加载…
    CSS 前端
  • 颜值即正义！这几个库颠覆你对数据交互的想象
    作为一个对UI和动画敏感的切图仔，在日常开发之余，也会关注一些贼好看的图表库和插件。 接下来，我将给大家介绍几款web/python/vue/react里漂亮得不行的开源库/实现。 1. 手绘风图表库：roughViz.js 基于D3(v5), roughjs, 和handy。…
    Vue.js 数据可视化
    颜值即正义！这几个库颠覆你对数据交互的想象
  • CSS 阴影动画优化技巧一则
    本文不是直译，因为觉得这个技巧很有意思很有用，遂起一文。 box-shadow 在我们的工作中使用以及越来越多，伴随阴影的动画或多或少都有一点。假设，我们有下面这样一个盒子： 希望 hover 的时候，盒阴影从 box-shadow: 0 2px 4px rgba(0, 0, …
    CSS 前端
    CSS 阴影动画优化技巧一则
  • 【前端词典】5 种滚动吸顶实现方式的比较[性能升级版]
    这篇文章是三天前写就的，有大佬给我提了一些修改意见，我觉得这个意见确实中肯。所以就有了这个升级的修改版本。代码同步更新到 GitHub 了。 我入职第二家公司接到的第一个需求就是修复之前外包做的滚动吸顶效果。我当时很纳闷为何一个滚动吸顶会有 bug，后来我查看代码才发现直接用的…
    JavaScript 前端