- 博客(38)
- 资源 (1)
- 收藏
- 关注
原创 使用vite创建vue+ts项目,整合常用插件(scss、vue-router、pinia、axios等)和配置
scss、vue-router、pinia、axios、element-plus、eslint、prettier、vite-plus-svg-icon等插件及配置
2024-02-04 16:10:01
2982
原创 vue3使用setup语法糖时无法定义组件name?使用vite-plugin-vue-setup-extend解决,但无效?
使用vite-plugin-vue-setup-extend解决,setup语法糖如何定义组件name问题
2023-09-25 17:25:22
850
2
原创 uniapp - 存储api新增自定义有效期功能,重写setStorageSync和getStorageSync方法
重写setStorageSync、getStorageSync方法
2022-10-24 17:03:23
3526
原创 Express框架上手(连接mysql数据库、请求、热更新...)
一、Express的简单介绍Express是什么?express是一个基于node平台的web应用开发框架(后端)Express框架特性?简洁的接口定义http请求参数获取简单模板引擎,方便渲染html页面中间件机制有效的控制请求二、Express的安装与构建检查nodejs版本node -v是否安装Expressexpress --version在本地新建一个文件夹(myapp),作为项目的存放路径,在该路径下使用cmd命令:生成package.json文件
2021-06-10 16:00:24
4671
1
原创 前端开发中的一些小问题
1、移动端的点击事件中,点击后会闪烁或者闪一下有背景颜色的图层:解决方法:在点击事件的元素中添加如下css代码:-webkit-tap-highlight-color:transparent;2、文字过长显示省略号:width: 740px;/* 内容过长显示成省略号(内容显示为一行) */white-space: nowrap;/设置不换行/overflow: hidden; /设置隐藏/text-overflow: ellipsis; /设置隐藏部分为省略号/3、隐藏滚动条和设置样式:
2021-06-09 16:01:38
1178
原创 vue3快速上手
vue3快速上手vue3已经发布了很长的一段时间,不爱学习的我姗姗来迟vue3的简单介绍vue3中全部采用函数式写法,替换了原来类的写法vue3移除了生命周期函数、data、watch、computed、methods等vue2中的用法去除了 this 和 filter(api)vue3兼容vue2,简而言之,在vue3中可以同时存在vue2和vue3两种写法vue3中引入了setup,在methods(vue2)中定义的方法和在setup中返回中的方法,一定不要同名,否则抛出错误;da
2021-06-08 11:29:44
832
原创 Linux云服务器配置Java Web环境(Tomcat、JDK、MySQL、Nginx)
Linux云服务器配置Tomcat、JDK、MySQL、Nginx近期搞了一下阿里云服务器,配置服务器的时候遇到了许多的问题,通过博客来记录一下配置服务器我使用了两个工具:xftp:可视化操作服务器文件xshell:命令行操作服务器xftp和xshell都需要连接服务器(ssh),通过ip(公网)和密码连接,连接过程简单,不过多赘述。一、配置JDK(java):查看是否有默认安装的jdk:rpm -qa | grep javarpm -qa | grep jdk如图所示、则安
2021-06-02 13:12:43
637
2
原创 js中new一个对象到底发生了什么?
new一个对象到底发生了什么?创建一个新对象 {}将这个新对象的隐式原型指向构造函数的显式原型改变this指向,使this指向新对象返回对象总结如上:但是很抽象,所以通过一个例子来解析一下原生js仿写 new 方法:function Person(){ this.name = "战士" this.age = 18}function myNew(){ let obj = {} //创建新对象 obj.__proto__ = Person.prototype //指向构造函数
2021-05-27 16:22:50
525
原创 springboot中自定义starter
自定义starter首先、需要确定自定义一个starter需要些什么?场景启动器:该项目没有任何的源代码,只是作为引用自定义starter的启动器,既之后其他的项目需要使用自定义的starter可以直接通过该启动器导入依赖即可自定义配置项目:需要实现的自定义配置类业务逻辑代码,在该项目中编写简单理解:场景启动器就是一个统一管理自定义starter的仓库,自定义配置项目就是starter导入的依赖自定starter的具体步骤1. 创建一个空项目:到这里之后,需要创建两个项目,一个是s
2021-05-23 16:51:36
231
原创 使用Vite构建Vue项目,整合vuex、vue-router、axios、scss
从webpack到Vite,为什么推荐使用Vite,而不是vue-cli,因为Vite —— 一种新的、更快地 web 开发工具
2021-05-20 16:47:43
3143
3
原创 springboot整合swagger
springboot整合swagger对于开发来说编写接口文档是痛苦的,且文档有知识传承的作用,对新来的员工及后续的维护很友好,所以swagger就诞生了;它可以为我们自动建立接口文档,我们只需要在我们的项目中调用简单的“注解”即可。1、新建springboot项目:新建项目就不过多描述了,直接进入主题2、导入swagger依赖,整合swagger:在pom.xml中:<!--整合swagger:swagger对应的依赖--><dependency> <gr
2021-05-18 17:23:43
295
原创 Vue的生命周期理解
Vue的生命周期理解在开发Vue项目时,生命周期显得尤为重要,因为通过生命周期,我们可以控制Vue实例过程的各个阶段,使项目的逻辑更加清晰。vue生命周期总结生命周期详细应用场景beforeCreate实例创建之后,但数据观测(data observer)和event/watcher事件未配置,data computed watch methods上的方法和数据均不能访问可添加loading事件created实例创建完成,数据观测(data observer)和e
2021-05-18 14:07:23
450
原创 js中的原型和原型链的理解
原型和原型链的理解先来总结一波,如下图:简单的了解一下原型:所有的引用类型都拥有__proto__属性(隐式原型),是一个普通的对象所有的函数(function)都拥有prototype属性(显式原型),是一个普通对象引用类型的__proto__属性指向其构造函数的prototype属性在使用原型时,尽量避免在隐式类型上操作综上所述function Anima(){}//函数Anima拥有prototype属性//引用类型 a 拥有__proto__属性//由此可得anima.
2021-05-18 09:56:51
222
原创 使用create-react-app创建一个react项目
使用create-react-app创建一个react项目create-react-app是react官方提供的脚手架,该脚手架为我们省去多余的操作,可以让我们更快捷的开发react项目create-react-app创建项目:
2021-05-11 10:38:10
700
原创 springboot整合mybatis plus
springboot整合mybatis plus一、导入依赖:在pom.xml中导入连接数据库和mybatis plus相关依赖:<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-jdbc</artifactId></dependency><dependency> <
2021-05-10 14:07:39
214
原创 SpringBoot学习(五) ---静态资源
SpringBoot学习五—静态资源一、静态资源存放目录默认资源存放地址:static / public / resources / (META-INF/resources)默认访问地址:项目地址(localhost:8888/) + 静态文件名(a.jpg)二、自定义静态资源存放目录在application.yaml中添加如下配置项:spring: resources: static-locations: [classpath:/asset/]配置成功后,就可在asset中放置
2021-04-16 11:22:54
166
原创 Spring Boot 学习(四)--- 配置文件(prperties、yaml)
Spring Boot 学习(四)— 配置文件springboot中的配置文件一般分为两种:properties、yaml(yml);其中最为熟悉的是properties文件,今天主要是讲解yaml的使用一、yaml的基本语法:格式: key: value 注意 “key:” 和 “value” 之间是有空格的大小写敏感缩进表示层级关系缩进不允许tab,允许空格,但是在idea中使用时,可以使用tab缩进的空格不重要,相同的层级只要左对齐即可注释:#字符串无需添加引号"",如果添加的
2021-04-09 16:14:53
354
原创 原生js编写3D轮播图
原生js编写3D版轮播图在日常开发中,为了开发的快捷性基本上都是把UI组件中的组件拿过来用即可,但是有时可能无法实现我们的需求,这时我们就需要去造轮子。今天我们用原生的js和css3以及html来编写一个3D轮播图,如下:第一步,编写轮播图的大致结构使用html把创建轮播图结构<div id="box"><!-- 创建轮播图中图片的容器,注意图片的存放位置--> <div class="item item1"> <img src="./1.
2021-04-06 13:20:42
1560
原创 Spring Boot 学习三 --- 实践
Spring Boot最佳实践如何编写spring boot应用查看Spring Boot应用中那些组件生效:只需要在配置文件Application.properties文件中添加debug=true即可,启动SpringBoot应用即可以看见那些组件生效(Negative:生效;Positive:不生效)如果想要修改某些组件和配置类中的属性:自己分析参考官方配置文档更改配置项自定义添加或替换组件:@Bean、@Component …开发小技巧**Lombok插件
2021-03-27 22:00:12
49
原创 Spring Boot 学习(二)--- 自动配置原理入门
Spring Boot 学习(二)— 自动配置原理入门自动配置原理的了解主要从了解@SpringBootApplication开始第一步:从@SpringBootApplication开始@SpringBootApplication的原理主要是下面三个注解:@SpringBootConfiguration :该注解的核心:@Configuration,即代表当前是一个配置类;所以@SpringBootConfiguration的作用就是代表当前是一个配置类@ComponentSca
2021-03-23 22:10:04
56
原创 Spring Boot 学习(一)创建springboot项目,面向hello world编程
Spring Boot 学习(一)1. Hello World下载Maven并配置好,配置好Idea,以上两个都完成之后,便可以创建一个新的Maven项目第一步:编写Maven配置文件pom.xml, 由于我们是一个spring boot项目所以需要导入对应的包,spring-boot-starter-parent是spring boot应用的父级依赖,添加配置代码如下:<parent> <groupId>org.springframework.boot</
2021-03-21 19:36:36
230
1
原创 简单理解和使用js中的闭包
简单理解和使用js中的闭包首先来看一个例子:<button type="button" class="test">test0</button><button type="button" class="test">test1</button><button type="button" class="test">test2</button><button type="button" class="test">test3
2020-11-05 11:53:29
98
原创 VUE的简单介绍与学习
一、VUE的核心是“组件系统”以及“数据驱动”:个人认为数据驱动主要是代替原生js中的dom操作,如document.getElementById(),这样可以让我们更快速的开发;组件系统在使用中主要的作用是可以“复用”,即一个组件多次使用,在实际开发中,你使用组件后,你会发现,你的代码也会变得清晰,更易读。二、vue的全家桶:vue vuex(状态管理) vue-router(路由) axios vue-cli(脚手架)基本介绍一下:vuex:即状态管理,我们可以理解为“全局变量”...
2020-07-12 12:09:33
275
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人