1. React + D3.js 如何开发 SVG 图形 (opens new window) 本文是一篇详细教程,讲解如何在 React 里面引入 D3,开发 SVG 动画。

  2. React PIN Field (opens new window) 一个 React 组件,生成漂亮的密码(验证码)输入框。

  3. LuckDraw (opens new window) 一个大转盘/ 九宫格的页面抽奖组件,多端适配,有 JS / React / Vue / 小程序的等版本

  4. React Flow (opens new window)

    一个基于 React 的库,用来制作功能强大的、可交互、可编辑的节点图工具

  5. 一天学习一个 npm 轮子 (opens new window)

    一个教程库,作者选了十几个常用的前端 JS 库,演示如何自己从头实现这些库

    • 自语: 我也要造轮子
  6. 如何写打印样式表 (opens new window)(英文)

    只要是放置内容的网页,除了正常的样式表以外,还应该设置打印样式表(print.css)。本文介绍打印样式表的基本写法

    • 自语: 寻找一个页眉页脚的那种打印
  7. virtocean (opens new window) 该网站提供各种海洋相关的声音,作为背景音乐。

  8. WebGL 指纹 (opens new window)

    一些大型网站使用 WebGL 生成用户指纹,用来追踪用户。这个网页列出了不同公司使用的追踪代码

  9. HTTP 安全标头快速参考 (opens new window)(英文)

    HTTP 标头里面有一些跟安全相关,本文对它们一一介绍,比如Content-Security-PolicyX-Content-Type-Options等等

  10. CAP 定理解读 (opens new window)(英文)

    这篇文章从学术角度,详细解读分布式系统的 CAP 定理,写得很好。CAP 定理的核心含义就是,发生故障时,开发者必须选择,优先满足一致性还是可用性。

  11. 如何使用 Emoji 作为 Favicon (opens new window) 本文介绍如何将 svg 格式的 Emoji 图案,作为网页的 Favicon

  12. use-sound (opens new window)

    一个 React 钩子函数,用来添加声音效果,比如点击按钮发出“滴”的一声

  13. PINTR (opens new window) 一个网页工具,可以让图片转为线条画

  14. Animista (opens new window) 一个网页 CSS 动画工具,可自由配置各种动画特效,并生成代码

    • 自语: 不让我cv = 什么
  15. 古怪的 JavaScript (opens new window)

    这个网站给出了25道选择题,测试你对 JavaScript 的古怪语法点了解多少

    • 自语: 什么 ,给我干哪儿来了
  16. JavaScript 新增的运算符 (opens new window) 本文介绍 ES6 的后续标准为 JavaScript 新增的七个运算符,其中包括最新的 ES2021 标准增加的三个运算符

    • 自语: ?. &&=
  17. SQL 表格连接的可视化连接 (opens new window) 老生常谈的内容,使用图形介绍 SQL join 的类型,简明易懂,值得经常看看。

  18. 使用 React Hooks 构建音乐播放器 (opens new window)

    一篇详细的教程,一步步教你怎么用 React Hooks 写出上图的音乐播放器。

  19. Git 的两个新命令 (opens new window)

    新版本的 Git 加了两个命令:git switch 和 git restore,本文介绍它们的用法。

    git switch 用来切换分支,git restore 用来恢复原样,可以取代 git checkout。

  20. daisyUI (opens new window) 一个基于 Tailwind 的 CSS 组件库,用法简洁,封装掉了 Tailwind CSS 的复杂性,看上去还不错。

  21. Cross Context Events (opens new window) 一个 JS 事件库,允许在多个窗口、多个 iframe 之间共享事件。也就是说,使用它在一个浏览器窗口触发事件,其它窗口也能收到。

  22. obvious.js (opens new window) 一个国产的微前端框架,解决前端微应用的依赖管理、以及它们之间的通信问题。举例来说,它可以把 React 应用和 Vue 应用组合在一个网页里面