GreyFlowers

# 一、前言 实际上在投这家公司之前，我对于电动车或者是车这一块实在是没有了解过，也没有兴趣去了解，以至于在后面反问的阶段他问我关于电动车的看法我都支支吾吾讲不出多少。 不过一面面试官还是非常好非常好的，有开摄像头，整个人的语气听起来就是一个很和蔼的大哥哥（点名批评古茗面试官），以至于全程都是跟聊天一样，氛围很轻松，因此发挥的也比较好。 二面面试官更多是比较严肃的提出一些对于项目、博客之类的一些问题，以及分享一些经验，人也是比较好的。 HR 面基本都是问一些关于我自己个人的信息，以及询问对于蔚来这家车企的了解等等。偏向纯聊天，在这里暂且不记录了。 目前蔚来 NIO 已经 OC，准备收拾行李出

# 一、前言 先吐槽一下古茗这个团队的一些事情。 实际上在这次面试之前，古茗的前端团队 leader 给我打过一次电话，跟我说明了一些他们前端技术团队的一些状况。 经常有逛掘金的同学应该有经常性的看到过古茗前端团队写的一些技术性的文章，或是一些技术经验的总结，或是对于新技术的研究与探索。它们的整个前端团队是以 学术氛围浓厚 而著称的。据 leader 介绍，他们对于一门技术的研究采用类似于 研究生课题 的模式，也就是针对一门选题，从各个维度去分析这门技术的某个方面的实现原理、使用场景等等，最终由 leader 汇总成一门报告的形式，再进行加工就成了一篇篇的文章。 简而言之，技术氛围浓厚、学术探

# 一、前言 先说一下结果吧 —— 一面秒挂。 这个是我暑期实习的第一次面试，为啥过了这么久才发？当然是我的面试都结束了，现在终于可以抱着轻松的心态复盘一下了！！ 我个人感觉自己确实是有很多的不足的地方，对于 Promise 的相关知识以及算法的部分掌握的实在是太不牢固了。在这里先记录一下吧。 # 二、题目列表 上来老三样，自我介绍 + 询问实习时间地点要求 + 询问我的项目经历。由于我在简历里面写了挺多竞赛相关的项目，让他误以为我是一个超级全能的全干工程师，然后就让我挑一个比较有难度的项目来讲。 于是我就挑了一个目前正在参与的开源项目：Create-Neat，并详细讲了一下我当初负责的

最近面试一直被问这个东西都快被问麻了，想着去总结一下 Vue2 和 Vue3 的区别，以便更好地将它们进行横向对比。 # 主要区别 性能提升： Vue3 在性能方面有了显著的提升，主要得益于新的响应式系统。Vue3 使用了 Proxy 对象来实现响应式，相比于 Vue2 的 Object.defineProperty，在大型应用中能够更高效地追踪状态的变化。 Composition API： Vue3 引入了 Composition API，这是一个新的 API 风格，使得组件的逻辑可以更好地组织和重用。相比于 Vue2 的 Options API，Composition API 更

准确地说，JS 中没有 类 的概念，有的只是 构造函数 和 原型链。不过，我们可以通过构造函数和原型链来实现类似于类的继承，并且可以玩出很多花样、实现不同的特性。 # 原型链继承 直接把要继承的构造函数的 prototype 指向一个实例化的父类对象即可。 function Animal(name) { this.name = name;}Animal.prototype.speak = function () { console.log(this.name + " makes a noise.");};f

# Prisma 是什么？ Prisma 是一个开源的下一代 ORM（对象关系映射器），它在 Node.js 和 TypeScript 生态系统中非常流行。它不仅能帮助开发者以更简单、更安全的方式构建数据访问层，而且还提供了强大的类型安全特性，使得在 TypeScript 环境中尤其得心应手。 Prisma 主要由以下几个部分组成： Prisma Client：这是一个自动生成的数据库客户端库，可以让你以类型安全的方式执行数据库查询。这意味着它能提供编译时的错误检查和智能代码补全，极大提高了开发效率和代码的可靠性。 Prisma Schema：这是一个用于定义你的应用程序数据模型和配置如数据

# 正则表达式是什么 正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript 中，正则表达式也是对象。这些模式被用于 JavaScript 的 RegExp 方法中，例如 test() 和 exec() ，以及字符串的 match() 、 replace() 、 search() 和 split() 方法。 # 创建正则表达式 正则表达式可以通过两种方式在 JavaScript 中创建： 字面量：使用两个斜杠包围的模式。 let regex = /ab+c/; 构造函数：使用 RegExp 对象的构造函数。 let reg

# 前言 有读过我前面写的一些文章的同学，应该知道我最近是一直在致力于 Nest 这款框架的学习。最近刚跟着一些教程以及官方文档把 Nest.js 中的一些 API 熟悉了一下，也跟着稍微做了一些和 orm 框架的集成，顺便搭了一些 demo 小项目。一路跟下来的我基本没遇到什么特别困难的点。于是想着趁着手感还在，先把我前阵子立的项 ——Picals 的后端给赶紧开工了先。 当我跟着以前做的 demo 一步步走的时候，我发现我多了一个需求： 自定义异常 。在这个项目中，我打算引入自定义异常状态码，不仅仅局限于 nest 框架内部的异常处理，我也想要在正常执行逻辑的同时，遇到用户的一些不当操作能

说起数据库设计，这边就暂且按照我的个人习惯进行，即： 先分析需要多少个实体 再分析这几个实体之间的关系 写出所有的表及其字段 分析是否要加触发器以及存储过程 此处的设计是基于 TypeORM 的生成逻辑基础进行分析的。 # 模型图 现阶段（V0）版本的数据库设计模型图如下： # 数据表分析 # 数据实体 按照前面所作的功能设计以及原型图绘制，可以将本项目所需的数据实体分析罗列如下： 用户（User） 标签（Label） 插画家（Illustrator） 插画（Illustration） 图片（Image） 历史记录（History） 收藏夹（Favorite） 评论（Comment）

目前的第一版原型设计图已经基本绘制完毕，想要查看详情的同学可以通过链接 Picals 原型图设计 进行详情查看。 上述的基础功能基本分析完毕，以下进行基础的界面设计描述。 很大部分参考了 Pixiv 和 ant-design，收藏夹及历史记录界面参考了 b 站。 主要的页面设计大致可以分为： 登录、注册页 首页 关注用户新作页 探索页（作品推荐 + 作者推荐 + 最新发布） 作品上传页 上传成功页 搜索结果页（作品 tag、作者名） 作品详情页 原作者插画列表页 个人中心页 我发布的作品 我喜欢的作品 我收藏的作品 我关注的用户列表 我的粉丝用户列表