hack
19篇文章 · 0订阅
  • 使用 SVG 轻松实现波浪 (wave) 动画效果
    使用 SVG 轻松高效实现波浪动画效果，提高动画体验。
    SVG CSS 动效
    使用 SVG 轻松实现波浪 (wave) 动画效果
  • [译] 无尽滚动的复杂度 -- 来自 Google 大神的拆解
    原文地址：https://developers.google.com/web/updates/2016/07/infinite-scroller 原文作者：Surma 译者：王芃 摘要: 重用你的 DOM 元素以及删除那些远离可视范围的元素。为延迟显示的元素使用占位符。这里是一个无尽滚…
    JavaScript 设计模式 程序员
    [译] 无尽滚动的复杂度 -- 来自 Google 大神的拆解
  • SVG 实现波浪填充文字动画效果
    SVG 实现波浪填充文字动画效果
    SVG 动效 JavaScript
    SVG 实现波浪填充文字动画效果
  • 让文字沿着路径动起来 (SVG)
    路径动画的效果还是挺有意思的，而 Web 中常用的方法就是 SVG。先上一个效果图： SVG 要在 SVG 里面实现文字路径动画还是比较简单的，SVG 里面就有天然的支持。 我们先搞个 SVG 路径 <svg id="textPathDemo" xmlns="http://ww…
    SVG 动效 JavaScript
    让文字沿着路径动起来 (SVG)
  • 利用 HTML5 Web Audio API 给网页 JS 交互增加声音
    首先务必要弄清这一点，本文这里所说的 HTML5 Web Audio API 和 HTML5 <audio> 元素完全不是一个东西，其体量也完全不是一个等级的，HTML5 Web Audio API 接口的丰富程度和体量可以和 HTML canvas API 相提并论，其能实现的功能也非常令人瞠目。 HTML5 Web Audio API 可以让我们无中生有创造声音，而且是各种音调的声音，换句话说，我们通过 JavaScript 就会创建一个完整的音乐出来，类似卡农将有固定的音乐，或是通过一些随机算法创建随机的音乐都都可以由前端开发工程师来完成，如果再配合一点人工智能的东西，我们说不定可以造出一个人工智能音乐生成工具。
    前端
    利用 HTML5 Web Audio API 给网页 JS 交互增加声音
  • 深挖 data URI 性能瓶颈
    来自腾讯 ISUX - 余果 的分享，详细剖析 base64 的使用场景和优缺点，很赞！
    前端
    深挖 data URI 性能瓶颈
  • JavaScript 中的多线程 -- Web Worker
    Web Worker 为 Web 内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。此外，他们可以使用 XMLHttpRequest 执行 I/O (尽管 responseXML 和通道属性总是为空)。一旦创建， 一个 worker 可以将消息发送到创建它的 JavaScript 代码, 通过将消息发布到该代码指定的事件处理程序 (反之亦然)。
    JavaScript HTML
    JavaScript 中的多线程 -- Web Worker
  • web 低多边形 3d 动态交互背景生成，类似 QQ 轻聊版登录框
    找了这个东西很久，后来找到了但是没发现特别好用的，最终发现这是一个最后发布在 4 年前的一个老项目，作用是导出图片，于是就简单修改了下，把文件并到了一个，多余功能砍光，可以非常快速的生成背景图。 github:https://github.com/a49666/coolest-background demo1:https://a49666.github.io/coolest-background/example/example1.html demo2:https://a49666.github.io/coolest-background/example/example2.html demo3:https://a49666.github.io/coolest-background/example/example3.html
    JavaScript Canvas
    web 低多边形 3d 动态交互背景生成，类似 QQ 轻聊版登录框