2020年08月_百日梦想家

原创 transition-group标签实现列表过渡动画

文章目录为什么需要transition-group语法没有出场动画与有出场动画比较为什么需要transition-group因为我们有时不只是需要单个元素动画，有时需要一整个列表都附带动画transition标签实现不了列表的群组动画，于是此时就有了transition-group语法appear :用来指定是否在出场时用渲染动画tag:用来指定transition-group标签渲染后的默认标签，不指定，transition-group默认被渲染成spantransition-grou

2020-08-29 17:32:50 2652

原创 resultMap-标签的使用-使用association和collection实现关联查询

文章目录resultMap-标签resultType单表映射resultMap-标签由程序员控制SQL查询的结果与实体类的映射关系：注意：MyBatis默认使用Auto Mapping（别名映射属性）特性resultType单表映射<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/d

2020-08-24 20:27:00 1817

原创 DTD文件与XML验证

介绍：拥有正确语法的XML被称为“形式良好”的XML。通过DTD验证的XML是“合法”的XML。eclipse引入本地dtd文件步骤1：步骤2：步骤3：

2020-08-24 18:43:36 407

原创 Mybatis简介，Mybatis环境搭建

文章目录什么是Mybatis?Mybatis的作用Mybatis环境搭建1. 导入Mybatis架包，导入源码2. 导入Mybatis架包所需要的jar文件，所有支持文件都在Mybatis的lib目录下![在这里插入图片描述](https://img-blog.csdnimg.cn/20200824183124624.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG

2020-08-24 18:40:48 285

原创 myabatis环境配置文件详解

文章目录1.全局配置文件`transactionManager`标签t`ype`可取值`dataSource`标签`type`可取值1.全局配置文件transactionManager标签type可取值JDBC：这个配置就是直接使用了JDBC 的提交和回滚设置，它依赖于从数据源得到的连接来管理事务作用域MANAGED ：这个配置几乎没做什么。它从来不提交或回滚一个连接，而是让容器来管理事务的整个生命周期（比如JEE 应用服务器的上下文）。默认情况下它会关闭连接，然而一些容器并不希望这样，因此需要将

2020-08-24 18:27:18 153

原创 maven配置文件放行

1.在pom.xml文件中加入：<resources> <resource> <directory>src/main/resources</directory> <filtering>false</filtering> <includes> <include>**/*.xml</include> &lt

2020-08-24 18:21:02 287

原创 tomcat8.5热部署

tomcat8.5热部署（将项目发布到tomcat8.5上）步骤1：修改tomcat–conf–tomcat-users.xml配置文件；添加如下代码：<role rolename="manager-gui"/><user username="admin" password="123456" roles="manager-gui"/><role rolename="admin-gui"/><role rolename="admin-script"/&gt

2020-08-24 10:05:33 487

原创 maven中的scope标签详解

maven中scope标签详解1.compile：默认值他表示被依赖项目需要参与当前项目的编译，还有后续的测试，运行周期也参与其中，是一个比较强的依赖。打包的时候通常需要包含进去2.test：依赖项目仅仅参与测试相关的工作，包括测试代码的编译和执行，不会被打包，例如：junit3.runtime：表示被依赖项目无需参与项目的编译，不过后期的测试和运行周期需要其参与。与compile相比，跳过了编译而已。例如JDBC驱动，适用运行和测试阶段4.provided：打包的时候可以不用包进去，别的设施会提

2020-08-24 10:01:41 185

原创配置maven的pom文件

文章目录设置（jre）运行时为1.8版本设置tomcat7启动cmd启动命令添加maven项目依赖（pom文件详细模板）设置（jre）运行时为1.8版本在pom.xml添加如下内容 <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-compiler-plugin</artifactId&

2020-08-24 09:59:59 248

原创创建maven项目（eclipse）

创建Maven项目在eclipse左边的导航栏空白处，点击鼠标右键，选择New->Project（如图4）；或者New->Other，搜索找到Maven Project。或者是找到左边菜单栏中的，选择Maven Project新建Maven项目（如图5）图5：接着进入Maven工程的创建（图6），若想快速创建Maven可以勾选上Create a Simple Project，点击Next进入图7填写项目的信息；图6：图7：如果没有选择，则进入选择模板页面（图8），选择好后点击

2020-08-24 09:48:15 116

原创 Maven生命周期（常用命令）

文章目录1.Maven的生命周期：1.1.clean：生命周期：clean1.2.default：生命周期：compile,test-compile,test,package，install1.3.site：生命周期：site命令，生成项目描述文档静态页注意：不同的生命周期可以一起执行，例如先clean再compile2.Maven命令的执行顺序：2.1.在相同生命周期内的命令会受执行顺序的影响2.2.default生命周期执行顺序如下：compile>>test-compi

2020-08-24 09:44:20 281

原创认识maven仓库配置仓库

文章目录在配置仓库之前，先将maven路径放进path变量仓库类型配置本地仓库配置中央仓库（国内建议设置阿里云maven仓库）步骤1在配置仓库之前，先将maven路径放进path变量仓库类型本地仓库中央仓库远程仓库配置本地仓库设置本地仓库：maven根目录–>conf–>settings.xml，将localRepository标签中路径替换成自己本地仓库的路径配置中央仓库（国内建议设置阿里云maven仓库）步骤1步骤一：在settings.xml中的mirrors标签

2020-08-23 21:02:39 269

原创 Maven从哪里获取

1.Maven是什么？Maven是Apache下的项目管理工具，它由纯java语言开发，可以帮助我们更方便的管理和构建Java项目2.使用Maven的优点?从Maven中央仓库获取标准的规范的jar包以及相关依赖jar包，避免自己下载到错误的jar包本地仓库统一管理jar包，使jar包与项目分离，减轻项目体积Maven具有跨平台的特点，可以在window与Linux上使用清晰的项目结构多工程开发，将模块拆分成若干个工程，利于团队开发一键构建项目：使用命令可以对项目进行一键构建，操作系统中无

2020-08-23 20:55:34 385

原创 mysql的increment详情

目录increment代表着什么？设置自增起始量设置自增间隔量increment代表着什么？increment关键字代表自增列，相当于sql server中的identity关键字，不同的是，指定自增起始量和间隔量的方式不同设置自增起始量set @@auto_increment_increment=1设置自增间隔量set @@auto_increment_offset=1...

2020-08-23 13:13:18 2614

原创 mysql常用查询语句

目录数据库级别显示所有数据库显示当前使用数据库数据表级别显示所有表未完待续...............................................................数据库级别显示所有数据库-- show databasesshow databases;显示当前使用数据库-- check current databaseselect database();数据表级别显示所有表show tables;未完待续…...

2020-08-23 13:01:52 264

原创 mysql基础使用

目录数据库的操作新建数据库修改数据库删除数据库使用数据库数据表的操作修改表名创建表注意语法实例修改表增加列修改列删除列删除表未完待续。。。。。。。。。。。。。。。。数据库的操作新建数据库create database databaseName;修改数据库删除数据库drop database databaseName;使用数据库use databaseName;数据表的操作修改表名其中，TO 为可选参数，使用与否均不影响结果。ALTER TABLE <旧表名> R

2020-08-22 18:57:15 873

原创 mysql忘记密码重置

目录第一步，停止mysql服务，删除服务第二步，删除data文件夹然后.....重新安装第一步，停止mysql服务，删除服务cmd> net stop mysqlcmd>sc delete mysql第二步，删除data文件夹然后…重新安装安装...

2020-08-21 20:37:23 147

原创 window10安装mysql

目录下载mysql压缩包添加系统path变量在mysql 的目录里面创建my.ini配置文件my.ini内容如下（管理员运行cmd）初始化数据库获取到初始密码安装启动mysql服务顺便扩展一下使用给的随机密码登录下载mysql压缩包网址：https://dev.mysql.com/downloads/mysql/添加系统path变量将mysql的bin文件夹路径添加进入系统path属性在mysql 的目录里面创建my.ini配置文件my.ini内容如下（管理员运行cmd）初始化数据库c

2020-08-21 20:34:09 280

原创 Vue-resource发送网络请求

Vue-resource发送网络请求step1.下载下载地址语法和属性语法支持的方法种类config配置表response属性方法表发送get请求发送post请求注意:发生post请求是，一定要带上emulate，否则会因为网络拦截问题出现错误step1.下载下载地址https://github.com/pagekit/vue-resource语法和属性语法全局使用写法Vue.http.get('/someUrl', [config]).then(successCallback, errorC

2020-08-20 16:28:36 533

原创 Vue实例的生命周期

声明周期在一个Vue实例中的声明周期是怎么样的呢Vue实例的运行会触发那些相关的函数呢在一个Vue实例中的声明周期是怎么样的呢Vue实例的运行会触发那些相关的函数呢函数名称作用beforeCreate当Vue实例刚在内存中创立触发，但是只有一些默认的属性和方法，此时Vue的data和methods…属性等都没有声明创建created当Vue实例的method，data等属性在内存中完成创建时触发beforeMountVue会根据用户设置的data和指定的elem

2020-08-19 15:44:03 134 1

原创 vue实现自定义指令

自定义指令什么是指令？注册自定义指令的语法注册全局自定义指令注册局部自定义指令钩子函数作用函数种类注意（一般初始化元素属性用bind，使用js的方法，应该用inserted和updated）函数参数实例什么是指令？在Vue中指令有v-cloak,v-text,v-on,v-bind,v-for。。。。这些统统都是指令，每个指令都有不同作用注册自定义指令的语法注册全局自定义指令注册局部自定义指令钩子函数作用当使用自定义指令时触发的回调函数函数种类函数名称作用bin

2020-08-17 15:41:30 712

原创 Vue中的按键修饰符

按键修饰符使用官方提供的类型自定义按键修饰符案例结果（按enter键触发按键修饰符）使用<input v-on:keyup.[修饰符名称]="submit">官方提供的类型名称.enter.tab.delete （同时捕获删除键和退格键）.space.up.down.left.right自定义按键修饰符// 可以使用 `v-on:keyup.f1`Vue.config.keyCodes.f1 = 112案例&l

2020-08-17 14:07:37 767

原创 Vue中的filter

filter定义调用注意：实例效果定义<script> Vue.filter(id,function(data[,...]){})</script>定义数据类型解释idstring过滤器的名称function(data,…){}function需要执行的函数，第一个参数必定，肯定是前面传递过来的数据，参数可以任意多个调用{{ 参数 | filter名称[ |....] }}注意：当过滤器没有多余参数时，调用时可以不带

2020-08-15 14:13:54 589

原创 v-if与v-show

显示元素属性v-if/showv-if特点缺点v-show特点缺点使用注意实例v-if特点每次都会重新删除或创建元素缺点有较高的切换性能消耗v-show特点每次不会重新进行DOM的删除和创建操作,只是切换了元素的display:none 样式缺点有较高的初始渲染消耗使用注意如果元素涉及到频繁的切换,最好不要使用v-if；而是推荐使用v-show如果元素可能永远也不会被显示出来被用户看到,则推荐使用v-if实例...

2020-08-13 15:01:43 102

原创 v-for属性

v-for遍历索引取法遍历数组语法实例遍历对象数组语法实例遍历单个对象（key,value）语法实例遍历普通数字语法注意实例索引取法<div v-for="(item, index) in items"></div><div v-for="(value, key, index) in object"></div>遍历数组语法<div v-for=

2020-08-12 15:48:50 1766

原创 Vue对于style属性的应用

Vue对于style属性的应用注意：推荐直接使用对象的方式注意：推荐直接使用对象的方式<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,

2020-08-12 14:02:24 248

原创 Vue对于class属性的应用

Vue对于class属性的应用实例类（class）传递方式（注意 class属性需要v-bind:绑定）方式一：以数组的形式方式二：在数组中使用三元表达式方式三：在数组中内嵌对象方式四：直接使用对象，易读写（推荐，推荐，推荐）实例类（class）<style type="text/css"> .red{ color:#EE3D11; } .thin{ font-weight: 200; } .italic{ font-style: ita

2020-08-12 13:34:07 817 1

原创 JavaScript eval() 函数

JavaScript eval（）函数定义和用法参数描述返回值定义和用法eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。eval(string)参数描述参数描述string必需。要计算的字符串，其中含有要计算的 JavaScript 表达式或要执行的语句。返回值通过计算 string 得到的值（如果有的话）。...

2020-08-11 18:24:32 108

原创 v-model之双向绑定

目录v-model双向绑定v-model与v-bind的区别注意用法结果v-model双向绑定v-model与v-bind的区别代码解释v-bind:v-bind:只能实现数据的单项绑定，从M（model）层自动绑定到V（view）层，无法实现数据的双向绑定v-modelv-model指令，可以实现表单元素和model中的数据的双向绑定注意v-model只能用在表单元素中，例如input,select,radio,textarea…v-model指令的用法与v

2020-08-11 18:01:42 219

原创 v-on:属性的self修饰符案例

将self修饰符放在button按钮的外层div上，button的click事件起作用时，外层的inner并没有执行click事件**注意：**虽然被self修饰符加持，不会被冒泡机制影响，单不代表冒泡机制会被阻止

2020-08-10 18:27:04 384

原创 capture捕捉模式

什么是capture捕捉模式？说明：简单来说就是，当一个元素开启了capture模式时，它会自动对自己内部的子元素所做出的的事件反应，内部元素执行click，它随之做click动作实例<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1">

2020-08-10 18:08:27 2129

原创谜一样的冒泡事件（javascript）

什么是冒泡事件？代名词说明脚本中的冒泡事件就是当设定了多个div的嵌套时；即建立了父子关系，当父div与子div共同加入了onclick事件时，当触发了子div的onclick事件后，子div进行相应的js操作。但是父div的onclick事件同样会被触发。这就造成了事件的多层并发，导致了页面混乱。这就是冒泡事件。实例代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /

2020-08-10 17:19:29 125

原创跑马灯案例

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>跑马灯效果</title> <style type="text/css"> /* 去除插值表达式闪烁问题 */ [v-clo

2020-08-09 16:02:25 271

原创 setInterval与clearInterval

setInterval与clearIntervalsetInterval定义和用法语法返回值实例setInterval定义和用法setInterval()方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval()方法会不停地调用函数，直到clearInterval() 被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。语法setInterval(code,millisec[,"lang"])参数描述

2020-08-09 15:54:41 471

原创 v-on:属性

v-on:属性作用更多详情可以参考官方API实例作用v-on:属性是vue中用来提供事件绑定的机制，需要与Vue构造函数中的methods属性来配合使用v-on:属性支持浏览器上所有常用事件，例如click事件，change事件，mouseover事件…更多详情可以参考官方APIhttps://cn.vuejs.org/v2/api/#v-on实例<!DOCTYPE html><html> <head> <meta charset="utf

2020-08-09 14:29:03 720

原创 v-bind:属性

v-bind:属性v-bind:属性作用注意v-bind:属性的简写v-bind:属性作用v-bind:属性是Vue提供用来绑定属性的指令，当一个普通的属性前面带上了v-bind:，那么Vue就会把当前属性的值认为是表达式,用js语法来解析注意v-bind:属性会导致Vue将所指的属性的值当做合法表达式来处理，所有支持我们在属性值里面做改变v-bind:属性的简写v-bind:可以简写成：...

2020-08-09 13:43:57 1628

原创 v-cloak与v-text属性，v-html属性

v-cloak与v-text属性，v-html属性v-cloak属性作用什么是插值表达式闪烁？使用v-cloak来解决插值闪烁问题v-cloak属性作用主要用来帮助我们解决插值表达式闪烁的问题什么是插值表达式闪烁？当我们网速加载速度比较慢的时候，插值表达式还没有渲染完成时使用v-cloak来解决插值闪烁问题...

2020-08-09 10:15:36 221

qq_42418169的博客