自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(42)
  • 问答 (3)
  • 收藏
  • 关注

原创 Java基础知识-集合取交集、差集、去重并集

【代码】Java基础知识-集合取交集、差集、去重并集。

2022-08-22 15:24:59 193 1

原创 svn添加新文件自动忽略

svn添加新文件自动忽略背景:做项目,用的客户端TortoiseSVN1.8,发现新建的文件,不是问号(?),而是自动忽略的减号,提交的时候也确实没有,说明不是符号混乱,确实是被忽略了,网上找了解决方案记录如下:查看svn文件的根目录,截图如下(有svn的标记):在空白处右键,选择‘属性’-》选择‘Subversion’,如图:点击‘Properties’,如图:发现全局忽略中有个*,点击Edit,如下:删除第一行的*,它代表所有都忽略,点击‘ok’保存然后再试试,发现一切都正常了

2021-01-25 17:47:36 464

原创 组件化开发

(十一)组件化开发11.1 组件化的基本使用​ 简单的组件示例 <div id="app"> <!-- 3.使用组件 --> <my-cpn></my-cpn> <my-cpn></my-cpn> <my-cpn></my-cpn> <cpnc></cpnc> </div> <script src="https://

2020-09-28 10:03:51 347

原创 组件化高级

(十二)组件化高级12.1 slot-插槽的基本使用​ 我们在使用组件的时候有时候希望,在组件内部定制化内容,例如京东这样。这两个都是导航栏,组件的思想是可以复用的,把这个导航栏看做一个组件。这个组件都可以分成三个部分,左边中间右边,如果可以分割组件,就可以定制化组件内容了。 <!-- 父组件 --> <div id="app"> <cpn></cpn> <cpn> <span style="

2020-09-28 10:03:31 329

原创 vue实例的生命周期

(十三)Vue实例的生命周期13.1 生命周期图​ Vue实例的生命周期中有多个状态。测试代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA

2020-09-28 10:02:54 205

原创 vue-cli

(十六)vue-cli16.1 vue-cli起步16.1.1 什么是vue-cliVue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。一个运行时依赖 (@vue/cli-service),该依赖:可升级;基于 webpack 构建,并带有合理的默认配置;可以通过项目内的配置文件进行配置;可以通过插件进行扩展。一

2020-09-28 10:01:56 383

原创 vue-router(路由)

(十七)vue-router17.1 路由简介什么是路由?路由就是通过互联的网络把信息用源地址传送到目的地的活动路由提供了两种机制:路由和传送路由是决定数据包从来源到目的地的路径转送就是将数据转移路由表路由表本质就是一个映射表,决定了数据包的指向17.2 前端/后端路由后端渲染(服务端渲染)jsp技术后端路由,后端处理URL和页面映射关系,例如springmvc中的@requestMapping注解配置的URL地址,映射前端页面前后端分离(ajax请求数据

2020-09-28 10:01:23 471

原创 VUEX

(十九)Vuex19.1 什么是VuexVuex就是一个状态管理模式,为什么叫模式?因为Vuex包含了一套对state(状态)的操作规范,集中存储管理应用的所有组件的状态。状态管理简单来说就是管理各个组件共享的数据,类似sessionsession可以存数据,存的过程就是管理,数据的每一次赋值就是当次状态。Vuex在Vue实例顶层中。Vuex也可以理解为java中的一个map,这个map是static(静态资源)的,每次获取map的值,都需要调用java的api,比如map.g

2020-09-28 10:00:51 130

原创 v-model

(十)v-model10.1 v-model的基本使用 <div id="app"> <!-- 输入框内容修改,message也修改,修改message,input内容也修改,双向绑定 --> <input type="text" v-model="message">{{message}} </div> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue

2020-09-21 15:50:16 454

原创 综合练习

(九)综合练习9.1 综合练习​ 综合前面的知识,需要通过一个小demo来串联起知识。​ 如图所示,​ 点击“+”按钮,总价增加,点击“-”按钮总价减少,点击移除,移除当列。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"

2020-09-21 15:49:19 276

原创 遍历循环

(八)遍历循环8.1 v-for遍历数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &l

2020-09-21 15:48:10 538

原创 条件判断

(七)条件判断7.1 v-if、v-eles、v-else-if​ v-if用于条件判断,判断Dom元素是否显示。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-

2020-09-21 15:46:19 303

原创 事件监听

(六)事件监听6.1 v-on的基本使用​ 在前面的计数器案例中使用了v-on:click监听单击事件。这里在回顾一下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-

2020-09-21 15:45:10 186

原创 计算属性

(五)计算属性5.1 计算属性的基本使用​ 现在有变量姓氏和名字,要得到完整的名字。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

2020-09-21 15:43:34 1105

原创 动态绑定属性

(四)动态绑定属性4.1 v-bind的基本使用​ 某些时候我们并不想将变量放在标签内容中,像这样<h2>{{message}}</h2>是将变量h2标签括起来,类似js的innerHTML。但是我们期望将变量imgURL写在如下位置,想这样<img src="imgURL" alt="">导入图片是希望动态获取图片的链接,此时的imgURL并非变量而是字符串imgURL,如果要将其生效为变量,需要使用到一个标签v-bind:,像这样<img v-bind:sr

2020-09-21 15:39:37 3196

原创 插值操作

(三)插值操作3.1 Mustache语法​ mustache是胡须的意思,因为{{}}像胡须,又叫大括号语法。​ 在vue对象挂载的dom元素中,{{}}不仅可以直接写变量,还可以写简单表达式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s

2020-09-21 15:36:11 165

原创 HelloVue

(二)HelloVue2.1 HelloVuejs​ 如何开始学习Vue,当然是写一个最简单的demo,直接上代码。此处通过cdn<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>获取vuejs。​ vue是声明式编程,区别于jquery的命令式编程。2.1.1命令式编程​ 原生js做法(命令式编程)创建div元素,设置id属性定义一个变量叫message将messa

2020-09-21 15:34:35 303

原创 ES6相关知识点

(一)ES6补充1.1块级作用域​ ES6之前没有块级作用域,ES5的var没有块级作用域的概念,只有function有作用域的概念,ES6的let、const引入了块级作用域。​ ES5之前if和for都没有作用域,所以很多时候需要使用function的作用域,比如闭包。1.1.1 什么是变量作用域​ 变量在什么范围内可用,类似Java的全局变量和局部变量的概念,全局变量,全局都可用,局部变量只在范围内可用。ES5之前的var是没有块级作用域的概念,使用var声明的变量就是全局的。{ var

2020-09-21 15:32:55 122

原创 vue学习笔记二

1. vuex是什么github站点: https://github.com/vuejs/vuex在线文档: https://vuex.vuejs.org/zh-cn/简单来说: 对应用中组件的状态进行集中式的管理(读/写)2. 状态自管理应用state: 驱动应用的数据源view: 以声明方式将state映射到视图actions: 响应在view上的用户输入导致的状态变化(包含n个更新状态的方法)[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SHKXKw

2020-09-14 14:46:38 62

原创 vue学习笔记一

1. Vue.js是什么?1). 一位华裔前Google工程师(尤雨溪)开发的前端js库2). 作用: 动态构建用户界面3). 特点: * 遵循MVVM模式 * 编码简洁, 体积小, 运行效率高, 移动/PC端开发 * 它本身只关注UI, 可以轻松引入vue插件和其它第三库开发项目4). 与其它框架的关联: * 借鉴angular的模板和数据绑定技术 * 借鉴react的组件化和虚拟DOM技术5). vue包含一系列的扩展插件(库): * vue-cli: vue脚手架 * vue-

2020-09-14 14:45:44 144

原创 vue学习笔记三

1. 准备1.[].slice.call(lis): 将伪数组转换为真数组2.node.nodeType: 得到节点类型3.Object.defineProperty(obj, propertyName, {}): 给对象添加/修改属性(指定描述符) configurable: true/false 是否可以重新define enumerable: true/false 是否可以枚举(for..in / keys()) value: 指定初始值 writable: true/false va

2020-09-14 14:44:53 62

原创 vue学习笔记四

1. vue脚手架 用来创建vue项目的工具包 创建项目: npm install -g vue-cli vue init webpack VueDemo 开发环境运行: cd VueDemo npm install npm run dev 生产环境打包发布 npm run build npm install -g serve serve dist

2020-09-14 14:43:45 56

原创 剖析Vue实现原理 - 如何实现双向绑定mvvm

剖析Vue实现原理 - 如何实现双向绑定mvvm本文能帮你做什么?1、了解vue的双向数据绑定原理以及核心代码模块2、缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现,本文相关代码主要摘自vue源码, 并进行了简化改造,相对较简陋,并未考虑到数组的处理、数据的循环依赖等,也难免存在一些问题,欢迎大家指正。不过这些并不会影响大家的阅读和理解,相信看完本文后对大家在阅读vue源码的时候会更有帮助本文所有相关代码均在github上面可找到 https://github.com/DMQ/mvv

2020-09-14 14:39:18 107

原创 cnpm报错 : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本

在vsCode下使用cnpm时报如下错误:困扰了我很久,下面贴出解决方案:以管理员身份运行power shell,输入set-ExecutionPolicy RemoteSigned,输入A 回车:再次输入cnpm -v就可以运行了

2020-09-07 15:55:54 187

原创 Vue中安装element-ui失败问题原因

开启npm.cmd,输入npm install element-ui -S命令,正常情况会安装成功,但也有安装不成功的情况,若安装不成功,则检查npm和vue是否安装成功,使用:npm -vvue -Vps:这里的V大写来查看版本,看不到版本号,便重新安装npm或vue。解决方式:npm install npm -g...

2020-09-07 15:46:41 4079

转载 java8新特性十大特性详解(全)

前言越来越多的项目已经使用 Java 8 了,毫无疑问,Java 8 是Java自Java 5(发布于2004年)之后的最重要的版本。这个版本包含语言、编译器、库、工具和 JVM 等方面的十多个新特性。在本文中我们将学习这些新特性,并用实际的例子说明在什么场景下适合使用。**引用:**本文参考了这两篇文章,加以自己的理解,整理成一份最容易理解的 Java8 新特性文章,有少部分章节可能内容一致,但绝对不是抄袭,只是为了文章的完整性,大部分常用的地方加了我自己的理解和示例。https://blog.cs

2020-06-28 16:37:28 4651 1

转载 如何使用Java8中的OPTIONAL类

从 Java 8 引入的一个很有趣的特性是 Optional 类。Optional 类主要解决的问题是臭名昭著的空指针异常(NullPointerException) —— 每个 Java 程序员都非常了解的异常。本质上,这是一个包含有可选值的包装类,这意味着 Optional 类既可以含有对象也可以为空。Optional 是 Java 实现函数式编程的强劲一步,并且帮助在范式中实现。但是 Optional 的意义显然不止于此。我们从一个简单的用例开始。在 Java 8 之前,任何访问对象方法或属性的调

2020-06-15 15:54:45 222

原创 SpringBoot2.xxx整合Druid数据源

1、 配置自定义数据源——Druid下面以Mysql为例:首先删去对h2的依赖,增加对mysql以及Druid的依赖。<!--<dependency>--> <!--<groupId>com.h2database</groupId>--> <!--<artifactId>h2</artifactId>--> <!--<scope>runtime

2020-06-12 16:25:51 437

转载 SpringBoot1.5X和SpringBoot2.0X配置执行schema.sql脚本的方法

一、在springboot1.5x的时候要想让应用程序在启动的时候就执行建表的SQL,需要进行如下配置:1.将你的sql文件放在resources文件夹下面2.在application.yml文件中配置3.运行springboot的启动类,看控制台打印的日志看到这些说明你的建表语句已经执行成功,如果你不放心可以去数据库里看一下表是否已经创建好了二、如果大家使用的是springboot2.x版本那么可能会有点不同1.如果是springboot2.x版本,那需要在application.yml

2020-06-12 15:00:31 216

原创 springBoot学习笔记十

自定义Starter启动器只用来做依赖导入专门来写一个自动配置模块;启动器依赖自动配置模块,项目中引入相应的starter就会引入启动器的所有传递依赖启动器启动器模块是一个空 JAR 文件,仅提供辅助性依赖管理,这些依赖可能用于自动 装配或者其他类库命名规约官方命名spring-boot-starter-模块名eg:spring-boot-starter-web、spring-boot-starter-jdbc、spring-boot-starter-thymelea

2020-06-11 16:21:16 93

原创 springBoot学习笔记九

SpringBoot启动流程启动原理 public static void main(String[] args) { //xxx.class:主配置类,(可以传多个) SpringApplication.run(xxx.class, args); }Copy to clipboardErrorCopied从run方法开始,创建SpringApplication,然后再调用run方法/** * ConfigurableApplicationCo

2020-06-11 16:19:20 163 1

原创 springBoot学习笔记八

SpringBoot整合JPASpringData:依赖<dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-jpa</artifactId> </dependency>

2020-06-11 16:00:56 105

原创 springBoot学习笔记七

SpringBoot整合Mybatis引入依赖<dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>

2020-06-11 15:58:29 132

原创 springBoot学习笔记六

SpringBoot与数据库连接依赖<dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-jdbc</artifactId> </dependency> <dependency> &lt

2020-06-11 15:52:50 100

原创 springboot学习笔记五

Docker1、简介Docker是一个开源的应用容器引擎;是一个轻量级容器技术;Docker支持将软件编译成一个镜像;然后在镜像中各种软件做好配置,将镜像发布出去,其他使用者可以直接使用这个镜像;运行中的这个镜像称为容器,容器启动是非常快速的。2、核心概念docker主机(Host):安装了Docker程序的机器(Docker直接安装在操作系统之上);docker客户端(Client):连接docker主机进行操作;docker仓库(Registry):用来保存各种打包好的软件镜像;d

2020-06-10 16:35:29 152

原创 springBoot学习笔记四

Web开发1、简介使用SpringBoot;1)、创建SpringBoot应用,选中我们需要的模块;2)、SpringBoot已经默认将这些场景配置好了,只需要在配置文件中指定少量配置就可以运行起来3)、自己编写业务代码;自动配置原理?这个场景SpringBoot帮我们配置了什么?能不能修改?能修改哪些配置?能不能扩展?xxxxxxxAutoConfiguration:帮我们给容器中自动配置组件;xxxxProperties:配置类来封装配置文件的内容;2、SpringBoot对静态

2020-06-10 16:29:42 562

原创 springBoot学习笔记三

日志1、日志框架小张;开发一个大型系统;​ 1、System.out.println("");将关键数据打印在控制台;去掉?写在一个文件?​ 2、框架来记录系统的一些运行时信息;日志框架 ; zhanglogging.jar;​ 3、高大上的几个功能?异步模式?自动归档?xxxx? zhanglogging-good.jar?​ 4、将以前框架卸下来?换上新的框架,重新修改之前相关的API;zhanglogging-prefect.jar;​ 5、JDBC—数据库驱动;​

2020-06-10 16:15:19 60

原创 springBoot学习笔记二

配置文件1、配置文件SpringBoot使用一个全局的配置文件,配置文件名是固定的;•application.properties•application.yml配置文件的作用:修改SpringBoot自动配置的默认值;SpringBoot在底层都给我们自动配置好;YAML(YAML Ain’t Markup Language)​ YAML A Markup Language:是一个标记语言​ YAML isn’t Markup Language:不是一个标记语言;标记语言:​ 以

2020-06-10 16:10:40 125

原创 springBoot学习笔记一

Spring Boot 入门1、Spring Boot 简介简化Spring应用开发的一个框架;整个Spring技术栈的一个大整合;J2EE开发的一站式解决方案;2、微服务2014,martin fowler微服务:架构风格(服务微化)一个应用应该是一组小型服务;可以通过HTTP的方式进行互通;单体应用:ALL IN ONE微服务:每一个功能元素最终都是一个可独立替换和独立升级的软件单元;详细参照微服务文档3、环境准备http://www.gulixueyuan.com/ 谷粒

2020-06-10 16:06:21 102

原创 记录一下在学习SpringBoot2.xxx,web开发定制错误数据时获取不到message,error,exception信息的解决方案

很简单只需要在配置文件中加上下面几个配置即可:server.error.include-exception=trueserver.error.include-message=always这是springBoot对这几个配置的默认值。private IncludeAttribute includeBindingErrors = IncludeAttribute.NEVER;private IncludeAttribute includeMessage = IncludeAttribute.NEVE

2020-06-08 16:01:12 391

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除