留白声-优快云博客

一、Express的简单介绍Express是什么？express是一个基于node平台的web应用开发框架（后端）Express框架特性？简洁的接口定义http请求参数获取简单模板引擎，方便渲染html页面中间件机制有效的控制请求二、Express的安装与构建检查nodejs版本node -v是否安装Expressexpress --version在本地新建一个文件夹（myapp），作为项目的存放路径，在该路径下使用cmd命令：生成package.json文件

2021-06-10 16:00:24 6967 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 1263

原创 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 874

原创 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 724 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 569

原创 springboot中自定义starter

自定义starter首先、需要确定自定义一个starter需要些什么？场景启动器：该项目没有任何的源代码，只是作为引用自定义starter的启动器，既之后其他的项目需要使用自定义的starter可以直接通过该启动器导入依赖即可自定义配置项目：需要实现的自定义配置类业务逻辑代码，在该项目中编写简单理解：场景启动器就是一个统一管理自定义starter的仓库，自定义配置项目就是starter导入的依赖自定starter的具体步骤1. 创建一个空项目：到这里之后，需要创建两个项目，一个是s

2021-05-23 16:51:36 270

原创使用Vite构建Vue项目，整合vuex、vue-router、axios、scss

从webpack到Vite，为什么推荐使用Vite，而不是vue-cli，因为Vite —— 一种新的、更快地 web 开发工具

2021-05-20 16:47:43 3725 3

原创 springboot整合swagger

springboot整合swagger对于开发来说编写接口文档是痛苦的，且文档有知识传承的作用，对新来的员工及后续的维护很友好，所以swagger就诞生了；它可以为我们自动建立接口文档，我们只需要在我们的项目中调用简单的“注解”即可。1、新建springboot项目：新建项目就不过多描述了，直接进入主题2、导入swagger依赖，整合swagger：在pom.xml中：<dependency> <gr

2021-05-18 17:23:43 339

原创 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 475

原创 js中的原型和原型链的理解

原型和原型链的理解先来总结一波，如下图：简单的了解一下原型：所有的引用类型都拥有__proto__属性（隐式原型），是一个普通的对象所有的函数（function）都拥有prototype属性（显式原型），是一个普通对象引用类型的__proto__属性指向其构造函数的prototype属性在使用原型时，尽量避免在隐式类型上操作综上所述function Anima(){}//函数Anima拥有prototype属性//引用类型 a 拥有__proto__属性//由此可得anima.

2021-05-18 09:56:51 268

原创使用create-react-app创建一个react项目

使用create-react-app创建一个react项目create-react-app是react官方提供的脚手架，该脚手架为我们省去多余的操作，可以让我们更快捷的开发react项目create-react-app创建项目：

2021-05-11 10:38:10 865

原创 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 245

原创 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 208

原创 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 394

原创原生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 1706

原创 Spring Boot 学习三 --- 实践

Spring Boot最佳实践如何编写spring boot应用查看Spring Boot应用中那些组件生效：只需要在配置文件Application.properties文件中添加debug=true即可，启动SpringBoot应用即可以看见那些组件生效（Negative：生效；Positive：不生效）如果想要修改某些组件和配置类中的属性：自己分析参考官方配置文档更改配置项自定义添加或替换组件：@Bean、@Component …开发小技巧**Lombok插件

2021-03-27 22:00:12 63

原创 Spring Boot 学习（二）--- 自动配置原理入门

Spring Boot 学习（二）— 自动配置原理入门自动配置原理的了解主要从了解@SpringBootApplication开始第一步：从@SpringBootApplication开始@SpringBootApplication的原理主要是下面三个注解：@SpringBootConfiguration ：该注解的核心：@Configuration，即代表当前是一个配置类；所以@SpringBootConfiguration的作用就是代表当前是一个配置类@ComponentSca

2021-03-23 22:10:04 69

原创 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 267 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 113

原创 VUE的简单介绍与学习

一、VUE的核心是“组件系统”以及“数据驱动”：个人认为数据驱动主要是代替原生js中的dom操作，如document.getElementById()，这样可以让我们更快速的开发；组件系统在使用中主要的作用是可以“复用”，即一个组件多次使用，在实际开发中，你使用组件后，你会发现，你的代码也会变得清晰，更易读。二、vue的全家桶：vue vuex(状态管理) vue-router(路由) axios vue-cli(脚手架)基本介绍一下：vuex：即状态管理，我们可以理解为“全局变量”...

2020-07-12 12:09:33 300

类似于淘宝商品详情页的图片放大效果组件

原生js编写3D轮播图(js\html\css)

空空如也