Node + HTML搭建自己的ChatGPT [基础版] 本地搭建自己的`ChatGPT`系统全部流程了，尽可能的以最简单最基础的办法帮大家搭建自己的`ChatGPT`，过程会也已经尽可能详细，其中包括获取API密钥、搭建前后端项目具体步骤也是自己亲身试验过可行的，步骤也尽可能去繁就简。
项目管理体系 bugfix 分支：修复bug分支，在bugfix分支上修复bug，修复完成后合并到master分支和release分支。release 分支：主迭代分支，时刻保证是稳定可用的版本，周版本时需要保证与master 分支一致。代码提交必须通过CI流程，代码提交后会自动触发CI流程，CI流程通过后才能合入代码。用英文描述，尽量简洁，清晰，方便阅读，方便追踪。|–|–|- frontend 前端仓。|–|–|- build 编译构建仓。|–|–|- backend 后端仓。|–|–|- testing 测试仓。
神奇的TypeScript -- 进阶篇之实用工具类型 TypeScript作为一个强类型语言，TypeScript为我们也提供了很多实用工具类型，让我们可以以一种方便的方式来操作现有类型并从中创建新类型。他们可以帮助我们更轻松地描述常见类型转换，提高代码的可读性和可维护性。TypeScript的实用工具类型是预定义的类型函数，提供对现有类型的便捷转换和操作。可以轻松地创建新类型或修改现有类型，而无需手动编写冗长的类型定义。提高代码可读性: 提供简洁的语法来表达常见的类型转换，使代码更易于阅读和理解。
前端路由History 和 Hash模式的区别以及Vue项目打包后显示白屏，路由router-view不加载问题 什么是前端路由？前端路由有什么作用呢？前端路由又是如何实现的？常见的路由模式History和Hash又有什么区别呢？VueRouter又是如何实现的？我们的日常项目又该怎么使用呢？我们再来一次，这一次我们好好来~前端路由是指在单页面应用（SPA，Single Page Application）中，通过前端实现页面跳转和页面内容更新的一种机制。与服务器端路由不同，前端路由不需要重新加载整个页面，而是通过动态加载页面内容来实现页面的切换，从而提高用户体验和应用的响应速度。前端路由，简单来说，就是。
Node.js 和浏览器环境中都使用 WebSocket 浏览器环境本身就支持WebSocket，直接使用JavaScript内置的WebSocket对象来建立连接。Node中本身并内置WebSocket协议的支持，所以需要使用ws来实现WebSocket功能。
Javascript 位运算符(&，|，^，＜＜，＞＞，＞＞＞) 位运算是一种对二进制数进行操作的技术，常用于优化算法和处理底层数据。在JavaScript中，位运算符包括按位与（&）按位或（|）按位异或（^）左移（<<）右移（>>）无符号右移（>>>）。这些运算符可以对数字的二进制表示进行操作，实现一些特定的位级操作。例如，按位与运算可以用来提取特定位的值，按位或运算可以将特定位设置为1，按位异或运算可以进行位翻转等。通过合理使用位运算，可以提高代码效率和性能。
运维：在Linux上运行程序经常自动断开连接怎么办？Linux: SSH连接时，窗口关闭，会话不终止 运维：在Linux上运行程序经常自动断开连接怎么办？Linux: SSH连接时，窗口关闭，会话不终止
什么是跨域？怎么解决跨域？为什么使用中间服务器就行？ 跨域指的是在Web开发中，当一个网页的脚本试图访问不同域（域名、协议或端口）的资源时，就会发生跨域问题。同源策略（Same-Origin Policy）是浏览器的一种安全机制，限制了一个网页从一个源加载的资源如何与来自另一个源的资源进行交互。跨域问题通常会导致浏览器阻止跨源请求，以防止恶意网站利用用户的信息或执行恶意操作。为了克服跨域问题，可以使用CORS（Cross-Origin Resource Sharing）机制来允许跨源请求，确保安全地进行跨域数据传输和交互。
神奇的Vue3 - Pinia Pinia的 API 更简单、更直观，使得使用存储变得轻而易举。另外Pinia的结构与Vue的类似，因此更容易上手。响应式状态管理Pinia的状态可以直接在操作中进行更新，从而减少了冗余代码。与 Vuex 不同，Pinia 不再需要显式的提交mutation。Pinia是模块化设计的，允许创建多个存储库，这些存储库可以直接在需要它们的组件中导入。这样可以更好地进行代码拆分，并提供更好的TypeScript推断。
JavaScript数组操作方法全录 sort | filter | map | reduce 需要注意的是，对数组进行浅拷贝和深拷贝也是很重要的概念。浅拷贝会创建一个新的数组，但与原始数组共享相同的引用。而深拷贝则会创建一个完全新的数组，对新数组的修改不会影响原始数组。
CSS想用两种不同单位计算怎么办？CSS的calc怎么用 calc()的主要作用是在数值具有不同CSS单位时执行数学计算，尤其在响应式网页设计中非常有用。但需要注意的是，calc()不能操作CSS颜色值和其他类型的CSS值。目前，calc()在大部分的浏览器中得到支持，但在W3C的CSS值和单位模块3中，它被列为有可能在CR期间被删除的功能之一。浏览器在处理不同单位的计算时，会通过自动进行单位转换来确保计算结果的准确性。您可以在表达式中的每个操作数中使用不同的单位。calc()函数接受一个表达式作为参数，表达式的结果将用作CSS属性的值。+：将指定的操作数相加。
为什么元素显示的样式跟我设置的不一样？CSS优先级详解 在CSS中，选择器优先级是指确定应用于元素的最相关CSS声明的算法。这个优先级决定了哪个样式规则将被应用到元素上。根据选择器的类型和特定性，CSS规定了不同的优先级，例如ID选择器比类选择器具有更高的优先级。在CSS中，选择器的优先级决定了最终应用到元素的样式。
关注
