- 博客(25)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 封装jsonp跨域请求
JSONP 的原理很简单，就是利用 标签没有跨域限制的漏洞。通过 标签指向一个需要访问的地址并提供一个回调函数来接收数据当需要通讯时。
2023-02-06 16:30:51
200
原创 自动化构建工具之----gulp.js
gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是有规律的。找到这些规律，并编写 gulp 配置代码,让 gulp 自动执行这些“重复工作”。...
2022-08-10 18:19:59
350
原创 Vue移动端Swiper插件无法自动切换问题
小编在写vue移动端的时候，用swiper插件写轮播的时候遇到了一个问题。特以此文记录下来，以防日后踩坑。由于用npm工具安装的swiper，版本默认是6.0.x导致无法自动切换，小编再看了很多博客之后，终于找到了适合自己的解决方案：1、移除安装的swipernpm remove swiper2、安装swiper 5.4.5版本npm i swiper@5.4.53、引入css资源,安装swiper之后，swiper资源在node_modules目录中，找到css文件引入就行啦impor
2021-08-18 20:48:21
1292
原创 Vue组件之间的通信问题
Vue组件是小型的，独立的，通常可复用的功能比较完整的功能模块。组件之间的通信非常重要，下面将通信的几种情况进行总结。1、父子组件之间的通信（1）父组件传子组件父子组件之间的通信主要是通过props属性，将父组件中的数据传递到子组件。使用方法：a.在父组件上绑定一个属性，用来传递数据，比如你想要传递 list 数组对象到子组件，就需要在父组件上写如下代码：<todo-list v-bind:list="list"></todo-list>b.在子组件的选项对象.
2021-08-12 12:09:11
209
原创 React组件三大核心属性：state
一、State概念React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染UI，让用户界面和数据保持一致。state值是对象，可以包含多个key-value组合。React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面。通过学习React,我们知道React组件有函数式组件与类式组件两种。类式组件就存在state属性。二、修改State需要注意的是state属性不能直接修改，只能通过setState方法修改。且set
2021-08-12 11:33:51
363
原创 购物车的初步实现
实现一个基本的购物车虽然目前代码看起来还比较冗余，混乱，相信小编未来会更新一个可读性强的购物车项目实现的，又是记录成为前端小白的一天，加油！^_^效果如图
2021-07-10 17:00:27
63
原创 拖拽元素实现
拖拽元素实现关键在于给元素设置定位，给元素设置 left 以及 top 值实现移动这里需要知道以下几个dom属性window.innerWidth : 浏览器窗口的可见宽度window.innerHeight : 浏览器窗口的可见高度offsetWidth: 返回元素的宽offsetHeight：返回元素的高offsetLeft: 元素左边缘距离浏览器左边缘的距离offsetTop: 元素上边缘距离浏览器上边缘的距离clientX: 鼠标横坐标clientY: 鼠标纵坐标用到的鼠标.
2021-06-29 20:16:08
256
原创 js中正则表达式语法
一、创建正则表达式对象var 变量 = new RegExp(“正则表达式”，“匹配模式”) var reg=new RegExp("a");//检查字符串中是否含有a console.log(reg);// 打印出来： /a/使用typeof检查正则对象，返回object正则表达式方法：test()严格区分大小写使用这个方法来检查一个字符串是否符合正则表达式的规则如果符合返回true,否则返回falseconsole.log(reg.test("abscc"))
2021-06-26 16:29:45
828
原创 数组去重的三种方法
一、利用选择排序的方法思路：将数组中每一位元素与其他元素一一比较，当第一位元素与其他元素相等时，说明重复了，利用splice方法，第一个参数代表查找开始的下标，第二个参数是删除的元素个数。删除重复的元素之后，数组长度减一，元素补位。因此需要将下标减一，与当前下标处的补位的元素比较是否重复。var arr=[1,2,1,3,3,9,8,3]for(var i=0;i<arr.length-1;i++){ for(var j=i+1;j<arr.length;j++){
2021-06-25 20:29:14
902
原创 原生js实现倒计时任务
原生js实现倒计时任务实现倒计时功能主要是使用js的定时事件（Timing Events）所谓定时事件就是以指定的时间间隔执行代码。JavaScript提供了两个关键方法：setTimeout(function, milliseconds)setInterval(function, milliseconds)同时提供了相应的两个方法停止定时任务clearTimeout() 方法停止执行 setTimeout() 中规定的函数。clearInterval() 方法停止 setInterva
2021-06-18 20:35:57
447
原创 RabbitMQ安装与配置
欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；增加了 图片
2021-04-14 11:24:41
1009
原创 springboot项目直接导入静态资源使用，样式没有生效
问题描述在springboot web开发时，直接导入html、css、js等等，启动项目，浏览器打开发现样式没有生效，找不到引入的静态资源。解决方式在springboot中引入thymeleaf所有URL改成@{/ }并添加 th：，此处 / 代表static根目录在引入静态资源的时候最好看清楚目录文件层级关系，按照那个顺序导入。...
2020-05-14 21:36:15
1502
原创 使用lombok注解的方式
我们知道一般在创建实体类时，都会手动 alt+insert进行添加构造方法以及get和set方法等等。如果使用lombok，使用注解的方式代替手动添加方法会简单得多。安装lombok1.可以手动下载安装下载地址：https://projectlombok.org/download2.在IDEA中安装插件File—setting—Plugins搜索lombok，进行install安装...
2020-04-19 09:44:02
222
原创 Thymeleaf基础学习
什么是模板引擎就像jsp以及framemaker一样都是模板引擎。主要思想就是在前端html中通过${ }取值，后台定义数据，通过thymeleaf渲染在浏览器页面，呈现给用户。在java web项目时可以使用jsp页面模板语言，而在springboot项目中却推荐jsp，而是使用thymeleaf更为方便。导入thymeleaf在springboot项目里引入thymeleaf依赖<...
2020-04-18 14:48:03
208
1
原创 SpringBoot为浏览器设置favicon.ico图标
使用springBoot2.1.7版本，设置favicon.ico图标。首先准备一个favicon.ico图标，名字不能是其他。且位置不能放在resources根目录下，要放进public/static/resources.在html页面插入link标签<link rel="icon" href="../static/image/favicon.ico">3.浏...
2020-04-18 13:45:18
3604
1
原创 使用配置类而不使用xml整合jdbc
使用基于java的方式配置数据库连接更适合开发的使用。通过创建一个config文件（声明@Configuration）,来取代xml文件。首先在jdbc.properties配置文件中编写数据源以及数据库的相关属性值jdbc.driverClassName=com.mysql.jdbc.Driverjdbc.url=jdbc:mysql://localhost:3306/spring_jdb...
2020-04-16 17:55:14
251
原创 Spring整合JDBC实现数据库的增删改查操作
1.JDBC是什么即Java Database Connectivity，它是提供了一组Java API来访问关系数据库的Java程序。2.spring整合jdbc2.1导入spring的依赖以及数据库的驱动包 <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceE...
2020-04-10 17:25:01
1547
原创 Springboot通过配置文件给属性赋值
给属性赋值的几种方式下面从一个例子来解释创建一个Dog类，包含name、age属性，添加它的无参构造、有参构造方法，以及getter和setter方法，还有toString方法。在这个类上面加上@Component，把这个类添加进spring的组件里。创建一个Person类，包含name、age、birth（Date类型，util那个包）、happy（是否快乐，boolean类型）、Dog...
2020-03-29 16:21:40
1895
原创 在IDEA中打包项目jar，并后台运行
在IDEA中右侧Maven Project，Lifecycle下的package点击package。在控制台可以看到打包成功，以及jar包所在位置。在本地找到这个jar包，在该目录下打开powshell窗口（按住shift右键）输入java -jar .包名+后缀突然有个错误，提示端口8080被占用，也是经常会出现的错误。解决方式就是首先打开cmd窗口输入netstat -a...
2020-03-28 17:58:51
670
原创 SpringBoot基础之创建第一个springboot程序
什么是SpringBootspringboot基于spring开发，springboot本身并不提供Spring框架的核心特性以及扩展功能，只是用于快速开发新一代基于Spring框架的应用程序。核心思想是约定大于配置。它需要很少的Spring配置，同时集成了大量的第三方库配置（如Redis、MongoDB、Jpa、RabbitMQ、Quartz等）。springboot应用中这些第三方库几乎可以...
2020-03-28 17:14:49
215
原创 Spring的IOC学习之三
1. IOC基于xml的配置方式同样以战士的例子进行学习，在上面那篇博客提到的有Knight，Weapon，Axe，Knife，Gun等文件。1.1 首先创建beans.xml,并且引入spring的schema<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.or...
2020-03-18 09:55:37
155
原创 Spring的IOC学习之二
IOC的介绍与使用1. IOC的介绍IOC是控制反转，是spring中的一个非常重要一个特性，IOC也称为DI即依赖注入。简而言之就是把spring变成一个容器，由spring来控制对象的创建和他们之间的依赖关系。下面通过一个例子来熟悉spring的IOC的使用与意义。例：有一个战士（Knight）类，战士有不同的武器，用java实现如下:创建战士类Knight.java。这个类里有两...
2020-03-17 16:42:13
139
原创 Spring的IOC学习之一
Spring的IOC1. 首先介绍spring的安装spring的安装非常简单，首先新建maven项目，当然直接新建spring项目也可，这里介绍用maven引入spring。在pom.xml文件里引入依赖。<dependency> <groupId>org.springframework</groupId> <artifactId...
2020-03-17 15:35:17
107
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人