boy快快长大-CSDN博客

原创【小兔鲜】day01 项目、Vue3介绍、组合式API、小案例

通过一个Counter案例体验Vue3新引入的组合式API。（下一代前端工具链），为开发提供极速响应。是Vue官方新的脚手架工具，底层切换到了。使用create-vue创建项目。

2025-03-30 23:20:33 334

Vue Router 需要 Vue.use(VueRouter)，但它是在 router.js 里注册的，所以 main.js 里不需要再 Vue.use(router)。目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。里传入 router，Vue 就会自动绑定路由，不需要额外 Vue.use(router)。Vant 组件库等插件需要 Vue.use(Vant)，否则组件无法使用。在 Vue 2 中，不需要显式调用。

2025-03-29 16:54:42 1022

原创【VUE】day07 路由

它允许你在不重新加载页面的情况下，动态切换视图和组件，同时保持 URL 的同步。它允许你在不重新加载页面的情况下，动态切换视图和组件，同时保持 URL 的同步。例如，父路由 /user 中嵌套子路由 /user/profile，子组件会渲染在父组件的中。是 Vue Router 提供的核心组件之一，用于渲染匹配当前路由的组件。是一个占位符组件，会根据当前路由路径（URL）自动渲染匹配的组件。嵌套路由允许在父路由中定义子路由，用于构建复杂的页面结构。是一个占位符组件，用于渲染当前路由匹配的组件。

2025-03-24 23:39:23 844

原创【VUE】day06 动态组件 & 插槽 & 自定义指令 & ESlint

1. 动态组件1.1 通过不同的按钮展示不同的组件1.1.1回顾`@click`1.2 keep-alive的使用。

2025-03-23 12:23:35 963

原创 nebula graph传统使用Docker进行项目发版

赋予容器特权模式，允许容器访问宿主机的所有设备，适用于需要高权限的应用（例如运行 Docker 内嵌 Docker，或者访问宿主机硬件）。9300:9300：宿主机的 9300 端口映射到容器的 9300 端口（用于 Elasticsearch 集群通信）。9200:9200：宿主机的 9200 端口映射到容器的 9200 端口（通常用于 Elasticsearch）。59647:9669：宿主机的 59647 端口映射到容器的 9669 端口（用于 Nebula Graph）。

2025-03-22 17:43:42 967

原创【VUE】day05-ref引用、购物车案例

里面存储着对应的DOM元素或组件的引用。每个vue的组件实例上，都包含一个。，获取DOM元素或组件的引用。ref用来辅助开发者在。

2025-03-19 12:41:08 357

原创【VUE】day04-组件的生命周期、组件之间的数据共享、ref引用

props的值赋值给cout。

2025-03-16 23:41:01 762

原创【VUE】day03-vue过滤器、计算属性、vue-cli、vue组件

message 的值是：{{ message | capi }}</p></div><p>message 的值是：{{ message | capi }}

2025-03-15 19:58:08 686

原创【VUE】day02-vue基本使用、调试工具、指令与过滤器

Vue（Vue.js）是一个用于构建用户界面的渐进式 JavaScript 框架，其核心设计理念是“自底向上逐层应用”，既能作为轻量级库增强现有项目，也能发展为功能完备的单页应用（SPA）框架。

2025-03-09 22:18:14 448

原创 Linux: 已占用接口

ss - tulnp🔹 ss 比 netstat 更快，占用更少资源，适用于现代 Linux 发行版（如 CentOS 7+、Ubuntu 20+）。

2025-02-26 23:09:29 438

原创【Elasticsearch】同一台服务器部署集群

分片（Sharding）概念：分片是指将数据拆分成多个部分，并分别存储在不同的服务器或节点上，从而实现数据水平扩展（scale out）。特点数据拆分：每个分片存储不同的数据子集，不同分片之间的数据通常不重复。提高可扩展性：当数据量过大时，可以通过增加分片来分担存储和查询压力。减少单点瓶颈：每个分片可以独立处理查询，提高整体性能。示例假设有一个包含 1 亿条用户数据的数据库，直接存储在一个节点上会导致性能瓶颈。

2025-02-22 16:16:05 789

原创一台服务器将docker image打包去另一天服务器安装这个镜像

p 7001:7001：映射端口（如果有不同端口需求，可修改）–name nebula-graph-studio：容器名称。后面的是 docker image。xxx.tar 是打包好的文件。

2025-02-19 21:31:00 386

原创 SpringBoot中集成SaToken

这段代码定义了一个 SaTokenInterceptor 类，它是一个 Spring MVC 的拦截器，用于处理权限认证。拦截器的功能是确保只有已登录的用户能够访问某些受保护的资源。2.SaTokenInterceptor 类的声明。application-dev.yml的配置。4.preHandle 方法：请求前权限认证。当然配置了权限肯定也要配置拦截器。saToken的pom依赖。3.成员变量：权限开关。

2025-02-16 19:31:25 565

原创 final static Map 与static 代码块加载的顺序

方法的调用顺序依赖于 Java 类的初始化流程。类被加载到 JVM 中。已经初始化完毕，返回。

2025-02-16 19:02:54 380

原创合并多次commit记录

如果没有冲突，或者冲突已经解决，会弹出窗口，让你注释掉一些提交记录，这里是让我们编辑自己合并的这些记录的概览，如：完成了什么功能，按照实际情况填写。需要把 pick 改为 s 或 squash，需要留第一个，第一个不要改，意思是下面的 commit 记录都合并到第一个上面去。也可以指定合并某个版本之前的版本：git rebase -i 00c7d7ff 但不包含 00c7d7ff，至合并他之前的。保存退出，按下 esc 再按：然后输入 wq 或 x 保存。在log中可以看到有多次commit 记录。

2025-02-16 18:47:53 570

原创 git pull 与 git pull --rebase的区别与使用

命令是git fetch+git merge，当你和你的同时同时在操作一个分支，并且修改的代码也有交集，那么你push的时候就会被reject然后你执行git pull,但是由于你提交的代码和你的同事代码存在相同的祖先，那就git pull 就会自动生成一个commit记录并且会创建一个merge记录(如下图)。然后我修改了代码，但是我在提交前我需要进行pull，这时候我们就用git pull --rebase。而我们要做的就是把自己的提交挂在同事的提交之后，这时我们要做的就是使用。

2025-02-16 15:59:15 573

原创 WebMvcConfigurer 介绍

WebMvcConfigurer 是 Spring Boot 中用于扩展 Spring MVC 功能的接口，可以用来自定义 Web 相关的配置，例如：✅ 跨域（CORS）配置✅ 拦截器（Interceptor）✅ 静态资源映射✅ 消息转换器（Message Converter）✅ 视图解析器（View Resolver）✅ 参数解析它的主要作用是在不改变 Spring Boot 默认行为的情况下，提供灵活的扩展能力。

2025-02-16 14:53:03 1247

原创【VUE】day01-前端工程化与前端工程化与webpack

① 新建项目空白目录，并运行 npm init –y 命令，初始化包管理配置文件 package.json。③ 新建 src -> index.html 首页和 src -> index.js 脚本文件。⑤ 运行 npm install jquery –S 命令，安装 jQuery。⑥ 通过 ES6 模块化的方式导入 jQuery，实现列表隔行变色效果。② 新建 src 源代码目录。④ 初始化首页基本的结构。

2025-02-15 22:50:14 407

原创 @JsonRawValue 注解

例如，content字段中的JSON字符串可能包含双引号和反斜杠，这会在序列化时被转义成"、\等，而加了@JsonRawValue注解后，这些特殊字符就会直接输出，保持原样。在实际开发中我遇到这样一个问题，查询数据库的结果返回的content内容是含有转移符的JSON字符串，但是我需要返回的不包含转移的String字符串。是Jackson框架提供的一个注解，用于标记一个字段的内容应该原样输出，而不进行额外的转义或处理。加上这个注解后，返回的结果就变成这样了，解决了问题。

2025-02-13 17:56:11 500

原创【JavaScript】Day01

一种运行在客户端(浏览器)的编程语言，实现人机交互效果。

2025-01-11 23:35:50 288 1

原创【CSS】第二天画盒子、文字控制属性

* font-size 属性必须有单位，否则属性不生效，默认文字大小16px */行高的测量方法：从一行文字的最顶端（最底端）量到下一行文字的最顶端（最底端）。属性名：line-height。属性名：font-family。作用：清除文字默认的倾斜效果。属性名：font-style。作用：设置多行文本的间距。

2025-01-05 21:21:01 641

原创【CSS】第一天基础选择器与文字控制属性

哈哈哈

2025-01-05 16:39:40 859

原创【HTML】Day02

作用：布局排列整齐的不需要规定顺序的区域。列表分类：无序列表、有序列表、定义列表。作用：布局内容排列整齐的区域。

2025-01-04 15:55:45 625

原创通过Dockerfile来实现项目可以指定读取不同环境的yml包

我就指定了每次运行得jdk，是我们已经下载的docker image。

2025-01-01 18:55:35 714

原创【NebulaGraph】变化的多跳查询

【代码】【NebulaGraph】变化的多跳查询。

2024-12-30 21:50:28 432

原创【NebulaGraph】查询案例(六)

【代码】【NebulaGraph】查询案例(六)

2024-12-29 00:01:18 587

原创通过Docker Compose来实现项目可以指定读取不同环境的yml包

【代码】通过Docker Compose来实现项目可以指定读取不同环境的yml包。

2024-12-23 00:23:01 372

原创【Maven】基础(一)

虽然工作有段时间了，但是深感maven了解的不深入，所以这次开始深入的学习。课程地址: https://www.bilibili.com/video/BV1JN411G7gX?spm_id_from=333.788.player.switch&vd_source=240d9002f7c7e3da63cd9a975639409a&p=2// TODO

2024-12-19 23:51:30 522

原创 Docker：Dockerfile(补充四)

【代码】Docker：Dockerfile(补充四)

2024-12-19 00:10:06 475

原创 Docker：Docker Compose(补充三)

简化配置：通过使用 YAML 文件（通常命名为 docker-compose.yml），所有服务的配置可以在单个文件中进行管理，使得容器服务的配置更加集中和易于管理。服务（services）：代表容器本身，在 docker-compose.yml 文件中配置，每个服务可以使用不同的镜像。重复使用：Docker Compose 项目可以在不同的环境中重复使用，保证了开发、测试和生产环境的一致性。服务依赖管理：Docker Compose 允许用户定义服务间的依赖关系，确保服务的启动顺序符合依赖要求。

2024-12-18 23:23:22 1025

原创 Docker：目录挂载、数据卷(补充二)

【代码】Docker：目录挂载、数据卷(补充二)

2024-12-17 23:17:19 545

原创 Docker：镜像操作(补充一)

课程地址: https://www.bilibili.com/video/BV1Zn4y1X7AZ?spm_id_from=333.788.player.switch&vd_source=240d9002f7c7e3da63cd9a975639409a&p=7启动一个nginx，并将它的首页改为自己的页面，发布出去，让所有人都能用服务的停止查看应用的占用情况日志1.3 后台启动docker删除容器命令解释docker commit：这是用来从容器创建镜像的Docker命令。：这个选

2024-12-17 00:21:34 702

原创【NebulaGraph】mac通过Docker安装以及官方查询示例、以及索引详解还有数据构建案例(五)

示例语句,用户可以在 GitHub 的 features 目录内查看超过 2500 条 nGQL 示例。Nebula Graph 的 Java 数据解析实践与指导。如何安装Docker Desktop for Mac。Docker Desktop 汉化包。

2024-12-15 23:23:54 381

原创【NebulaGraph】官方查询语言nGQL教程1 (四)

查找从 “player100” 到 “player500” 的所有路径，路径步数最大为 3。用于对路径中使用的边或顶点添加条件过滤。语句查找指定起始点和目的点之间的路径。路径中使用 follow 边类型。

2024-12-08 23:21:09 952

原创【NebulaGraph】图模式与更多的示例nGQL语句(三)

在模式中，属性的表示方式为：用花括号括起一些键值对，用英文逗号分隔，并且需要指定属性所属的 Tag 或者 Edge type。示例为一个简单的数据结构：两个点和一条连接两个点的边，两个点分别为a和b，边是有方向的，从a到b。在图中指定边的长度来描述多条边（以及中间的点）组成的一条长路径，不需要使用多个点和边来描述。表示一条边，可以是有方向的，也可以是无方向的。和点一样，边也可以命名。多个点通过边相连是常见的结构，模式用箭头来描述两个点之间的边。模式除了简单地描述图中的点之外，还可以描述点的 Tag。

2024-12-08 11:23:18 757

idea配置tomcat

空空如也