> 今日问题：typescript中type和interface的区别?




**Q：如果在前端面试中，被问到typescript的type和interface的区别是什么，怎么回答最好？**

**A：当谈论TypeScript中的type和interface时，可以更加详细地探讨它们的特点、用法和适用场景。以下是一份更详细的解释：**


## Type（类型别名）：

- **定义方式**： 使用关键字type，可以给已有类型或复杂类型创建别名。

```typescript
type MyString = string;
type Point = { x: number, y: number };
type Callback = (result: string) => void;
```

- **特点**：

    - Type可以是简单类型（如基本类型、联合类型、字面量类型等）也可以是复杂类型（如对象类型、函数类型等）。
    - 可以使用交叉类型、联合类型等进行组合，使得类型定义更加灵活。
    - 可以使用类型操作符进行进一步的处理，如Partial、Required、Pick等。

- **应用场景**：
    - 适合创建复杂的类型别名，使得代码更易读，减少重复代码。
    - 用于定义联合类型、交叉类型、函数类型等高级类型。
    - 可以用于编写通用的类型工具库。

- **扩展性**：
    - Type可以通过简单的赋值或使用交叉类型进行扩展。
    - 可以通过交叉类型（&）将多个类型组合成一个新的类型。
    - 也可以使用类型别名进行简单的类型扩展。

```typescript
type A = { x: number };
type B = { y: number };
type C = A & B; // C = { x: number, y: number }
type D = C & {
  z: number;
};
```

- **可合并性**：
    - Type 是可以合并的，这意味着你可以声明相同名称的多个 Type，它们会自动合并成一个类型。例如：

```typescript
type Name = { firstName: string };
type Name = { lastName: string };
// 这会自动合并成一个类型： { firstName: string, lastName: string }
```


## Interface（接口）：

- **定义方式**：使用关键字interface，用于描述对象的结构。

```typescript
interface Person {
  name: string;
  age: number;
  greet(): void;
}
```

- **特点**：
    - Interface主要用于描述对象的形状，包括属性和方法，不支持基本类型别名。
    - 可以用extends关键字继承其他接口，实现接口的复用。
    - 支持声明合并，可以将多个同名的接口合并成一个。

- **应用场景**：
    - 适合描述对象的结构，使得代码更加清晰易读，便于维护和理解。
    - 可以用于定义类的契约，明确类的属性和方法。
    - 用于声明第三方库的类型定义或进行类型声明文件编写。

- **扩展性**：
    - Interface可以通过使用extends关键字进行继承。
    - 接口之间可以进行单继承，子接口会继承父接口的所有成员。
    - 一个接口可以继承多个其他接口。

```typescript
interface A { x: number; }
interface B { y: number; }
interface C extends A, B { z: number; }
```

- **可合并性**：
    - Interface 是不可合并的，如果你声明相同名称的多个 Interface，它们会被视为冲突而导致编译错误。




## Type vs Interface：

- **灵活性**： Type相对更灵活，适用于创建复杂类型别名和高级类型；而Interface更专注于对象结构的描述，不支持创建简单类型别名。
- **扩展性**： Type可以通过联合、交叉等方式进行扩展，非常灵活；而Interface只能通过extends关键字继承其他接口，限制了其扩展的方式。
- **应用场景**： 根据具体需求选择使用，Type适合创建复杂类型别名和高级类型，Interface适合描述对象结构和类的契约。


通常来说，如果你需要扩展或实现一个接口，或者用于描述对象的形状，那么使用 Interface 更合适；如果你需要更灵活地定义类型，或者需要使用联合类型、交叉类型等高级类型特性，那么使用 Type 更为合适。

Typescript中type和interface的区别

> 终究还是走到了这一步，虽然春节前后的文章里就有了预言。最近正好因为一些事提速了。自从按下了那个按钮，嘴角的笑容就没消失过，停下来缓缓挺好的。





马云曾经说过，一个人的离职，无非就两种原因，“钱没到位”、“干的不爽”。

马云说的挺有道理的，如果一个人的工作，钱给的很到位，干的又很爽，他主动辞职应该是脑子有问题，或者回去继承亿万家产去了。

此时此刻正值春夏，我想我应该这样做了。

我最近看了一个抖音，在德国留学的博主【十七岁天才中单】在街头采访了一个德国女孩。博主问：如果给你税后5000欧元，你可以接受996吗（税后5000欧元几乎是她原工资的一倍），那个小姐姐快速回复：绝对不可能。博主继续问：税后10000欧元呢？那个小姐姐依然回复：还是不可以，因为最终人还是要死的，那我就没有真正的活过，因为我每天只有工作，我非常享受我的工作，但是工作肯定不是最重要的，在生命里还有很多比钱和工作重要的事情。

中国人的一生是不被允许休息的，是一直匆忙赶路的。成年前要在学校努力学习，学习最重要。大学毕业后，要努力工作，赚钱最重要。结婚后要更加倍的努力工作，因为房子、车子和养育后代很重要。

你工作离职后，想多休息休息调整一下，去旅游去做一些自己喜欢的事。会被职场的人嫌弃空窗期太久，没人要。因为那些人脑子里都没有停下来休息的概念，人不允许停下来。这些嫌弃别人就业空窗期久的人，都是被国内的用工环境惯坏的，等哪天他们招不上来人，就没这么多臭毛病了。

当一个人，没有房贷、车贷、后代的时候，他是没有软肋的。

干最累的活，拿最少的钱，吃最大的饼，应该是目前天选打工人的常态。

对于吃饼这件事，很多人都容易上头，瞬间充满干劲，老油条都见怪不怪了。没写到合同里的，都是耍流氓，即便写到合同里也要分析这件事的合理性，到时候动不动破产了伤不起。永远只关注自己下个月打到工资卡里的工资。“工资这件事，只玩现货，玩期货都是被玩的玩具。”

“大环境不好”，这句话，我最近两年，在每个行业，每个人的嘴里都听到过。所以，大环境不好，就应该忍受工作的不合理剥削吗，大环境不好又不是普通人的过错，为什么要让普通人承担。大环境好的时候，红利也没见给普通人吃到多少。

最近几年毕业的计算机专业的同学，确实挺难的，互联网十几年高速发展带来的巨大红利几乎连尾巴都没吃上，繁荣之后的废墟吃的干巴巴的。其它行业也好不到哪儿去。都是比惨大赛。

其实，不用追溯到很早，21年的时候，我还在实习，当时互联网还有挺浓厚的气氛的。只要是投出去的简历都有人回复，参加过的面试10家有8家给offer，闭着眼都能入。

我对互联网现状的评价是，增量业务有限，现有业务饱和，需要继续出现类似ChatGPT的东西引来资金的关注，或者AI的应用全面落地，参与AI基础开发的就固定那一小波人，但是能参与AI落地应用的几乎是所有人。ChatGPT的出现其实挺救命的，在疫情后，带来了巨量的资金入市，虽然资金覆盖面比较垂直，但是挺救命的，带动了气氛。

虽然很难再吃到互联网的红利了，但是瘦死的骆驼比马大。

我后续的计划，想先完成一些“拼图”，去国内一些很远的地方旅行、去现场看LOL的比赛（比如今年成都的MSI，已经没票了，有渠道的同学可以私我）、继续看演唱会（薛之谦、许嵩、毛不易、邓紫棋）、出国旅行。

5月份可能先找几个朋友，去各个想玩的城市玩一段时间，春夏的时节在哪个城市都很舒服，山、海、花、草。然后调整一下自己的生活作息，多运动。最近坚持夜跑了一个多月，效果挺明显的。身体是革命的本钱，多锻炼，勤体检，赚再多钱也得有时间消费，20岁的山海和40岁的山海长的可不一样。然后再扎实一下技术，目前自我评价，对技术的广度尚有，深度不够。下份工作的目标是+30%，20k。

在下份工作之前，想先多录制几套B站的教程，我目前B站的更新节奏基本是一年更新一套完整教程。找到下份工作之后，肯定需要先忙一段时间，估计就先没时间管B站的事了。B站我每个视频下的评论区都好像是找的托刷的好评，哈哈哈，看来大家还是挺喜欢的，天天催我更新的也一大堆，视频的效果出乎意料。（我有考虑找一个兼职助理来处理各个平台的事情）

然后最近几个月都随缘看下一份工作吧，主要看内推和remote的机会（有远程办公机会的私我！）。

我裸辞了...

> 今日凌晨，全球资本市场经历了血雨腥风，美股三大指数全线跳水，大宗商品开盘拉升后，尾盘同样跳水。加密市场更惨，BTC小幅跳水，山寨币全面崩盘回到解放前。





![cad51ca79dfee9cf18c43d8cecc697b.jpg](https://creatorblog.cn/static/img/f56be177c7b425cf87fbc3467e402509.cad51ca79dfee9cf18c43d8cecc697b.webp)

昨天是周五，下班后有点心累，早早就睡觉了。今天起床后，看到一堆消息推送。美股、大宗商品、金属、加密，都经历了大幅跳水。尤其是加密市场的山寨代币，大部分都回到了解放前，这里说的解放前指的是BTC现货ETF通过前的价格挡位。


![image.png](https://creatorblog.cn/static/img/63c4ba4ad0efb6d752a33c76a746fa8f.image.webp)

BTC的震幅其实还好，没有跌很多，但是其它币的反应太大了。


![image.png](https://creatorblog.cn/static/img/b1e46523c97d3b8c2cebe46491f7814a.image.webp)

ETH一度要跌到3000以下。


![df0cb04737a1f756aa3824b598d4e13.jpg](https://creatorblog.cn/static/img/54bb256d20f17cce01fe4ef867ca619b.df0cb04737a1f756aa3824b598d4e13.webp)


![6adb6736692cccb9053b178f0fbb46f.jpg](https://creatorblog.cn/static/img/b6d261dbfa75c791b61aeaf6bbd48d23.6adb6736692cccb9053b178f0fbb46f.webp)


其它代币都经历了闪崩，24小时内跌幅大部分都超过了20%。

![fdc087eadcb7489158a83b10470cbe8.jpg](https://creatorblog.cn/static/img/31453e3ec57618bdd739792355653d74.fdc087eadcb7489158a83b10470cbe8.webp)


可以拿一些龙头代币做价格挡位分析。$ARB上次跌到现在这个位置，BTC的价格是$3.8W。

即便在凌晨跳水的最低点的时候，BTC也只不过跌到$6.4w而已，跌幅并不算太大，为什么其它代币这么脆弱？

其实就是一个对未来预期的恐慌情绪，大部分资金都认为BTC在即将到来的减半日子后会经历持续的下跌，提前进行避险，恐慌情绪蔓延就会引起持续的抛压。

然后受到国际局势和美股的影响，避险。

聪明钱都会提前跑，而不是到了眼前才跑，这是大资金聪明钱的显著表现，能提前规避风险，即便这个风险最终没有发生。

我的仓位经历了这波也有了不小的下跌。好在我90%的仓位都是现货，所以还能接受。我最近几天一直在陆续5X做多$JUP，经过今天凌晨的闪崩后，也不出意料的爆仓的，小问题。今天睡醒后，也陆续把剩下的仓位补满了。几乎处于满仓状态。

接下来看情况，我会选择继续补仓。

![dcbb994f4de3b9161fb8f25fb68a93e.jpg](https://creatorblog.cn/static/img/140deeb2659b499c33a7c55c9e1f0da6.dcbb994f4de3b9161fb8f25fb68a93e.webp)

分析一下补仓原因。

1. 消息面没有任何直接利空，除了几天后的BTC减半，减半的利空利多都有。
2. 牛市结束了吗？远远没有，我上几期的文章就预告了4、5月份震荡幅度都会比较大，这都是在预期内的。但是山寨币在今天的反应确实有点超出预期了，但还在可接受的范围内。
3. BTC现货ETF没有出现持续的大幅净流出，反而GBTC的净流出在持续缩小，甚至逐渐小到可以忽略不计。
4. 凌晨的波动和国际局势以及美股有一些关系，所以情绪过去了，资金就会回来。
5. 美联储还没降息，甚至有加息预期。

绝大多数的机构和业内人士都普遍认为牛市会持续到2025年末。

一些人说牛市结束了，得先明确这轮牛市开启的原因是什么呢？

1. BTC现货ETF通过。
2. BTC的减半周期。
3. 美联储的降息预期。

历史上没有任何一次在BTC减半后就立刻完全结束上涨周期的，反而会进入下一个持续的、夸张的上涨周期。

所以接下来大家要做的事情，就是在动荡的周期内，捡到尽可能便宜的筹码。

信仰充值！

![4e50b1fd24f29e0e315dc293e615748.jpg](https://creatorblog.cn/static/img/a1d8d1e7cc56e05acad9cdf5c9222cbe.4e50b1fd24f29e0e315dc293e615748.webp)

如果各位满仓了，并且不准备继续充值补仓，可以先卸载掉交易所，在5月底再下载回来。

如果对市场失去了信心，就把所有仓位市价挂单卖出。

千万不要既失去了信心，又不想止损，又时刻关注市场波动。情绪会很受影响。

我在上轮上涨周期内全仓价值翻倍并落袋了，所以当前市场的价格挡位距离我的亏损点还差很远，我睡的很安心。

能接受自己赚钱，就要接受自己在亏钱，又不是在净亏损，之前赚了那么多，不亏点都不安心，不慌。

深夜突发！美股、BTC跳水，山寨全面崩盘

> 今日问题：csrf原理和解决方案?




**Q：如果在前端面试中，被问到csrf原理和解决方案，怎么回答比较好，全面具体的描述一下**

**A：在前端面试中，如果被问到CSRF（Cross-Site Request Forgery，跨站请求伪造）的原理和解决方案，您可以这样回答：**

**CSRF原理：** CSRF攻击是一种网络攻击方式，它利用了网站对用户浏览器的信任。简单来说，攻击者诱导已登录的用户点击一个链接或访问一个页面，这个链接或页面中包含了向受信任网站发送请求的代码。由于用户的浏览器中已经包含了识别用户身份的信息（如Cookie），所以请求会带上这些凭证，服务器收到请求后认为是用户自愿发起的，从而执行了攻击者预设的操作。

**解决方案：**

1. **验证HTTP Referer字段：**通过检查请求的Referer字段，确保请求是从受信任的源发起的。
2. **使用Anti-CSRF Token：**服务器生成一个随机的Token，嵌入到页面的表单中，每次用户提交表单时都必须包含这个Token，服务器验证Token的有效性来防止CSRF攻击。
3. **双重Cookie验证：**要求请求中的自定义Header中包含特定的Cookie值，服务器验证这个值来确认请求的合法性。
4. **使用SameSite Cookie属性：**设置Cookie的SameSite属性，可以限制Cookie不随跨站请求发送，从而减少CSRF攻击的风险。
5. **自定义请求头：**在发送AJAX请求时，添加自定义的请求头，并在服务器端进行验证。

这些方法各有优缺点，通常需要结合使用多种策略来提高安全性。在实际应用中，最常见的做法是使用Anti-CSRF Token，因为它既有效又相对容易实现。

在回答时，确保您的描述既准确又易于理解，这样可以展示您对前端安全的深入理解和实际应用能力。

**Q：能详细说一下Anti-CSRF Token吗？**

**A：当然可以。Anti-CSRF Token，也称为同步令牌，是一种用于防止跨站请求伪造（CSRF）攻击的安全措施。其工作原理和实施步骤如下：**

1. **原理：**

- 当用户访问一个Web应用并进行敏感操作（如登录、表单提交等）时，服务器会生成一个唯一的、随机的Token，并将其嵌入到响应的页面中，通常是作为隐藏字段的一部分。
- 用户在提交表单或发起请求时，这个Token也会被发送到服务器。
- 服务器接收到请求后，会验证请求中的Token是否与用户会话中存储的Token匹配。
- 只有当Token匹配时，服务器才会处理该请求。如果Token不匹配或缺失，服务器会拒绝请求。

2. **实施步骤：**

- **生成Token：**用户每次打开表单页面时，服务器生成一个随机Token，并存储在用户的会话中。
- **发送Token：**服务器将Token作为表单的一部分发送给用户，通常是一个隐藏的输入字段。
- **验证Token：**用户提交表单时，Token随表单数据一起发送回服务器。服务器检查接收到的Token是否与会话中的Token相符。
- **响应请求：**如果Token验证通过，服务器执行请求的操作；如果验证失败，服务器拒绝请求并返回错误。

3. **优点：**

- **安全性：**由于Token是随机生成的，攻击者无法预测或生成有效的Token，因此无法构造有效的伪造请求。
- **用户透明：**对于用户来说，这个过程是透明的，不需要进行额外的操作。

4. **注意事项：**

- **Token的保密性**：Token必须保密，不能通过URL或日志泄露。
- **Token的绑定性**：Token应该与用户会话绑定，确保每个会话有其独特的Token。
- **Token的时效性**：Token应该有一定的有效期，过期后需要重新生成。

通过使用Anti-CSRF Token，可以有效地防止攻击者利用用户已经认证的会话来执行未授权的操作。

csrf攻击的原理和解决方案

> 加密市场3月份波动不断，比特币经历了两次还不错的回调，但是未持续下跌，在6w-7w之间不断震荡，反复无常。我3月份收益率39.40%，比特币涨幅10.49%，跑赢大盘。




先晒一下收益率。


![1712392838655.png](https://creatorblog.cn/static/img/e420efd3aec7702d7a071543afba939a.1712392838655.webp)

3月份虽然不及2月份收益率高，但是在大盘整体不断震荡的前提下，并没有捡钱的行情，所以这个收益率我还是很满意的。而且我3月份大部分时间都是几乎空仓的状态，有时会用合约做短线。

在3月份的前期，我大部分现货都获得了50%+的收益，所以在陆续出货获利。卖掉90%左右的现货，留了一点点（牛市不空仓）。

我出货获利的依据首先现货收益率都很高了，正常也应该卖掉获利了。然后就是嗅到了不安的气息，比特币频繁插针，并且4月份是众所周知的比特币减半月份，从历史上看，每次减半月份前后行情都比较动荡大涨大跌。

很多人在讨论“刻舟求剑”的事情，就是历史上曾经发生的事情，不一定在接下来的时间会继续发生。但是，但是，但是，现在问你一个问题，你手里有10个比特币，价值70w美金，然后马上要减半了，你翻看了一下历史K线，每次到了减半前后，都是跌大于涨。你敢赌吗？

即使你敢赌，那些手里有大量筹码的交易员和机构也不敢赌，因为这种赌没有意义，而且风险很大。为什么不现在获利了结，而要拿着不菲的浮盈去赌呢。

所以，这就是所谓“刻舟求剑”的依据，因为人们会参照历史数据来规避风险。没有人规定到了减半必须跌，但是历史数据看就是跌的概率大，那这些玩金融的人就会拿这些数据做参照，导致一直在发生“刻舟求剑”的事情。


![image.png](https://creatorblog.cn/static/img/4778f428132c90347a86d2c9c5320b20.image.webp)

3月份整体市场分析下来，比特币历经两次回调形成M形态，4月份的前景很不明朗；然后“老二”以太坊经历了重要的升级更新“坎昆升级”，但是以太坊生态依旧乏力；而以太坊的“友商” SOL则一路高歌猛进，凭借其链上的“金狗”频出，SOL及其生态下的优质代币，都走出了一波不俗的行情；3月份前期的Meme币经历了疯涨时期，争抢着霸占涨幅榜。

以太坊在3月份表现乏力的原因有很多，比如“坎昆升级”不及预期，链上并没有出现如雨后春笋般涌现的应用活动。然后以太坊的现货ETF难产，5月份通过的几率几乎为0，甚至很多机构都主动撤回了其ETF的申请。


关于SOL在3月份的表现，我在之前的博文也有分析过，主动就得益于其链上的Meme预售潮，SOL的链上技术并没有发生更新，所以理智追高SOL，这种Meme潮来的快，去的也快。但是我对SOL突破历史新高持开放态度，甚至在大盘走好的前提下，$300+问题不大。

所以在选公链上的生态代币时，原则是一定要买公链GAS币强的，这里的强，有流动性、技术更新、热度等要素。如果公链的GAS币巨弱，其链上生态代币不会好到哪儿去。


![image.png](https://creatorblog.cn/static/img/d42e0ac39501c7358ece51f87fe42e7c.image.webp)

然后就是市场的Meme在3月份前期也走出了一波不俗的行情，几乎所有有热度的Meme都经历了几倍的涨幅。我之前是对Meme的看法是一点都不碰的，因为众所周知Meme是没有任何实际的应用意义的。但是我听了一些行内人士的分析，国外的人对于Meme是痴狂的，所以Meme的造福神话是最多的。业内一句经典名言就是“价值投资一场空，搜哈Meme住皇宫”。所以代币有什么实际意义真的重要吗？热度和流动性才是支撑代币价格的重要因素。所以后续我可能在下次建仓的时候，也会考虑分给Meme一些，但是原则是买新不买旧，买热不买冷，然后不要拿太久，进和出都麻利一些，然后仓位不要重。


![1712396405008.png](https://creatorblog.cn/static/img/f6eb5e117f7fd4fc43be19ed28ae92b2.1712396405008.webp)


![1712396432245.png](https://creatorblog.cn/static/img/33e54612d4e31b0b40482c628adcccb8.1712396432245.webp)

我对4月份的预期仍然是不断震荡，我会在震荡过程中在一些预选的山寨币价格在相对低位的时候陆续建仓，但是一定不满仓。密切关注美股的走势，不得不承认，在比特币现货ETF通过后，美股的走势很影响比特币的走势。然后可以关注美股两个比特币的标的，Coinbase 和 MicroStrategy，一个是美股唯一一家上市的交易所，一个是美股上市公司的比特币梭哈哥。

加密市场3月份收益总结

欢迎来到我的博客，这里是我分享前端、web3、理财、互联网等方面的知识和心得的地方。我是一名热爱编程的前端程序员，我希望通过我的博客能够帮助更多的人学习和进步。在这里，你可以找到最新最实用的前端技术教程，了解最前沿的互联网动态和趋势，掌握最有效的理财方法和策略。我也会不定期地发布一些个人项目和作品，展示我的创意和能力。如果你对我的博客感兴趣，欢迎你留言、评论、收藏、关注，也可以通过邮箱或社交媒体与我联系，交流学习和合作。谢谢你的支持！