- 博客(75)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 StyleLint入门配置
我们了解到JS有ESLint来检查代码是否编写正确以及规范，那么CSS是否也有相同的工具来检查，今天我们就来了解一下CSS的检查工具StyleLint这只是辅助开发的工具而已，大家会用就行了，也支持大家去慢慢研究，全凭自己喜好即可httpshttpshttps。......
2022-07-21 09:27:04
4719
原创 ESLint入门配置
JS语言是弱语言，我们在编写时，只有运行时才能知道错误的地方，无法在编译时就知道，这就导致了我们会浪费大量的时间去排错。ESLint就是使JS在编译时就让错误暴露出来，这也是它存在的意义。其实ESLint只是一个辅助工具，用来帮助我们在写前端代码时，能够遵循统一的代码风格。我们只需要知道怎么用即可，不要像我当初，对着官方文档就一直在磕，没多大的意义。https。......
2022-07-18 17:07:14
478
原创 vue + SpringBoot + Kaptcha + redis 配置登录验证码
文章目录前言一、导入jar包二、安装redis三、编写验证码配置四、编写redis的工具类五、编写UUID的工具类六、编写验证码的常量类七、编写Base64Utils类八、编写获取验证码控制器九、vue前端获取验证码十、结果图总结前言在写登录页面时，看很多的项目都会在登录中加入验证码这一功能，那就让我们来看看如何实现一、导入jar包<!-- redis --><dependency> <groupId>org.springframework.boot
2022-05-10 15:13:45
815
原创 Vue简单使用axios进行请求响应
文章目录前言一、axios是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：我们在写html页面时，要么使用的是原生的js来进行请求，要么使用jquery的ajax来进行请求，现在我们在学习vue的时候，vue作者建议我们使用axios来进行请求，那么接下来让我们来看看吧一、axios是什么？其实简单来说，就是专门用来处理请求和响应的插件，你也可以这样二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pa
2022-05-10 08:40:12
1187
原创 解决Vue跨域访问后端API问题
文章目录前言一、vue.config.js文件二、配置代理参数总结前言我们在写前后端分离的时候，请求后端接口是必要步骤，但是这个时候就有个问题，因为前段和后端是归属于不同端口，我们在直接访问后端时，会触发csrf（跨站请求伪造）一、vue.config.js文件vue项目中可选的配置文件，你可以选择用这个文件去配置vue项目，也可以选择在package.json文件中vue字段去配置，但是你需要严格按照json的写法提示：我创建完项目之后，里面没有vue.config.js文件，所以我自己在
2022-05-07 09:16:25
4909
1
原创 如何配置Vue环境
文章目录前言一、Vue CLI的三种模式二、如何改写当前模式1. 通过命令行2. 通过环境文件三、定义环境文件中的变量四、如何使用环境文件中的变量五、环境文件加载优先级总结前言当我们使用不同模式启动项目时，对应的环境变量也是不一样，如何选择正确的环境变量就是我们需要去解决的问题一、Vue CLI的三种模式当我们使用 Vue CLI 创建项目时，默认自带了三种模式提示：但是我创建完项目，并没有找到test模式二、如何改写当前模式1. 通过命令行vue-cli-service build
2022-05-06 10:20:33
1618
原创 简单配置Mybatis，Druid访问MySQL数据库
文章目录前言一、Mybatis是什么二、Druid是什么三、使用步骤1. 导入Jar包2. application.yml配置Druid数据源3. application.yml配置Mybatis扫描XML路径4. 配置DAO层映射器总结前言如何使用Mybatis，Druid访问MySQL数据库一、Mybatis是什么一个半持久层框架，持久层框架简单理解就是操作数据库的框架，Mybatis需要使用者自行编写SQL语句，来进行数据库的操作，所以是半持久层框架二、Druid是什么是阿里巴巴开发的
2022-05-04 11:56:13
1327
原创 创建闲简居后端项目
文章目录前言一、创建项目二、导入Jar包总结前言如何创建一个SpringBoot后端项目一、创建项目选择File > New > Project选择Spring Initializr创建项目填写Group和Artifact如何填写Maven项目的Group和Artifact我填写的 Group：cn.only，Artifact：xjj，jdk：8二、导入Jar包<!-- web项目 --><dependency> <group
2022-05-03 15:47:46
484
原创 idea配置maven
idea配置mavenidea默认是集成了maven的，如果我们想使用自己的maven，需要去设置这是官网的配置说明打开idea，找到头部工具栏中的file2. 找到file下面的settins配置maven，如果你找不到，你可以直接搜索maven，就能出来了...
2022-05-03 14:32:28
373
原创 maven本地仓库配置
新建本地仓库我是在maven文件下创建的文件仓库，名字的话，自己随便定义吧修改settings.xml文件进入conf文件夹就能找到这个文件，然后在文件中添加你创建的仓库地址添加阿里远程仓库<mirror> <id>alimaven</id> <name>aliyun maven</name> <url>http://maven.aliyun.com/nexus/content/groups
2022-05-03 14:13:25
428
原创 安装maven
maven是什么构建java项目的工具，简单说就是创建java脚手架，你在这个脚手架上添加你自己的代码maven有什么作用创建java项目jar包的管理构建流程，比如打包，测试，发布，编译这些（这一步不理解没关系，我也不大理解，等你用了之后就了解了）下载mavenmaven官网随便选个压缩包下载了就行了，没有太多的讲究安装maven首先你得先去安装jdk，这里就不教了，百度一大把，jdk的版本在1.8或者以上将你下载的压缩包，随自己的喜好，放在哪里解压出来然后将文件夹中的bi
2022-05-03 13:47:02
257
原创 安装vue路由
打开创建好的vue项目查看安装的vue版本这一步是确认你项目用的vue是什么版本，避免因版本冲突而安装不上路由插件我用的是2.x的vue，所以我要用3.x路由插件安装路由插件@后面可以指定插件的版本，你可以指定模糊大版本，比如3或者4，也可以指定具体版本，比如3.5.3，指定大版本的话，默认是给你安装这个大版本中最新的小版本npm install vue-router@3查看安装成功项目中的package.json文件中，如果出现了路由插件的名称，那就安装成功了...
2022-04-27 16:30:54
706
原创 Babel是什么
简单理解就是将用ES2015语法编写的代码转换为向后兼容的JavaScript的代码例子// Babel 输入： ES2015 箭头函数[1, 2, 3].map(n => n + 1);// Babel 输出： ES5 语法实现的同等功能[1, 2, 3].map(function(n) { return n + 1;});...
2022-04-27 16:00:15
122
原创 创建vue-cli项目
1. 安装vue-clinpm install -g @vue/cli2. 检查是否安装成功vue --version3. 创建项目vue create hello-world选取默认的就行了vue项目就创建完成了，只需用编译器打开就行了
2022-04-27 14:38:49
587
2
原创 解释器模式
简单理解用定义的语法规则，来规范限制传入的参数例子：定义日期格式为yyyy-MM-dd，我传入的参数为2022-04-26 8:30，那么经过格式化之后，结果为2022-04-26优点扩展性好容易实现缺点执行效率低会引起类膨胀可应用的场景比较少终结符和非终结符的区别终结符：代表不可以再拆分非终结符：代表可以再拆分结构抽象表达式：约定解释器的操作终结符表达式非终结符表达式环境类哪些场景需要应用当语法（集合）的文法（对象）简单，且执行效率不是关键当问题重
2022-04-26 11:48:53
1269
原创 备忘录模式
定义在不破坏封装性的条件下，在该对象之外保存这个对象，便于以后改变对象的值后，可以使该对象恢复到之前的样子。该模式又称快照模式。结构发起人：当前时刻的状态，提供创建备忘录和恢复备忘录的操作备忘录：记录发起人当前时刻的状态管理人：对备忘录进行保存和获取的操作，但是不能对其有编辑的操作结构图优点提供了方便的恢复机制实现了内部封装，除了发起人能够访问，其它人都不能访问符合单一责任原则，将当前状态，备份状态，管理状态三个功能区分开来参考文章C语言中文网 Java设计模式 备忘录模式
2022-04-22 14:33:35
1024
原创 访问者模式
简单例子一个景点，每个游客对这个景点的评价都不一样定义将数据结构（集合）中每个元素（对象）的操作逻辑分离出来，使在不改变数据结构的前提下，为每个元素添加访问方式（操作逻辑）优点拓展性好，可以在不影响数据结构的情况下为元素添加操作逻辑复用性好，我们对元素执行不同的操作时，数据结构不用变，变得只是访问者灵活性好，我们可以在改变操作逻辑时，不影响数据结构单一职责原则，每个访问者都有自己的操作逻辑，使每个访问者都只做自己的事情缺点数据结构中，每增加一个元素，访问者都要相对应的增加操作逻辑，
2022-04-21 10:24:03
123
原创 谷歌浏览器批量删除书签
方法1按住Ctrl，可以选择多个书签删除方法2按住Shift，点击第一个书签，然后拖动屏幕滚动条到底部，然后点击最后一个书签，中间部分的书签就全部勾选上了，这个适用于书签全部删除
2022-04-21 08:47:53
4797
原创 迭代器模式
定义用一个对象，来顺序访问聚合对象中的数据，而不暴露聚合对象的内部表示结构抽象聚合类具体聚合类抽象迭代类具体迭代类优点方便拓展，不需要修改原有代码封装性好，为不同的聚合类提供了统一的接口缺点导致类的个数增加，增加了系统的复杂性结构图参考文章C语言中文网 - Java设计模式 迭代器模式...
2022-04-20 10:54:31
843
原创 Vue.js 过渡简述
1. 所有类名2. 例子**需求：**有一段居中显示的文字，需要让它从右边出现。这里只讲述 enter，因为enter 和 leave都是同理的。解决方法：上面需求中的 从右边出现 就是 过渡的开始状态，我们在 v-enter 使用 margin-left:10px 将文字初始化在右边，这样我们在进入时，该文字就会在右边了，而不是居中。使用 v-enter-active 定义过渡效果。我们要使文字回归原处，回归居中位置（过渡的结束状态），你可以在 v-enter-to 中使用 margin
2021-08-17 12:00:16
146
原创 vertical-align简述
<p> <img src="图片" style="width:50px;height:50px;vertical-align:middle;"> <a href="">test</a></p>官网说明：vertical-align 属性设置一个元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式
2021-08-14 15:28:34
198
原创 Vue项目下命名规范
文件夹在 components 文件夹下的文件夹，用 PascalBase 风格其余用 kebab-case 风格文件在 components 下的文件，用 PascalBase 风格其余用 kebab-case 风格
2021-08-11 20:28:04
277
原创 用VS Code写一个Vue项目需要用到什么（持续更新）
EditorConfig：取代开发工具或者编辑器的格式化排版，具体使用可自行百度。EditorConfig for VS Code：VS Code插件，可自行在VS Code里下载，会使VS Code去读取EditorConfig文件取代开发工具默认排版。ESLint：制定编写js的规则，使其编写js时，必须按照规则走。ESLint：VS Code插件。Vetur：VS Code插件，使Vue文件具有代码高亮。Prettier：可以根据不同文件类型制定不同的排版风格，跟第一个作用是..
2021-08-09 17:02:25
1730
原创 EditorConfig for VS Code简述
1. EditorConfig for VS Code是什么？简单来说，就是使大家的代码排版一致// 未使用EditorConfig for Vs Code前function a(){ // 两个空格缩进 alert(a);}function b(){ // 一个tab缩进 alert(b)}// 使用EditorConfig for Vs Code后function a(){ // 一个tab缩进 alert(a);}function b(){ // 一个t
2021-08-07 10:53:07
13069
4
原创 Provide & Inject 的使用
1. 作用当组件树过于庞大时，其中一个子组件需要调用父组件中的数据就很麻烦，因为要按阶层一个一个往下传。这个时候就要用到 Provide & Inject父组件只需要 Provide 数据，而子组件只需要 Inject 数据2. 使用const app = Vue.createApp({})// 父组件app.component('todo-list', { data() { return { todos: ['Feed a cat', 'Buy ticket
2021-08-02 16:59:15
123
原创 插槽（slot）
1. 作用类似于广告栏，可随意替换其内容<!-- 组件模板 --><button class="btn-primary"> <slot></slot></button><!-- 使用组件模板 --><todo-button> Add todo </todo-button><!-- 结果 --><button class="btn-primary"> Add
2021-08-02 16:08:15
220
原创 初识分布式
1. 什么是分布式简单理解就是，将一个程序的多个业务（你可以理解为用户模块和角色模块）拆分开来，放在不同的服务器中，它们之间利用通信来传递数据。2. 什么是集群简单说，就是相同的代码放在多个服务器中，多个服务器就形成集群。3. 什么是RPC协议两台服务器，a服务器中的代码调用b服务器中的代码。首先这个只是一种概念，一种用于解决不同服务器之间方法的调用问题。看到这，你再看下第一条，是不是有思路。分布式的本意是把 一个拆分成多个，之间使用通信来传递数据，那么这个通信问题要怎么解决呢？就有了RPC！
2021-07-24 19:00:28
138
原创 如何创建一个vue项目
环境配置：node.js (javascript运行环境，如果是学过java的，你可以理解为jvm)npm (导包工具，顾名思义就是导入前端js和css，你可以理解为maven导包功能的实现)vue-cli （创建vue项目的构建工具，你可以理解为maven创建maven项目功能的实现）webpack (打包工具，你可以理解为maven打包项目功能的实现，由它打包到node.js运行)其中 npm 由node.js内置了，而webpack由vue-cli内置了，所以你只需要安装node.js和
2021-07-23 11:55:01
211
2
原创 Java后台通过URL请求获取返回的数据
public class HttpUtils { private static Logger log = LoggerFactory.getLogger(HttpUtils.class); public static String sendGet(String url, String param, String contentType){ StringBuilder result = new StringBuilder(); BufferedReader i
2021-07-17 19:56:29
1117
原创 理解Java三层架构和MVC三层架构
三层架构视图层业务逻辑层持久层MVC架构控制器层 C模型层 M视图层 V个人理解三层架构来自于Servlet的年代，那个时候JSP就是后台代码与页面是结合在一起的，所以视图层包含了后台处理请求以及页面，把业务逻辑以及持久层独立出来。这个时候就会有困扰，页面中包含了大量后台代码，极难维护。到了Spring的年代时，把后台处理请求和页面独立出来，形成了Controller和View，把业务逻辑层以及持久层，实体类（JavaBean）整合成一个Model。Controller就只处理请
2021-07-13 20:09:43
173
4
原创 logback基本设置
logback依次寻找配置文件logback-test.xml logback.groovy logback.xml 通过 JDK 提供的 ServiceLoader 工具在类路径下寻找文件 META-INFO/services/ch.qos.logback.classic.spi.Configurator 通过 BasicConfigurator 为自己进行配置，并且日志将会全部在控制台打印出来设置变量<configuration> <!-- 设置变量
2021-03-22 20:59:01
871
原创 Core Java 第十七章 输入/输出:探究java.io
1.File（文件类）2.目录3.FilenameFilter:过滤文件4.mkdir：创建目录，不包括父目录；mkdirs：包括父目录5.Java的流式输入/输出建立在四个抽象类的基础上：InputStream，OutputStream，Reader，Writer6.缓冲字节流 BufferedInputStream，BufferedOutputStream7.序列化把一个对象写入一个字节流的过程。8.Serializabel接口...
2021-02-27 20:25:52
109
原创 解决IIS无法访问映射盘
这里直接讲解决方法，至于为什么这样做，原理是什么，只能你们自己去研究了，因为我也不知道 QAQ。1.IIS服务器要有一个和映射盘服务器一样的账号，例如映射盘账号为administrator，密码为123456，那么你IIS服务也要有一个一模一样的账号。2.切换IIS账号类public class LogonImpersonate : IDisposable{ static public string DefaultDomain {
2021-02-25 09:35:37
1696
原创 Core Java 第十五章 类集框架
1.java 类集接口2.Java 集合类3.TreeSet 按升序储存，内容值不允许重复4.使用迭代函数访问集合IteratorListlterator：双向遍历集合5.SortedMap以关键字来排序6.Map.entrySet（）返回映射中所有项的集合，集合中每个元素都是一个Map.Entry7.比较函数，Compare方法TreeSet和TreeMap默认下用的是正序来存储数据，如果需要改变元素的排序，可以在...
2021-02-23 19:05:58
82
1
原创 Core Java 第十四章 java.lang研究
1.基本类型对应包装类型两个类型的初始值不同，int初始值为0，Integer的初始值为null。2.基本类型变量和引用类型变量存放的地址在方法中创建的基本类型变量则会放在栈中。引用类型变量会把变量名存入栈中，对象则放入堆中。在类中创建的基本类型变量会放在堆中。引用类型变量会把变量名和对象放入堆中。3.System.currentTimeMillis()返回自从1970.01.01午夜起到现在的时间，时间单位为毫秒4.arraycopy()将一个任意...
2021-02-22 17:25:46
95
原创 Core Java 第十三章 字符串处理
1.对于创建的大多数类，可以通过重载toString()方法，来提供你自定义的字符串。输出对象时，会自动调用该方法2.equalslgnoreCase()：忽略大小写比较3.regionMatches()：将一个字符串中的指定区间跟另一个字符串中的指定区间进行比较4.startsWith()，endsWith()startsWith()：字符串是否以指定字符串开始endsWith()：字符串是否以指定字符串结束5.compareTo()co...
2021-02-22 10:28:10
89
原创 Core Java 第十二章 输出/输入,小应用程序和其他主题
1.流的概念Java程序通过流来完成输入输出。流通过Java的输入输出系统与物理设备链接。Java中流的实现是在java.io包定义的类层次结构内部的。2.字节流，字符流字节流由两个类层次结构定义。在顶层有两个抽象类InputStream和OutputStream，要导入Java.io来使用流最重要的方法是read()和write()，它们分别对数据的字节进行读写。两种方法都在InputStream和OutputStream定义为抽象方法，被派生类重载。字符流类字符流..
2021-02-22 09:41:03
97
原创 Core Java 第十一章 多线程编程
1.认识线程和进程进程：一个执行的程序，允许你的计算机同时运行两个或更多的程序。比如支持你在运用文本编辑器的同时可以运行java编译器线程：一个程序可以同时执行两个或者多个任务的功能。比如文本编辑器可以在打印的同时去格式化文本2.线程优先级线程的优先级是用来决定何时从一个运行的线程切换到另一个线程，这叫上下文转换发生的规则：1.主动放弃当前线程，最高优先级的线程被执行2.高优先级线程可以抢占，只要高优先级线程要执行，就执行，这叫有优先权的多任务处理优先级的设置范围..
2021-02-21 18:27:15
102
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人