- 博客(30)
- 收藏
- 关注
原创 2024 年,教你用 VuePress 创造属于自己的「面试八股文」手册
近几日想将自己的知识体系【技术栈】梳理成文档(文档在手,Offer 我有),方便日后复习所积攒的知识。但我又不想使用Halo再搭建一个同样的博客,那样太乏味了。「最佳实践」如何用服务器优雅地搭建个人博客网站我对比了网上几种不错的静态网站生成器后,发现使用VuePress搭建知识体系框架很合我的胃口!👑想想有朝一日要面试的时候,与其从网上拉取各类「面经手册」,还不如就从现在起,搭建一个属于自己的「面试八股文」知识体系框架。VuePress 的诞生初衷是尤大大为了支持 Vue 及其子项目的文档需求。
2024-10-31 10:09:22
790
原创 点亮你的 Vue 技术栈(六):Vuex 初体验「上手指南」
抛开 Vuex 不谈,实现**组件间的数据共享props$emiteventBus为什么还要"多此一举"地开发 Vuex 呢?想象一下,如果你的项目里有很多页面,页面间存在层层嵌套关系,且它们都共享同一个状态,那么当来自不同视图的行为需要变更同一个状态时,我们常常需要采用父子组件直接引用或通过事件变更,而这些方式都非常脆弱,通常会导致无法维护的代码。于是,我们想把组件之间的共享状态抽取为全局状态,不论组件身在何处,都可以直接获取。这时候,Vuex 就诞生了!Vuex 是终极的组件之间的数据共享方案。
2024-10-31 10:07:58
1052
原创 点亮你的 Vue 技术栈(五):带你玩转 Vue Router 路由管理
单页面应用就是用 Vue.js + Vue Router 创建的,我们只需要将组件 Component 映射到路由 Routes,然后告诉 Vue Router 在哪里渲染它们即可。可以在浏览历史中前进和后退,n 小于 0 后退,n 大于 0 前进,n 等于 0 刷新当前页面。,页面一片空白,若要页面一开始就呈现 Home Page 页面,则需要使用路由重定向。路由懒加载的好处:当访问到某个页面才去加载相关资源,提高页面的访问速度。为了简化路由参数的获取形式,vue-router 允许在路由规则中开启。
2024-10-31 10:06:52
1033
原创 点亮你的 Vue 技术栈(四):深入学习贯彻「组件化开发」思想
组件化开发指的是:根据封装的思想,把页面上可重用的部分封装为组件,从而方便项目的开发和维护。仔细想想,几乎任意类型的应用界面都可以抽象为一个组件树。👑如下图所展示的效果,契合了组件化开发的思想,用户可以通过拖拽组件的方式,快速生成一个页面的布局结构。感兴趣的可以去体验下拖拽组件的快感:http://www.ibootstrap.cn/可为props属性指定自定义验证函数,实现更加精确的校验。
2024-10-28 15:27:58
735
原创 点亮你的 Vue 技术栈(三):「入门续文」 & 「生命周期」
在每个 vue 组件中,可以在directives节点下声明私有自定义指令。< template > < div > < span v-color = ' color ' > 自定义(私有)指令 v-color < br > < span v-color = " ' green ' " > 自定义(私有)指令 v-color < br > < script > export default {data() {
2024-10-28 15:26:35
844
原创 点亮你的 Vue 技术栈(二):超好用的修饰符
在 Vue 中利用好修饰符这个角色可以大幅提高我们的开发效率,下面给大家介绍一下 Vue 中超好用且常用的修饰符。
2024-10-28 15:25:59
350
原创 点亮你的 Vue 技术栈(一):Vue 骨灰级入门
随着前端技术的不断发展,前端开发能够处理的业务也越来越多,网页也变得越来越强大与动态化,这些进步始终离不开 JavaScript 代码,它连接着各式各样的 HTML 与 CSS 文件,但是缺乏正规的组织形式。所以衍生出了许多JavaScript 框架: Vue、React、Angular!易学易用:只需学会 HTML、CSS、JavaScript 三件套即可快速上手高效:运行速度快,轻量级框架响应式与组件化开发:实时监听数据;组件复用⭐官方简介Vue(读音 /vjuː/,类似于view。
2024-10-28 15:25:17
514
原创 Vue 项目中用户登录及 token 验证的思路
在讲解 token 验证之前,我们先来聊聊vue-router的导航守卫与axios拦截器这两个知识点。vue-router 导航守卫所谓“导航”,即路由正在发生变化。可在路由跳转时完成一些操作,而全局前置守卫可以在路由跳转前对现在状态进行校验,例如验证用户的登录状态,若未登录则可以有效进行拦截。// ...})axios 拦截器axios 拦截器又分为请求拦截器与响应拦截器,可在请求或响应被then或catch处理前拦截它们,即在前端页面向后端发送请求时触发进行拦截。// 添加请求拦截器。
2024-10-28 15:24:07
515
原创 Spring Boot(十四):你不知道的 CORS 跨域资源共享
CORS 需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,在 CORS 通信过程中,浏览器会自动完成,无需用户参与,所以要想实现 CORS 通信,关键是使得服务器支持 CORS 接口,便可跨源通信。
2024-10-28 15:16:13
638
原创 Spring Boot(十三):集成 JWT 设计 API 接口安全服务
JSON Web Token(缩写 JWT)是目前最流行的跨域认证解决方案,本文来认识下 JWT 并通过实践将其集成到 Spring Boot 项目中完成 API 接口安全服务的设计。
2024-10-28 15:14:10
2097
原创 Spring Boot(十二):Spring Boot 2.x 集成 PageHelper 分页插件
该文章仅记录如何在 Spring Boot 项目中引入PageHelper分页插件,若想在 SSM 中集成PageHelper🏆!
2024-10-28 15:13:28
939
原创 扫盲 `<dependencyManagement>`、`<dependencies>`、spring-boot-starter-parent & spring-boot-starter..
当我们的项目模块很多的时候,我们使用 Maven 管理项目非常方便,帮助我们管理构建、文档、报告、依赖、scms、发布、分发的方法。,这里保存了基本的依赖信息,另外我们也可以看到项目的编码格式,JDK 的版本等信息,当然也有我们前面提到的数据过滤信息。,也可以不继承自它,我们先来看第一种情况。,必须确保应用的各个项目的依赖项和版本一致,才能保证测试的和发布的是相同的结果。,我们的 Spring Boot 项目要继承自公司内部的。由于我们的模块很多,所以我们又抽象了一层,抽出一个。来管理子项目的公共的依赖。
2024-10-28 15:05:03
1057
原创 Spring Boot(十一):Spring Boot 整合 MyBatis
在项目启动的时候,Spring Boot Starter 会根据约定信息对组件进行加载、初始化。因此项目中引入了对于的 Starter 之后,就可以到达开箱即用的效果。当我们基于 Spring 使用 MyBatis 时,也同样要保证在 Spring 环境中能存在着这两大组件。注意:该依赖是由 MyBatis 官方整合 Spring Boot 并提供的,而非 Spring Boot 官方整合 MyBatis,所以。SQL 映射都基本配置好了,但数据库还没连接,于是在。至于 SQL 语句,我们可以采用。
2024-10-28 15:03:50
507
原创 Spring Boot(十):集成邮件发送功能
在 Spring Boot 项目开发中,或多或少会接触到邮件发送这个功能,若要在 Spring 项目中实现发送邮件,需要封装较为复杂的消息体,但在 Spring Boot 项目中仅需导入第三方依赖以及配置即可完成。本文以 163 邮箱为例演示邮件发送功能的实现,其他邮箱的配置大同小异。
2024-10-28 15:02:42
491
原创 Spring Boot(九):自定义 Starter
自定义,要求当导入 redis 坐标时,Spring Boot 自动创建 Jedis 的 Bean。pom.xml。
2024-10-28 14:58:37
957
原创 Spring Boot(八):单元测试
JUnit Platform 是在 JVM 上启动测试框架的基础,不仅支持 JUnit 自制的测试引擎,其他猜测是引擎也都可以接入。参数化测试是 JUnit5 很重要的一个新特性,它使得用不同的参数多次运行测试成为了可能,也为我们的单元测试带来许多便利。等注解指定入参,我们将可以使用不同的参数进行多次单元测试,而不需要每新增一个参数就新增一个单元测试,省去了很多冗余代码。: JUnit Jupiter 提供了 JUnit 5 的鑫编程模型,是 JUnit 5 新特性的核心。变量还是比较麻烦的。
2024-10-28 14:50:39
748
原创 Spring Boot(七):Swagger 接口文档
Swagger 是一款 RESTful 风格的接口文档在线自动生成 + 功能测试功能软件。Swagger 是一个规范和完整的框架,用于生成、描述、调用和可视化 RESTful 风格的 Web 服务。目标是使客户端和文件系统作为服务器以同样的速度(同步)更新文件的方法,参数和模型紧密集成到服务器。这个解释简单点来讲就是说,Swagger 是一款可以根据 resutful 风格生成的接口开发文档,API 文档与 API 同步更新,并且支持做测试的一款中间软件。
2024-10-28 13:57:15
2624
原创 Spring Boot(六):Actuator 项目监控
Spring Boot Actuator 可以帮助监控和管理 Spring Boot 应用,比如健康检查、审计、统计和 HTTP 追踪等。所有的这些特性可以通过 JMX 或者 HTTP来获得。
2024-10-27 14:36:40
2243
原创 Spring Boot(五):Spring Boot Deploy
JAR 包使用内置的 Tomcat,而 WAR 包则是将项目打包到外部的 Tomcat 上运行。至此,关于 jar 包部署到这里就结束了;至于 war 包(次要)这里就不再赘述了。文件中引入 web 依赖,其中有内置的默认的 Tomcat 服务器;接着点击 package。
2024-10-27 14:35:44
195
原创 Spring Boot(四):Web 开发
Spring Boot provides auto-configuration for Spring MVC that works well with most applications.(大多数场景我们都无需自己配置)The auto-configuration adds the following features on top of Spring’s defaults:If you want to keep those Spring Boot MVC customizations and make m
2024-10-27 14:34:53
639
原创 Spring Boot(三):yaml 配置文件
YAML 是 “YAML Ain’t a Markup Language”(YAML 不是一种标记语言)的递归缩写。在开发的这种语言时,YAML 的意思其实是:“Yet Another Markup Language”(仍是一种标记语言)。YAML 的语法和其他高级语言类似,并且可以简单表达清单、散列表,标量等数据形态。它使用空白符号缩进和大量依赖外观的特色,特别适合用来表达或编辑数据结构、各种配置文件、倾印调试内容、文件大纲(例如:许多电子邮件标题格式和 YAML 非常接近)。
2024-10-27 14:33:59
860
原创 Spring Boot(二):源码级剖析自动配置原理
注意:如下的类/注解是按照从上至下按照层次进行列举,是层层嵌套的关系!类都是容器中的一个组件,都加载到容器中,用它们来做自动配置。上述的每一个自动配置类都有自动配置功能,也可在配置文件中自定义配置。注解,这个注解是 Spring Boot 项目必不可少的注解,那么自动配置原理一定和这个注解有着千丝万缕的联系!结尾来命名的,它实际上就是一个 JavaConfig 形式的 Spring 容器配置类,它能通过以。配置文件中的所有自动配置类,并对其进行加载,而这些自动配置类都是以。
2024-10-27 14:33:04
985
原创 Spring Boot(一):基础入门
在 Spring Boot 中,Starter 是为快速应用开发提供“一站式服务”的依赖(Dependency)。Starter 使得开发人员在开始编写新的模块时不需要拷贝样板式的配置文件、编写样板式的代码,只需要提供最简单的配置即可开始编程。Spring Boot Starter 有两个核心组件:自动配置代码和提供自动配置模块及其它有用的依赖。
2024-10-27 14:30:13
587
原创 小白 の SSM 框架整合
SSM 基本的框架目录如下:3.2 AccountMapper3.3 AccountService3.4 AccountServiceImpl3.5 AccountController4. resources4.1 AccountMapper.xml要明白 与 之间的区别,详见博客:https://juejin.cn/post/68449040172696207444.2 applicationContext-spring.xml🔥 一般用于以下三处:4.3 applic
2024-10-27 14:29:00
709
原创 小白 の SpringMVC 学习笔记
SpringMVC 默认已经提供了一些常用的类型转换器,例如:客户端提交的字符串转换成 int 类型进行参数设置;但不是所有的数据类型都提供了转换器,没有提供的就需要自定义转换器,例如:日期类型的数据就需要自定义转换器。URL 请求@Overridetry {/*** 目标方法执行前*/@Overrideif(){...// 不拦截}else{...// 拦截/*** 目标方法返回前*/@Override。
2024-10-27 14:26:42
302
原创 小白 の MyBatis 学习笔记
MyBatis 是一个优秀的基于 java 的持久层框架,它内部封装了 JDBC,使开发者只需要关注 sql 语句本身,而不需要花费精力去处理加载驱动、创建连接、创建 statement 等繁杂的过程。MyBatis 通过xml或注解的方式将要执行的各种 statement 配置起来,并通过 java 对象和 statement 中 sql 的动态参数进行映射生成最终执行的 sql 语句。MyBatis 框架执行 sql 并将结果映射为 java 对象并返回。采用ORM思想解决了实体和数据库映射。
2024-10-27 14:23:19
362
原创 小白 の Spring 学习笔记
Spring是分层的 Java SE/EE 应用 full-stack 轻量级开源框架,以 IoC(Inverse Of Control:反转控制)和 AOP(Aspect Oriented Programming:面向切面编程)为内核。提供了展现层SpringMVC和持久层以及业务层事务管理等众多的企业级应用技术,还能整合开源世界众多著名的第三方框架和类库,逐渐成为使用最多的 Java EE 企业应用开源框架。AOP为。
2024-10-27 00:18:46
882
原创 Spring Cloud(一):Spring Cloud 的优势是什么?
我们从整体上来看一下 Spring Cloud 各个组件如何来配套使用。Eureka负责服务的注册与发现,很好地将各服务连接起来。Hystrix负责监控服务之间的调用情况,连续多次失败进行熔断保护。Turbine负责监控 Hystrix 的熔断情况,并给予图形化的展示。提供了统一的配置中心服务。当配置文件发生变化的时候,负责通知各服务去获取最新的配置信息。对外所有的请求和服务,我们都通过Zuul来进行转发,起到 API 网关的作用。最后我们使用。
2024-10-26 16:18:30
980
原创 「内网穿透」Sunny-Ngrok 启用隧道
出于安全考虑,默认检查 hostname,如果 hostname 不是配置内的就不能访问,这里我们直接设置。内网穿透,又称 NAT 穿透,进行 NAT 穿透是为了使数据包不被 NAT 设备屏蔽而正确路由到内网主机。巧妙地利用 NAT 原理实现 NAT 内网穿透技术,就可以使内网服务器接收到外网数据包。⭐简单来说,内网穿透就是将私有(保留)地址转化为合法 IP 地址的转换技术。搭建 web 服务并进行内网穿透时,可能会出现。在外网演示内网 Web 站点。
2024-10-24 21:49:27
494
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人