0910 今日总结

好文推荐

有感好文，专题好文

TOP3

• 让你的TypeScript代码更优雅，这10个特性你需要了解下TypeScript不仅仅是JavaScript的类型超集 - 掘金
• html - CSS display 属性详解 - zhanfang - SegmentFault 思否

英文推荐

• char0n/ramda-adjunct: Ramda Adjunct is the most popular and most comprehensive set of functional utilities for use with Ramda, providing a variety of useful, well tested functions with excellent documentation. 这个是函数式编程 ramda 中的进阶库，补充了一些内容；
• tommmyy/ramda-extension: 🤘Utility library for functional JavaScript. With ❤️ to Ramda.
• Ramda extension Documentation
• selfrefactor/rambda: Faster and smaller alternative to Ramda

其他好文

• JavaScript 记忆（Memoization）函数记忆函数（Memoization）是一种用于长递归或长迭代操作 - 掘金

项目/博客推荐

值得学习 作者/项目/工具等

博客

项目

• iamdarcy/hioshop-server: 海风小店，开源商城，微信小程序商城服务器端

工具 & 前端库

• 改革后法定延迟退休年龄计算器 & 退休倒计时 | 用有趣对抗时间
• 使用ACME申请SSL证书- 掘金
• Mac工具分享

求职就业等

• [长沙-外企] 招聘 React 前端工程师 - V2EX 这个是 V 站的帖子，题主在这里 po 的公司，看了下，待遇还是可以的，至少在长沙还是OK的；不过公司的业务感觉还是有点风险，摘录1条评论：关键词，【赌场】

EveryMatrix 是一家领先的 B2B SaaS 提供商，提供 iGaming 软件、内容和服务。我们为全球 200 家客户提供赌场、体育博彩、平台和支付以及联盟管理。该公司盈利良好，年收入超过 1 亿欧元，在欧洲、亚洲和美国的 10 个国家设有办事处，拥有 1000 名员工。EveryMatrix 成立于 2008 年，目前仍是一家由创始人拥有的私营公司。 在国内有可能吃牢饭。但是一说长沙我就知道没问题。不然你以为法外之地称号怎么来的

• 86 年 38 岁老程序员求职,求建议,方向 - V2EX

讨论

• memoizee - npm 缓存函数，其实在 react 中有类似的, useMemo, useCallback, 或者 ahooks 中的 useMemorizedFn ...

我们问问 gpt：

评价一下 Memoizee 这个前端库有什么特点，对比 react 的 useCallback, useMemo 等，为什么要使用它，如何使用？

---

Memoizee 特点

Memoizee 是一个 JavaScript 的高性能记忆化（memoization）库，主要用于缓存函数的输出，以提高性能。它的主要特点包括：

• 灵活性：支持多种缓存策略，可以根据需求自定义缓存的方式。
• 高效性：使用高效的算法来存储和检索缓存数据，适合性能要求高的应用。
• 多参数支持：能够处理多个参数的函数，而不仅仅是单一参数。
• 失效机制：支持缓存失效的策略，可以设置过期时间或手动清除缓存。
• 自定义序列化：允许用户自定义缓存键的生成方式，以适应复杂的参数类型。

对比 React 的 useCallback 和 useMemo

useCallback 和 useMemo 是 React 提供的钩子，用于优化组件性能，减少不必要的重新渲染。

useCallback 用于缓存函数的引用，避免在每次渲染时重新创建函数。 useMemo 用于缓存计算结果，避免在每次渲染时重新计算。

主要区别：

• 作用范围：Memoizee 是一个通用的函数缓存库，适用于任何 JavaScript 函数，而 useCallback 和 useMemo 仅限于 React 组件内。
• 灵活性：Memoizee 提供了更丰富的配置选项，如缓存策略和失效机制，而 useCallback 和 useMemo 的使用相对简单，主要是为了优化 React 渲染。

为什么使用 Memoizee

• 提高性能：在需要频繁调用的复杂计算函数中，使用 Memoizee 可以显著减少计算时间。
• 跨环境使用：可以在任意 JavaScript 环境中使用，而不仅限于 React。
• 灵活的缓存管理：支持多种缓存策略，可以根据具体需求进行调整。

如何使用 Memoizee

下面是一个简单的使用示例：

import memoize from 'memoizee';

// 创建一个记忆化函数
const fibonacci = memoize((n) => {
  if (n <= 1) return n;
  return fibonacci(n - 1) + fibonacci(n - 2);
});

// 使用记忆化函数
console.log(fibonacci(10)); // 55
console.log(fibonacci(10)); // 从缓存中获取，计算更快

总结

Memoizee 是一个强大的工具，适合需要高性能计算的场景。与 React 的 useCallback 和 useMemo 相比，它提供了更广泛的应用场景和灵活的配置选项，适合在多种 JavaScript 环境中使用。