祝你好运的技术博客

在功能开发告一段落之后，我在考虑想去看下前端有没有什么新技术可以学（AI的已经在学了）。忽然想到我们的Next.js版本好久没有升级了，也不知道有没有新版本，新版本会带来什么提升。然后我就去看了下，还真有新版本，而且提升好像还不小。

大家现在都用大模型，那大模型到底是怎么做出来的啊？他的核心原理到底是啥？比如我自己能不能搞个demo的大模型？带着这些问题，我们这次就要一探究竟。

现在的IT开发被AI冲击的特别厉害，尤其是前端，本身就没有特别高的技术门槛，而且也没有分的特别细（越细越深入的领域的技术门槛越高），所以我这样的前端开发，除了日常的AI工具使用，非常有必要学习一下AI的基本概念，知其然知其所以然，这样用起来不敢说事半功倍，但有一小半的效率提升还是没问题的，长年累月下来，带来的效率提升非常可观。

做了这么久前端，我对水合问题理解的仍然不够深刻，今天又尝试解决一个水合问题，加深了我对水合问题的理解。

如果你是一个开发者，那你肯定听过Cursor，当然你可能没有付费，尤其是你很可能没有选择年付，但我遇到的问题就是从月付改到年付

我们都知道Next.js在做SEO还有网页加载速度优化方面都非常好，我非常喜欢的功能就是代码的预加载，那我的网站为什么不用Next.js来做呢？

问题引入：在React里面，我们`setState`的时候，需要新生成一份state，如果这个state比较大，而且有嵌套，这种操作会变的很繁琐，也很容易出错，比如下面这个：

背景：在升级next.js过程中，遇到需要把已有的.less和.scss文件重命名为.module.scss。而项目比较大，文件比较多，如果手工改，就会非常费时，而且容易出错。所以就想通过脚本来做这些事情。

useCookieState是用来管理Cookie的，可以用hook的方式十分方便的来访问Cookie。

前两天在开发功能的时候，遇到一个需求，需要做一个吸在底部的输入框，当点击某个按钮的时候显示，当点击空白的时候收起。