子非鱼同学79697

SpriteJS是一款由360奇舞团开源的跨终端canvas绘图库，可以基于canvas快速绘制结构化UI、动画和交互效果，并发布到任何拥有canvas环境的平台上（比如浏览器、小程序和node）。 Sprite为图形创建类似于DOM的对象模型，因此我们可以像创建DOM元素一样…

如果我们用Canvas实现了一些动画效果，需要将它回放出来，很多人通常就是用录屏工具将屏幕内容录下来播放，很少有人知道，Canvas可以直接通过现代浏览器支持的 Media Streams API 来转成视频。 Canvas对象支持captureStream方法，这个方法会返回…

CSS Grid 布局是如今 CSS 中最强大的布局系统。与 flexbox 的一维布局系统不同，CSS Grid 布局是一个二维布局系统，也就意味着它可以同时处理列和行。通过将 CSS 规则应用于父元素 (成为 Grid Container 栅格容器)和其子元素（成为 Gri…

假如你有一个小表单或者组件要在网站的好几个地方或者好几个项目里用，你希望它们都能有统一的样式和行为，但是，你也希望它们能有些灵活性：也许你的表单需要根据容器元素的不同有各种大小，或者组件要在不同的项目里显示不同的文字和图标。你知道你需要什么吗？你需要一个 web compone…

在 Figma，我们最近解决了迄今为止最大的工程挑战之一：支持插件。 我们的插件 API 使第三方开发人员可以直接在基于浏览器的设计工具中运行代码，因此团队可以使 Figma 适应自己的工作流程。他们可以用可访问性检查器测量对比度，用翻译应用程序转换语言，进口商可以用内容填充设…

存储容量限制, 大部分浏览器应该最多就是 5M. loaclforage 的作用就是用来规避上面localStorage的缺点, 同时保留localStorage的优点而设计的. localforage 提供回调 API 同时也支持 ES6 Promises API，你可以自行…

auto： 普通滚动，当手指从触摸屏上移开，滚动立即停止 touch：滚动回弹效果，当手指从触摸屏上移开，内容会保持一段时间的滚动效果，继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。 上代码： 父级元素scrollContainer加上定…

浏览器缓存设计一直是web性能优化中非常重要的一个环节,也是SPA应用盛行的今天不得不考虑的问题.作为一名优秀的前端工程师,为了让我们的应用更流畅,用户体验更好,我们有必要做好浏览器缓存策略. 本文会介绍一些笔者曾经做过的Web性能优化方案以及浏览器缓存的基本流程,并会着重介绍…