自定义博客皮肤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)
  • 收藏
  • 关注

原创 TCP/IP网络模型

TCP/IP网络模型计算机与网络设备需要相互通信,双方就必须基于相同的方法。如何探测到目标、由哪一边先发起通信、使用哪种语言进行通信、怎样结束通信等规则都需要提前确定。不同的硬件、不同的操作系统之间的通信,所有的这一切都需要一种规则,这种规则就叫做协议。TCP/IP是互联网相关的各类协议族的总称,例:TCP,UDP,IP,FTP,HTTP,ICMP,SMTP等都属于TCP/IP族内的协议。TCP/IP模型是互联网的基础,他是一系列网络协议的总称。这些协议可划分为四层,分别为链路层(物理层、数据链路层)

2020-08-02 22:14:08 4037

转载 JDK、JRE、JVM三者之间的联系和区别

概述java程序是运行在JVM上的,在做开封之前要配置java的开发环境,一、JDKjdk(java se)是java的标准开发包,它提供了编译、运行java程序所需要大的各种工具和资源,包括java编译器、java运行时环境,以及常用的java类库。二、JREjre(java runtime environment)、java运行环境,用户解释执行java的字节码文件。普通用户只需要安装jre来运行java程序。作为开发者必须安装jdk来编译、调试程序。下图是jre的安装目录,可以认为bi

2020-06-13 18:54:17 345

原创 数制转换

数制R进制,通俗来说就是逢R进一,可以使用的数为R个,从0~R-1,例如二进制可以用的数为0,1。二进制:逢二进一,通常在二进制后面加上字母B或者下标2作为二进制的标识。B就是二进制的英文Binary system的首字母八进制:逢八进一,通常在八进制后面加上字母O或者小写的o,或者下标8作为八进制的标识,O是英文八进制octal system的首字母十六进制:逢十六进一,有十六个字符0-...

2020-04-06 01:05:55 672

原创 记一次maven配置文件的坑

1.错误信息:新建完项目发现一直报错Cannot resolve plugin org.apache.maven.plugins:maven-clean-plugin:2.5这个问题折腾了半天,后来发现是配置文件出了问题,把maven的setting.xml文件用idea打开,发现配置文件爆红,修改掉就好了这一引用一张别人的图片我的错误原因也是mirrors飘红,但是检查标签没有对齐,...

2020-04-05 00:01:07 169 1

原创 侵入式框架和非侵入式框架的区别

1.什么是框架的侵入性 例:A是侵入性的,B代码中使用了A,那么如果B不用A了,那么B就必须要改代码,表现为B的代码要继承框架提供的类 如果A是非侵入性的,B不用A了,改为用C,那么B只需要改动配置文件即可,不需要改动代码,从编写者的角度来看,察觉不到框架的存在 侵入式让用户代码产生对框架的依赖,这些代码不能在框架外使用,不利于代码的复用。但侵入式可以使...

2020-04-04 17:00:52 1530 2

原创 SpringBoot定时任务

1.使用注解的方式执行定时任务首先需要在启动类中加上@EnableScheduling注解来开启定时任务。接配置完后就可以使用定时任务了,注意要加上@Componet注解加载到spirng容器中例子如下:@Componentpublic class dingshi { RestTemplate restTemplate = new RestTemplate(); @S...

2019-12-30 00:58:24 2916 1

原创 使用flink实现读取并放入mysql中

1.读取文件中的内容//创建环境ExecutionEnvironment env = ExecutionEnvironment.getExecutionEnvironment(); DataSet<String> text = env.readTextFile("文件路径"); //读取文件,对文件中的单词进行计数 DataSet&l...

2019-12-29 23:34:36 3026 4

原创 github使用

git 命令都已git 开头设置签名 作用,区分不同的开发人员的身份,这里设置的签名和登陆远程库的账号密码没有任何关系签名分为:项目级别:仅在当前本地库范围内有效git config user.name zhangsangit config user.email 917400846@qq.com信息保存位置在git.config中系统用户级别:登陆当前操作系统的用户范围git co...

2019-08-13 01:29:42 88

原创 关于Mybatis中注解的使用

Mybatis中使用注解式开发可以简化配置文件,sql 类型主要分成 : select@Select(sql),update@Update({sql}), update@Update(sql),update@Update({sql}), insert@Insert(sql),delete(sql), delete(sql),delete({sql}).@Results 用来设置table信息与...

2019-07-31 00:11:21 190

原创 java8中的Optional初次了解

Optional概述Optional是在java8中引入的,这个类是一个可以为null的容器对象,常用方法调用isPresent()方法会判断值是否存在,调用get()方法会返回该对象,map()方法如果有值。这个类中包含的方法of():实例Optional name=Optional.of(“zzz”);使用of方法时传入的参数不能为null,否则会抛空指针异常。ofNullable(...

2019-07-30 23:31:44 118

原创 使用webpack配置处理css样式表的第三方loader-vue

// 这是 main.js 是我们项目的JS入口文件// 1. 导入 Jquery// import *** from *** 是ES6中导入模块的方式// 由于 ES6的代码,太高级了,浏览器解析不了,所以,这一行执行会报错import $ from ‘jquery’// const $ = require(‘jquery’)// 使用 import 语法,导入 CSS样式表imp...

2019-07-13 20:07:03 250

原创 一个完整的配置文件

const path = require(‘path’)// 启用热更新的 第2步const webpack = require(‘webpack’)// 导入在内存中生成 HTML 页面的 插件// 只要是插件,都一定要 放到 plugins 节点中去// 这个插件的两个作用:// 1. 自动在内存中根据指定页面生成一个内存的页面// 2. 自动,把打包好的 bundle.js...

2019-07-13 19:31:50 109

原创 vue认识使用webpack

Vue.js - Day5 - Webpack在网页中会引用哪些常见的静态资源?JS.js .jsx .coffee .ts(TypeScript 类 C# 语言)CSS.css .less .sass .scssImages.jpg .png .gif .bmp .svg字体文件(Fonts).svg .ttf ...

2019-07-13 19:30:49 121

原创 nrm的使用

nrm的安装使用需要先安装node.js注意版本问题作用:提供了一些最常用的NPM包镜像地址,能够让我们快速的切换安装包时候的服务器地址;什么是镜像:原来包刚一开始是只存在于国外的NPM服务器,但是由于网络原因,经常访问不到,这时候,我们可以在国内,创建一个和官网完全一样的NPM服务器,只不过,数据都是从人家那里拿过来的,除此之外,使用方式完全一样;运行npm i nrm -g全局安装n...

2019-07-13 16:30:45 175

原创 vue中watch、methods和computed之间的区别

watch、computed和methods之间的对比computed属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算。主要当作属性来使用,有返回值;methods方法表示一个具体的操作,主要书写业务逻辑;watch一个对象,键是需要观察的表达式,值是对应回调函数。主要用来监听某些特定数据的变化,从而进行某些具体的业务逻辑操作;可以看作是computed和methods的结合体...

2019-07-13 15:48:37 211

原创 使用computed属性

**使用方法**在实例中定义属性:computed:{//在computed中,可以定义一些属性这些属性就叫做计算属性,计算属性的本质, //就是一个方法,不过我们在使用这些计算属性的时候,是把他们的名称直接当做属性来使用,并不会把计算属性,当做方法使用 //特性 计算属性在调用的时候不要加()去调用,直接把他当做普通属性即可 //只要计算属性这个函数内部使用的任何data中的数据...

2019-07-13 15:45:13 414

原创 使用watch监听

使用原因:比如路由这种不属于dom元素,是没有method属性的,所以无法写方法,只能通过watch进行监听路由的变化使用watch监听数据的变化使用方法在vm实例中添加一个watch属性watch:{//使用这个属性,可以监视data中数据的变化,然后触发这个watch中对应的处理函数firstname:function(newval,oldval){this.allname=newv...

2019-07-13 15:27:48 390

原创 使用命名视图实现经典布局

在创建路由时使用components添加多个组件,并给视图命名,使用时在router-view后加上name属性即可去组件中进行匹配,在name中是个字符串,只有在前加:的时候才是变量例子html代码 js代码 //创建路由 var router=new VueRouter({ routes:[ {path:"/", compone...

2019-07-13 15:12:55 303

原创 前端路由和后端路由

什么是路由**后端路由:**对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源;**前端路由:**对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现;不会涉及到页面刷新,只是切换组件在单页面应用程序中...

2019-07-13 13:35:32 809

原创 使用ref获取dom元素

ref是英文单词 reference(引用)实例 引入元素今天很好!console.log(this.$refs.myh3.innerText)refs代表多个元素,ref代表单个元素引入一个组件在组件中使用ref可是实现访问这个组件中的数据和方法实例var login={ template:"我市组建", data(){ return { name:...

2019-07-13 10:55:14 1812

原创 实现简单的评论功能

Document <cmt-box @func="loadComments"></cmt-box><ul class="list-group"> <li class="list-group-item" v-for="item in list" :key="item.id"> <...

2019-07-13 10:38:36 2467 7

原创 子组件通过事件绑定调用父组件的方法并传参

在组件模板中,使用@任意名=“父组件方法名” 加载父组件中的方法,加载之后组件就可以通过this.emit方法来进行调用并传递参数比如&lt;com2@func=&quot;show&quot;&gt;&lt;/com2&gt;this.emit方法来进行调用并传递参数比如&lt;com2 @func=&quot;show&amp...

2019-07-13 10:38:13 1739

原创 父组件向子组件之间传值

父组件向子组件传值组件实例定义方式,注意:一定要使用props属性来定义父组件传递过来的数据<script> // 创建 Vue 实例,得到 ViewModel var vm = new Vue({ el: '#app', data: { msg: '这是父组件中的消息' }, components...

2019-07-12 23:26:34 431

原创 vue中组件的使用

定义Vue组件什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可;组件化和模块化的不同:模块化: 是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一;组件化: 是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用;全局组件定义的三种方式...

2019-07-12 22:04:53 146

原创 使用vue实现列表动画

在实现列表的过渡的时候,如果需要过度的元素,通过v-for渲染出来的,不能使用transition包裹,需要使用transition-group如果要为v-for循环创建的元素设置动画,必须为每一个元素设置:key属性transition-gruop的属性的appear可以实现列表的入场效果用户在删除列表时使用,将li宽度设置为100%能提升美感使用tag属性可以指定transition...

2019-07-12 21:01:16 1079

原创 vue使用钩子函数

钩子函数的声明周期<transitionv-on:before-enter=“beforeEnter”v-on:enter=“enter”v-on:after-enter=“afterEnter”v-on:enter-cancelled=“enterCancelled”v-on:before-leave=“beforeLeave”v-on:leave=“leave”v-on:...

2019-07-12 20:27:50 115

原创 使用vue实现动画(使用类库)

使用类库注意使用时要加上 animated 实现动画 在动画模块中可以使用:duration=“200” 可以指定入场和出场的动画时长,可以使用对象的形式:duration="{enter:200,leave:500}" 分别指定入场和出场时长方式一:我是h3,没有使用动画方式二:我是h3,没有使用动画...

2019-07-12 19:52:38 391

原创 vue中的动画实现(没有使用类库)

动画分为6种class的切换四个时间点,两个时间段v-enter:定义进入过渡的开始状态。在元素被插入之前生效,在元素被插入之后的下一帧移除。v-enter-active:定义进入过渡生效时的状态。在整个进入过渡的阶段中应用,在元素被插入之前生效,在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间,延迟和曲线函数。v-enter-to: 2.1.8版及以上 定义进入过渡的结束...

2019-07-12 19:32:39 61

原创 vue使用ajax对后台数据的操作

使用vue-resource脚本在methods中编辑方法从数据库中获取数据,在created函数中调用,在页面渲染之前获取到数据使用get方法获取到数据库中的数据this.KaTeX parse error: Expected '}', got 'EOF' at end of input: … //1.使用this.http.post()接口接受三个参数// 第一个参数,要请求的...

2019-07-12 18:46:45 918

原创 vue生命周期

生命周期钩子=生命周期函数=生命周期事件主要的生命周期函数1.创建期间的生命周期函数在创建实例期间,会先初始化一个空的vue对象,这时候,这个对象身上只有默认的一些生命周期函数的默认事件,其他东西都未创建创建实例之后会执行beforecreate函数,这是遇到第一个生命周期函数,在执行这个函数时,data和methods中的数据还都未被初始化之后向下通过依赖注入导入依赖项向下执行cre...

2019-07-12 14:53:32 106

原创 vue自定义指令

自定义全局指令vue中的自定义指令在调用的时候都要以v-开头使用案例:html代码: 按照关键字进行搜索js代码://使用vue.directive()定义全局指令 v-focus//其中 参数1:指令的名称,在定义的时候,指令的名称前面,不需要加v-前缀但是在调用的时候,必须在指令名称前加上v-//参数2 : 是一个对象,在这个对象上,有一些指令相关的函数,这些函数可以在特定的阶段...

2019-07-12 13:57:38 100

原创 vue中的过滤器和占位符

过滤器vue.js中允许自定义过滤器,可被用作一些常见的文本格式化,过滤器可以用在两个地方,mastache插值和v-bind表达式中,过滤器应该被添加在JavaScript表达式的尾部,由“管道”符提示过滤器格式过滤器调用时候的格式 {{name | naemfromat}}定义一个过滤器过滤器可以有多个参数,但是第一个参数,已经被定死,永远都是过滤器管道符前面传递过来的数据Vue...

2019-07-12 10:59:04 1178

原创 第一天总结

mvc和mvvm的区别:vue中的基本代码结构基本指令1.插值表达式2.v-clock 消除闪烁(设置一个style 属性display为none,引用即可)3.v-text 会替代文本的内容,会减少闪烁4.v-html 会将字符串解析为html元素进行显示5.v-bind(缩写为 :) 数据绑定6.v-on(缩写为@) 事件触发7.v-model 数据之间的双向交互...

2019-07-11 21:07:41 46

原创 Vue中的v-for,v-if,v-show指令

in 后可以跟普通数组,对象数组,对象,数字使用for循环遍历数组 {{item.id}}------{{item.item}}-----索引:{{i}} **使用for循环遍历对象** 值:{{val}}----键:{{key}}---索引:{{i}} var vm=new Vue({ el:"#app", data:{ user:{ i...

2019-07-11 20:52:34 350

原创 Vue(一):基本指令

vue代码和MVVM之间的关系<!--将来new的vue实例会控制这个元素中的所有内容--> <!--vue实例控制的这个元素区域就相当于V--> <div id="app"> <!--使用v-clock可以解決页面在刚加载时出现源码的问题--> <p>{{msg}}</p> </div>插值...

2019-07-11 14:16:05 69

原创 初识Vue

Vue.jsvue.js是目前最火的前端框架vue.js是前端主流框架之一,它只关注图层,还便于与第三方库或系统项目整合,主要负责MVC中的V。前端开发:原生JS->jq之间的类库->前端模板引擎->Vue.js在Vue中,就是让用户不再操作DOM元素,解放了用户的效率。框架和库框架:是一套完整的解决方案,对项目的侵入性很大,如果更换框架则需要重构项目库:是提供一个...

2019-07-11 13:33:09 65

原创 sql优化

–导致查询缓慢的原因1、数据量过大2、表设计不合理3、sql语句写得不好4、没有合理使用索引– 针对SQL语句的优化1、查询语句中不要使用 *2、尽量减少子查询,使用关联查询(left join,right join,inner join)替代3、减少使用IN或者NOT IN ,使用exists,not exists或者关联查询语句替代4、or 的查询尽量用 union或者un...

2019-07-07 18:06:02 77

原创 java多线程

线程的五个状态:1.新建状态(New):当用new操作符创建一个线程时, 例如new Thread®,线程还没有开始运行,此时线程处在新建状态。 当一个线程处于新生状态时,程序还没有开始运行线程中的代码2.就绪状态(Runnable)一个新创建的线程并不自动开始运行,要执行线程,必须调用线程的start()方法。当线程对象调用start()方法即启动了线程,start()方法创建线程运行的...

2019-07-07 17:45:51 39

原创 java集合框架Map

Map  Map提供了一种映射关系,其中的元素是以键值对(key-value)的形式存储的,能够根据key查找value,key和value可以是任意类型的对象  key和value属于Entry类的对象实例  key值不能重复  一个value可以对应多个key,一个key只能对应一个value  Map的泛型:Map<K, V>   //K为key值的类型,V为valu...

2019-07-07 15:00:17 51

原创 java集合框架Collection

Collection 和 Collections的区别。Collections是个java.util下的类,它包含有各种有关集合操作的静态方法。常用方法:sort(),reverse(),copy(),compareTo()Collection是个java.util下的接口,它是各种集合结构的父接口。 常用方法:size(),add(),remove(),removeall(),hashC...

2019-07-06 18:10:40 62

空空如也

空空如也

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

TA关注的人

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