2011年左右刚从JAVA转前端的时候，用node专门做了这种类型的工具，方便写统一的页面头尾 用了 include belong的模式。后来一直更新迭代工具，叫做 f2e-server
顺手安利下。
f2e-server1.*
f2e-server2.*

<% list.forEach(function(item){%>
    <li onclick="func(%>item<%)">test</li>
<%})%>

/^(8[5-9])|9\d|1\d{2}|2[0-6]\d|270$/

1. 跟懂的人沟通（找他的技术方向的领导，说明你的感受和顾虑）
2. 找业务负责人（产品经理项目经理，说明这样做性能、安全上面的问题）
3. 如果对方是单兵作战的，自信心爆棚，别人说不服的。 妥协，坐等项目暴雷。

这些异常情况建议 // @ts-ignore，本质上就是这些属性不是标准的使用方式。

短信验证码，操作简单，成本更低。
一条4分钱，配合人工验证码+短信重发限制，很合算。

凸多边形还好，如果不是凸多边形， 点在多边形内这个算法就够折腾人的，看都看不懂。如果这个算法有了，就是扣像素的问题了。

不知道你为啥整这么复杂，就不能简单一点？

const B: React.FunctionComponent<{
    count: number
    setCount: (count: number) => void
}> = ({ count, setCount }) => {
    return <div>
        <p>我是子组件</p>
        <p>子组件的number是{count}</p>
        <button onClick={() => setCount(count + 1)}>click</button>
    </div> 
}
const A = () => {
    const [count, setCount] = useState(0)

    return <div>
        <p>我是父组件</p>
        <p>父组件的count是{count}</p>
        <button onClick={() => setCount(count + 1)}>click</button>
        <B count={count} setCount={setCount}/>
    </div>
}

let a = {
  '小红': [{time: 1, age: 2, height: 22}, {time: 2, age: 12, height: 11}],
  '小明': [{time: 1, age: 5, height: 21}, {time: 2, age: 11, height: 9}]
}

;[...Object.keys(a).reduce((m, k) => {
    a[k].map(({time, ...rest}) => {
        const t = m.get(time) || { time }
        Object.keys(rest).map(_k => { t[`${_k}${k}`] = rest[_k] })
        m.set(time, t);
    })
    return m;
}, new Map()).values()];

挂代理的意思就是
如果你想要访问： http://localhost:8000/register 你只需要访问 /api/register 就可以了。