2301_79982845的博客

原创 我的小灶坑

但是后面我修改或者更换语言的时候这个样式没有我当初设置的好看了。因为我现在不是处于对这个项目的每个步骤都很熟悉的阶段。但是我在做项目的时候发现自己经常容易被细节的部分牵制。这个时候我心里的不是滋味逼迫着我恢复我心目中的样子。就算恢复了 但是投入了本该不属于这一步骤的时间。这个的前提是我已经实现过了一个比较好看的样式。这个过程真难受 我觉得我栽了不少时间在这。所以我希望我自己以后还是先把功能部分完成。但是如果时间长我就去图书馆了(っ。我心里的成就感也会大大减弱。在纠结于细节的地方吧。我想在宿舍的床上学习。

原创 tailwind无法正确引入到React项目里

我的tailwind样式无法在React项目里正常显示，选择兼容的版本就可以啦

原创 ADHD时间感知组件

时间感知组件！已上传Gitub地址。

原创 【无标题】

初次接触RPC这里对rpc进行一些简单的介绍和了解

原创 SSH协议的GIT转换

Github提交的时候使用SSH协议。

原创 流水记 git 操作

git操作的小笔记，

原创 力扣30.串联所有单词的子串

如何在豆包AI的帮助下通关力扣困难题。

原创 水波纹按钮 页面样式

【代码】水波纹按钮 页面样式。

原创 力扣14.最长公共前缀

【代码】力扣14.最长公共前缀。

原创 mysql -u root -p 数据库名 ＜ 存放sql文件的路径

这些linux命令是需要专门学习的吗？目前有机会还是整理完常见的再说吧、

原创 SQLite介绍【让我看看怎么个事】

SQLite是一个轻量级嵌入式关系型数据库，无需服务器配置，将整个数据库存储在单一文件中。它具有零配置、跨平台、支持ACID事务等特性，核心库体积小，适合移动应用、嵌入式设备和小型工具。SQLite支持标准SQL操作，但不适合高并发或多用户写入场景。对于个人项目如灵感箱网站，SQLite可通过简单文件操作实现数据存储，是轻量级开发的理想选择。随着需求增长可迁移至MySQL等服务器型数据库。

原创 go get 命令失败

go get命令出错的一个解决方案，一般是网络问题，我在这里通过。更改他的网络配置，使得go get命令可以成功的执行。其实就是重新配置了一下代理。

原创 React中的useNavigate钩子

在React中，useNavigate是React Router v6中引入的一个钩子，用于替代旧版本中的useHistory钩子。useNavigate提供了一种命令式的方式来编程式地进行导航，例如在事件处理或者效果（effects）中跳转到不同的路由。要使用useNavigate，你需要从react-router-dom中导入它，并在组件内部调用它以获取导航函数。这个导航函数接受一个目标路由作为参数，并可选地接受一个配置对象，用于指定导航行为，如是否替换历史记录中的当前条目或传递状态给目标路由。

原创 Navicat查询Mysql的数据库引擎是否是Innodb

Navicat是一款常用的数据库管理工具，它可以用来连接和管理多种数据库，包括MySQL。

原创 重构vite.config.json

对vite.config.json进行了重构，发现优化的性能一方面是组建的按需导入，另一方面是打包时的分割打包。

原创 图片上传 el+node后端+数据库

教大家如何使用前后端node后端去上传图片，然后使用的是element Plus这个组件库。还添加了文件处理中间件跟认证中间件。然后上传的图片呢是为存储在后端的public文件夹下面的。希望能够对大家有帮助。本人也是亲手教出来的，显得有些冗余。

原创 node后端-JWT认证

【代码】node后端-JWT认证。

原创 vue3+vite中使用path-to-regexp以及相关的报错问题

然后把package-lock.json和node_modules都删掉。修改一下package.json的文件夹里的express版本。目前都稳定使用，还是降级好使！毕竟我没有使用到正则表达式啊！一点正则的报错都没有了。

原创 ElementPlus轻量级导入【优化】

unplugin-auto-import和unplugin-vue-components。unplugin-vue-components/vite：实现组件的按需导入！unplugin-auto-import/vite：实现CSS的按需导入。3. 我的超大体积图片没有参与gzip的压缩！（得压缩一下webp？2. element-plus的体积也缩小了。同时在dist目录中搜索别的组件也不存在啦！1. 打包时间缩短为三分之一。

原创 slot=“trigger“ 覆盖了组件内部的 ref=“trigger“【详细来龙去脉版 5min】

插槽和refs的恶心Bug

原创 html js express 连接数据库mysql

参考文档： HTML、JavaScript连接My SQL数据库以及对数据库的表进行修改_html连接mysql-CSDN博客

原创 Nextjs官方文档异疑惑

从你提供的文件结构来看，这是（采用app路由器架构）的项目，和传统pages路由器的目录结构不同。

原创 Vue的watch和React的useEffect

参考文章：https://zhuanlan.zhihu.com/p/686329898

原创 程序员之身体健康-久坐的危害

久坐会使心情变得焦虑，原因主要有以下几个方面：

原创 Vue和JSX的对比

对比 Vue 与 JSX - 豆包。想要记忆还是要付出行动，多练习！总之我觉得写的非常好呀。

原创 React和Vue语法的Comparison

原创 react的条件渲染【简约风5min】

返回的内容取决于谁决定了&&和||。

原创 【无标题】

目前的包管理器我知道的有npm、pnpm、yarn、cnpm这些，cnpm就是国内的一个镜像源，然后速度比npm相对来说快一点。但是npm仍然是性能相对差的，一方面是每次都需要重新下载整个模块，需要重新发起请求，没有任何的缓存；emmm我目前的理解是devd和d的区别是：d放的是项目最主要的核心依赖的对象，比如说react，express、tsc等，因为我们依赖这个实现最核心的功能，然后devd是编译工具，测试库还有打包啥的吧，就比如说webpack，storybook这些。写好组件之后记得引入。

原创 组件库项目1：封装Button组件

先看一下目录，然后我们主要修改三个文件夹：Button文件夹和全局文件夹下的index.tsc 然后是index.css 可以给全局设置样式。也没有我想的那么难啦！不就几个小时的事嘛~一个简单的Button组件就完成啦！

原创 计算机网络大二期末考试资料

链接: https://pan.baidu.com/s/1uqfRcc51mvYb3wuymkQqew?pwd=6fq3 提取码: 6fq3。--来自百度网盘超级会员v2的分享。通过网盘分享的文件：计网。

原创 手写图片懒加载

【代码】手写图片懒加载。

原创 字节一面凉经6.30

const result2 = text2.replace(/我的名字是(.*?)，年龄是(\d+)/, '姓名：$1，年龄：$2岁');replace函数的第一参数是regex，也就是正则表达式，第二个参数是输出的结果，携带捕获的内容。// 姓名：张三，年龄：25岁。const text2 = "我的名字是张三，年龄是25";1.行内块元素和块元素的区别（你就说这有啥好问的吧）先排序然后双指针！5.数组中两数之和为target。4.md文档转为html语言。// 示例2：多个捕获组。

原创 HTTP中常见的Content-Type

例如，如果响应的Content-Type设置为。（response），服务器会设置Content-Type来告知客户端响应体中的数据格式，使得客户端能够正确解析和渲染内容。例如，如果服务器响应的Content-Type为。反之亦然，如果内容是JSON数据，但Content-Type设置为。通常需要设置Content-Type，以告知服务器请求体中的数据格式，使得服务器能够以正确的方式处理它。因此，无论是发起请求还是响应请求，都应确保Content-Type的准确性，以确保数据的正确传输和处理。

原创 JS中判断数据类型的方法

在JavaScript编程中，正确地判断数据类型是非常重要的，尤其是在处理不同类型的数据时，或者在进行类型检查以确保代码的正确性。这个运算符考虑了原型链，因此可以用来判断一个对象是否属于某个特定的类或其父类。总结来说，JavaScript提供了多种方法来判断数据类型，每种方法都有其适用场景和限制。在实际编程中，我们应该根据具体的需求选择合适的方法来进行类型判断。这个方法可以准确地判断所有类型的数据，包括基本类型和引用类型。属性，指向它的构造函数。通过检查这个属性，我们可以确定一个对象的具体类型。

原创 Vue中keep-alive结合router实现部分页面缓存

data表示数据 方法的状态和数据保持一致 如果$data有了，那么方法也可以调用了。created` 阶段已有 `$data`，`mounted` 阶段才有 `$el。我的这个page页面如果选中了，然后跳转到别的页面再回来发现选中的内容消失。注意：当使用正则表达式或数组时，务必使用 v-bind（就是冒号开头的属性）（以为字符串，数组，以及正则表达式，任何匹配的组件都不会被缓存）（可以是字符串、数组或正则表达式，任何匹配的组件都不会被缓存）（类型为字符或数字，可以控制缓存组件的个数）

原创 前端面试题：干八股文之浏览器渲染过程

我打算记住小标题：1.构建DOM树（字节流->字符流，对字符流进行标记化操作，构建DOM节点，构建DOM树）2.构建CSSOM树3.构建渲染树合并两棵树 然后过滤不可见节点4.布局Layout阶段5.绘制Paint阶段

原创 watch、watchEffect和computed函数的区别

watch函数 参数 监视对象+side-effect函数wactchEffect函数 只需要副作用函数就可以了对比一下计算属性computed：

原创 Vue的watch函数实现

这样在解构赋值时能够保持响应性。这个响应性到底是什么意思俺也不知道。在 Vue 3 中，

原创 跟着chrome面板优化页面性能

然后修改vite.config.js文件 导入compression插件。发现我的lighthouse评分还是没有修改诶，先作罢了。评分好像还是没有发生改变，于是我去找别的压缩的途径，现在是在修改echarts的图片 实现按需导入。文件夹中也成功出现了gz后缀的文件。

原创 感觉项目每次都得npm install

先删除掉一些缓存 pnpm store prune。本来这次行的，下一次又不行了 我真的不理解了。再安装新的内容 pnpm install。