周e信第149期

第149期 — 2022-03-06

在浏览器中阅读

扫描二维码关注微信公众号

Node.js

逐步发展您的 RESTful API 🔗

Nicolas Fränkel

解释Twitter 源代码的前 10 行 🔗

Anand Chowdhary

socket - npm依赖链安全检测工具 🔗

Feross Aboukhadijeh

hoppscotch - 开源postman替代 🔗

Hoppscotch

hackernews-remix-react - 使用remix的hackernews克隆项目 🔗

Clinton D Annolfo

Red Hat 和 IBM 的 Node.js 参考架构指南 🔗

NodeShift by Red Hat

Grist - 电子表格和数据库的表格 🔗

Grist Labs

前端

检查第三方脚本安全性 🔗

不需要javascript可以做到的5个效果 🔗

svg动画
css侧边栏(:hover)
position: sticky
details 实现手折叠内容
:check伪类切换dark模式

Steven Waterman

rc-select - 功能全面的select组件,antdesign团队支持 🔗

react-component

react-scrollama -轻量级滚动监听组件 🔗

Jason Kao

matrix - 矩阵操作 🔗

ml.js

css漫画 🔗

ALVARO MONTORO

Reveal.js 一个 HTML 演示框架 🔗

Hakim El Hattab

200行代码实现react俄罗斯方块Tetris 🔗

文中展示了另外一种useInterval(更简明的)实现

import React, {useEffect, useRef} from 'react';

export function useInterval(callback, delay) {

    const callbackRef = useRef();

    useEffect( ()=> {
        callbackRef.current = callback;
    }, [callback]);

    useEffect( ()=> {
        const interval = setInterval(()=> callbackRef.current(), delay);
        return ()=> clearInterval(interval);
    }, [delay]);

}