SMTP 发送邮件丢失，被去重机制过滤

<h2 class="group flex justify-start items-center">SMTP 发送邮件丢失，被去重机制过滤<a name="smtp-发送邮件丢失，被去重机制过滤" aria-label="Anchor" id="smtp-发送邮件丢失，被去重机制过滤" class="inline-flex justify-center items-center w-6 h-6 ml-4 text-base rounded-sm bg-gray/100 decoration-transparent invisible group-hover:visible" href="#smtp-发送邮件丢失，被去重机制过滤">#</a></h2><h3 class="group flex justify-start items-center">问题描述<a name="问题描述" aria-label="Anchor" id="问题描述" class="inline-flex justify-center items-center w-6 h-6 ml-4 text-base rounded-sm bg-gray/100 decoration-transparent invisible group-hover:visible" href="#问题描述">#</a></h3>我在使用阿里云邮箱 SMTP 发送多封类似邮件时，发现所有邮件显示发送成功了，但是对方只收到了第一份，在阿里云客户端发件箱里也只展示了第一份。
<h3 class="group flex justify-start items-center">问题原因<a name="问题原因" aria-label="Anchor" id="问题原因" class="inline-flex justify-center items-center w-6 h-6 ml-4 text-base rounded-sm bg-gray/100 decoration-transparent invisible group-hover:visible" href="#问题原因">#</a></h3>工单联系 阿里云客服，客服回复如下：
<img src="https://images.yrobot.top/2023-10-12/STlT9T-11-29-18.png" alt="STlT9T-11-29-18">
<pre><code class="language-text">这边通志核实，以上时间段有出现失败:RecvDuplicatedEmail，是由于短时间内重复发送，系统自动去重的原因。
相同的邮件主题、发件人收件人等在短时间内多次链接会判断为自动去重而失败，阿里企业邮箱的判断去重条件：半小时内，会根据邮件正文中的 rcptto、date、from、subject、Message-ID、mailfrom 等字段来判断用户是否在发送重复的邮件，如果是重复的邮件，将会在队列中丢弃。请您检查一下您的发信模板、程序等，是否邮件正文的上述字段都是固定的，如果缺少上述字段则默认为是相同邮件，建议给发送的每封信加上不同的 message-ID 来解决这个问题
</code></pre>
<pre><code class="language-text">您好，确实很抱歉，目前免费邮箱不支持去重
</code></pre>
<h3 class="group flex justify-start items-center">解决方案<a name="解决方案" aria-label="Anchor" id="解决方案" class="inline-flex justify-center items-center w-6 h-6 ml-4 text-base rounded-sm bg-gray/100 decoration-transparent invisible group-hover:visible" href="#解决方案">#</a></h3><ol>
<li>为每封邮件添加不同的 message-ID</li>
<li>为每封邮件添加不同的 subject</li>
<li>升级为收费版邮箱？ /doge/doge/doge</li>
</ol>

阿里云邮箱使用

<h2 class="group flex justify-start items-center">用户中心实现 UserCenter + hooks<a name="用户中心实现-usercenter-+-hooks" aria-label="Anchor" id="用户中心实现-usercenter-+-hooks" class="inline-flex justify-center items-center w-6 h-6 ml-4 text-base rounded-sm bg-gray/100 decoration-transparent invisible group-hover:visible" href="#用户中心实现-usercenter-+-hooks">#</a></h2>考察：ts 基础 + react hooks + async/await + class + 解决业务问题能力
<h3 class="group flex justify-start items-center">题面<a name="题面" aria-label="Anchor" id="题面" class="inline-flex justify-center items-center w-6 h-6 ml-4 text-base rounded-sm bg-gray/100 decoration-transparent invisible group-hover:visible" href="#题面">#</a></h3>要实现一个 React 聊天页面，页面很多地方（聊天列表、chat room navbar、对话列表）等都需要用到用户信息展示的场景。用 ts 实现一个 UserCenter 的 class，他提供根据 user id 返回 user info 的方法。用户的数据通过 API 请求获取，API 接口支持 传入 id 列表。UserCenter 可以对用户数据 进行 统一获取、缓存和更新。
<h4 class="group flex justify-start items-center">一些信息：<a name="一些信息：" aria-label="Anchor" id="一些信息：" class="inline-flex justify-center items-center w-6 h-6 ml-4 text-base rounded-sm bg-gray/100 decoration-transparent invisible group-hover:visible" href="#一些信息：">#</a></h4><pre><code class="language-ts">// type schema
interface User {
 id: string;
 name: string;
 avatar: string;
}

// API
const fetchUsers = async (ids: string[]): Promise&lt;User[]&gt; =&gt; [];
</code></pre>
<h4 class="group flex justify-start items-center">需要实现：<a name="需要实现：" aria-label="Anchor" id="需要实现：" class="inline-flex justify-center items-center w-6 h-6 ml-4 text-base rounded-sm bg-gray/100 decoration-transparent invisible group-hover:visible" href="#需要实现：">#</a></h4><pre><code class="language-ts">// 1. UserCenter class：
// - 避免过度请求(避免重复请求同一 id 的数据，避免300ms内发起多个请求)
class UserCenter {
 constructor() {}
 async getUser(id: string): Promise&lt;User&gt; {}
 // ...
}
// 2. react 组件内使用
// - const {user,loading} = useUser(id)
function useUser(id: string): {
 user: User | null;
 loading: boolean;
};
</code></pre>
<h3 class="group flex justify-start items-center">参考答案<a name="参考答案" aria-label="Anchor" id="参考答案" class="inline-flex justify-center items-center w-6 h-6 ml-4 text-base rounded-sm bg-gray/100 decoration-transparent invisible group-hover:visible" href="#参考答案">#</a></h3><pre><code class="language-ts">interface User {
 id: string;
 name: string;
 avatar: string;
}

const fetchUsers = async (ids: string[]): Promise&lt;User[]&gt; =&gt; [];
class UserCenter {
 userCache = new Map&lt;string, User&gt;();
 waitList: string[] = [];
 fetchingList: string[] = [];
 callBacks: Map&lt;string, Function[]&gt; = new Map();

 private async fetchList() {
 if (this.waitList.length === 0) return;
 this.fetchingList = [...this.fetchingList, ...this.waitList];
 fetchUsers(this.waitList).then((users) =&gt; {
 users.forEach((user) =&gt; {
 this.userCache.set(user.id, user);
 this.callBacks.get(user.id)?.forEach((cb) =&gt; cb(user));
 this.callBacks.delete(user.id);
 });
 this.fetchingList = this.fetchingList.filter(
 (id) =&gt; !this.userCache.has(id)
 );
 });
 this.waitList = [];
 }

 private async fetchUser(id: string): Promise&lt;User&gt; {
 if (!this.waitList.includes(id) &amp;&amp; !this.fetchingList.includes(id))
 this.waitList.push(id);
 return new Promise((resolve) =&gt; {
 this.callBacks.set(id, [...(this.callBacks.get(id) || []), resolve]);
 });
 }

 constructor() {
 setInterval(this.fetchList, 300);
 }

 async getUser(id: string) {
 if (this.userCache.has(id)) return this.userCache.get(id);
 return this.fetchUser(id);
 }
}

const userCenter = new UserCenter();

const useUser = (
 id: string
): {
 user: User | null;
 loading: boolean;
} =&gt; {
 const [user, setUser] = useState&lt;User&gt;(null);
 const [loading, setLoading] = useState&lt;boolean&gt;(true);

 useEffect(() =&gt; {
 setLoading(true);
 userCenter.getUser(id).then((user) =&gt; {
 setUser(user);
 setLoading(false);
 });
 }, [id]);

 return {
 user,
 loading,
 };
};
</code></pre>

前端笔试题

Stripe Elements 和 Stripe Checkout 有什么区别？

希望直接在页面内完成付款后直接展示结果，而不是通过 url 重定向，因为重定向会刷新页面导致页面数据状态丢失

利用 Stripe Elements 实现当前页面的支付、结果展示

阿里云邮箱使用

SMTP 发送邮件丢失，被去重机制过滤#

问题描述#

问题原因#

解决方案#