自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

D.K专栏

欢迎志同道合者相互探讨

原创 Owasp Top10 Web安全宝典-常见漏洞及修复方案
原力计划

SQL注入 漏洞定义 SQL注入是一种将SQL代码注入或者添加到应用(用户)的输入参数中的攻击,之后再将这些参数传递给后台的SQL服务器加以解析并执行。由于SQL语句本身多样性,以及用于构造的SQL语句编码方法很多,因此凡是构造SQL语句没有过滤的均存在被潜在攻击的风险 攻击原理 其本质是...

2020-06-05 22:30:15 62 0

原创 渗透测试案例指引
原力计划

认证测试 账号注册测试 批量注册 注册用户接口可无限制重放 恶意注册 注册时,填写个人信息,设置密码,设置登录名等情况时,输入已存在的用户的对应信息,以达到复制用户或者恶意修改已存在用户信息的目的; 是否存在同一手机号(邮箱、身份证等证件信息)可以注册多个账号; 登录凭证传输...

2020-06-03 17:43:18 334 0

原创 架构师进阶之独孤九剑:设计模式详解

架构师进阶之独孤九剑:设计模式详解 我们继续架构师进阶之独孤九剑进阶,目前我们仍然在第一阶段:程序设计和开发环节。 “ 设计模式不仅仅只是一种规范,更多的是一种设计思路和经验总结,目的只有一个:提高你高质量编码的能力。以下主要分为三个环节:为什么要用设计模式、设计模式的分类,以及最后推荐大家...

2019-09-19 16:24:34 217 0

原创 查找正在运行的服务的目录

linux上经常会查找某个服务的路径在哪里,如果通过,如查找nginx find / -name nginx 会在服务器上查找到一堆目录下都有这个文件 现在要查找的是此刻正在运行的服务的目录。 如查找nginx运行的目录 1、先通过nginx的PID,以常用的80端口为例。 nets...

2019-07-24 17:19:35 266 0

原创 理财收益,收支管理系统,自己开发自娱自乐

最近花了点时间做了一套理财收支管理系统,可以对自己的收入和支出。最重要的是支出进行管理。 这样下去对自己进行开源节流,我觉得非常不错。 ...

2019-07-18 20:42:58 393 0

原创 vue系列文章(28)axios全局配置

上节中我们对axios进行了简单的配置,对于每个文件都需要引入axios,现在我们可以对axios进行全局的配置,。 在main.js中引入axios import axios from 'axios' // axios全局配置 axios.defaults.baseU...

2019-07-16 20:32:55 163 0

原创 vue系列文章(27)axios替换vue-resource

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 vue2.0之后,就不再对vue-resource更新,而是推荐使用axios,基于promise的HTTP请求客户端,可同时在浏览器和Node.js中使用。 功能特性: 1、在浏览器中发送XM...

2019-07-16 20:31:32 147 0

原创 vue系列文章(26)vue路由传参

经常遇到这样的问题,某个连接中需要根据id或者value的值进行更改路由连接的值,那么如何给连接中带上参数呢,这就需要在router的连接中带上我们自己的参数值。 如下面的路由连接是这样书写的。 import ShowBlogs from './components/ShowBlo...

2019-07-16 20:30:22 43 0

原创 vue系列文章(25)vue自定义指令,钩子函数

前面文章中,我们使用了很多vue提供 的指令,如v-mode ,v-on,v-show等。 Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。举个聚焦输入框的例子,如下...

2019-07-16 20:29:15 43 0

原创 vue系列文章(24)vue路由的路由独享守卫和组件内守卫-管理台权限控制案例

上节中对登录和注册的权限进行控制,采用的是全局路由守卫。 但部分路由中遇到的是点击管理台的权限判断,如果有权限则进行跳转,如果没有则没法跳转,就用到了路由的独享守卫和组件内守卫的方法。 路由独享守卫,可以在main.js的路由配置中加入 你可以在路由配置上直接定义beforeEnter守卫:...

2019-07-16 20:28:16 615 0

原创 vue系列文章(23)vue路由的全局守卫路由router.beforeEach

正如其名,vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。 记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察$route对象来应对这些变化,或使用beforeRouteUpdate的...

2019-07-16 20:27:08 173 0

原创 vue系列文章(22)路由之二级路由和三级路由

上节中讲解了一级路由,不过大多数的网站,系统,都由二级路由及多级路由组成, 下面讲述二级路由及三级路由,大多数以此类推。 我们在main.js中引入二级路由所需要的页面 // 二级路由 import Contact from './components/about/Contact...

2019-07-16 20:26:13 103 0

原创 vue系列文章(21)路由指定名字和路由跳转方法

上一节对路由的跳转及路由的配置进行过简单介绍, 首先是安装路由模块,采用npm install vue-router --save 安装完成后引入路由模块 在main.js中进行引入 import VueRouter from 'vue-router'; Vue.us...

2019-07-16 20:24:59 513 0

原创 解决shell脚本“syntax error near unexpected token `fi'”的问题。

先列出我的shell脚本。 我是在windows编辑器里面编辑好之后再上传到linux进行执行的。 #!/bin/bash Monitor() { pgrep -x mysqld &> /dev/null if [ $? -ne 0 ]; then echo &quo...

2019-07-12 10:56:45 7343 2

原创 Vue系列文章(13)vue cli脚手架

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供 通过@vue/cli搭建交互式的项目脚手架。 通过@vue/cli+@vue/cli-service-global快速开始零配置原型开发。 一个运行时依赖 (@vue/cli-service),该依赖: 可升级; ...

2019-07-06 17:49:37 96 0

原创 vue系列文章(11):初始化多个实例对象

初始化多个vue实例对象很简单,需要对每个Vue赋值个对象,对每个对象进行操作即可。 每个对象里面有各自的data,methods等 <!DOCTYPE html> <html lang="en"> <head> <meta...

2019-07-06 17:49:28 266 0

原创 vue系列文章(12)初始组件的应用

在注册一个组件的时候,我们始终需要给它一个名字。比如在全局注册的时候我们已经看到了: Vue.component('my-component-name', { /* ... */ }) 该组件名就是Vue.component的第一个参数。 你给予组件的名字可能依赖于你打算...

2019-07-06 17:49:22 68 0

原创 vue系列文章(14)vue-cli脚手架,组件嵌套,全局组件注册和局部组件注册

首先新建我们自定义组件Users组件,并在组件中加入我们自己的内容,如下所示,自定义Users组件,并对users进行循环输出。 <template> <div class="users"> <ul> <...

2019-07-06 17:49:13 677 0

原创 vue系列文章(15)属性传值props

父组件想往子组件进行传输数据,可以采用props进行传输。如下面的app.vue对users数据进行传输。 如app.vue里面的users如下: data () { return { users:[ {name:"MiaoJie&q...

2019-07-06 17:49:07 82 0

原创 vue系列文章(16)传值和传引用的类型和区别

父组件在向子组件进行传输内容的时候,如果传输的类型是array object,那么传递的是一个引用。如果父组件向子组件传递的是一个String,Number,boolean则传递的是一个值。下面对这两种情况进行代码演示。 在子组件里增加一个按钮修改传递的值的情况,观察两个组件的内容是否变化。 ...

2019-07-06 17:48:59 117 0

原创 vue系列文章(17)利用事件传递将子组件值传递给父组件

从上一篇文章中可以看到。 现在我们希望header里面的值传递给app父组件,将其title进行改变,并改变header和footer的title值。 那么首先需要在子组件header里面进行声明一个方法 methods: { changeTitle: function() { ...

2019-07-06 17:48:53 132 0

原创 vue系列文章(18)vue生命周期

vue文档上面提供的生命周期图示很详细,具体看下面 生命周期中提供的一系列钩子函数非常重要,包含有:beforeCreate() ,created(),beforeMount(),mounted(),beforeUpdate(),updated(), beforeDestroy(),de...

2019-07-06 17:48:47 108 0

原创 vue系列文章(19)vue路由配置

vue路由配置相当重要,可以参考官方的路由文档。https://router.vuejs.org/zh/ 首先需要在我们的项目中安装路由模块 npm install vue-router --save-dev 安装以后我们就可以在我们的项目中引用vueRouter 首先在main.js中引...

2019-07-06 17:48:41 77 0

原创 vue系列文章(20) vue网络请求vue-resource

vue-resource和vue-router配置大致相同,它的目的就是讲后台的接口数据传输给前端进行显示。 首先需要安装vue-resource npm install vue-resource --init-dev 安装完成后需要在main.js里面引用vue-resource imp...

2019-07-06 17:48:34 63 0

原创 vue系列文章(10)vue实战项目demo

我们要实现的图类似于下面的这样: 点击使劲敲,下面的进度条进行减少,敲完后出现下面的图片。同时使劲敲的button消失,恢复原状后变成最上面的图。 <!DOCTYPE html> <html lang="en"> <head> ...

2019-07-05 16:44:31 259 0

原创 vue系列文章(9)v-for条件循环

基于源数据多次渲染元素或模板块。此指令之值,必须使用特定语法alias in expression,为当前遍历的元素提供别名: <div v-for="item in items"> {{ item.text }} </div> 例子: &l...

2019-07-05 16:39:23 244 0

原创 vue系列文章(8)条件渲染

v-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...

2019-07-05 16:35:24 51 0

原创 vue系列文章(7)动态CSS类型绑定

操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用v-bind处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将v-bind用于class和style时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,...

2019-07-05 16:34:24 115 0

原创 vue系列文章(6)计算属性computed

模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: <div id="example"> {{ message.split('').reverse().join('...

2019-07-05 16:32:47 139 0

原创 vue系列文章(5)双向数据绑定

你可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但v-model本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行...

2019-07-05 16:31:53 106 0

原创 Vue系列文章(4)键盘事件及键盘修饰符

在监听键盘事件时,我们经常需要检查详细的按键。Vue 允许为v-on在监听键盘事件时添加按键修饰符: <!-- 只有在 `key` 是 `Enter` 时调用 `vm.submit()` --> <input v-on:keyup.enter="submit"...

2019-07-05 16:30:45 190 0

原创 vue系列文章(3):事件修饰符

在事件处理程序中调用event.preventDefault()或event.stopPropagation()是非常常见的需求。尽管我们可以在方法中轻松实现这点,但更好的方式是:方法只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。 为了解决这个问题,Vue.js 为v-on提供了事件修饰符...

2019-07-05 16:29:49 116 0

原创 Vue系列文章(2)事件绑定,鼠标点击事件

html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue.js</title&...

2019-07-05 16:28:24 681 0

原创 vue系列文章(1):对象绑定,属性绑定

html页面代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue.js</title...

2019-07-05 16:26:52 319 0

原创 vue2.0使用transition过渡效果

先树下下过渡的CSS类名, 1、v-enter-active:可以理解为组件显示的整个过程。 2、v-enter:是组件显示的起始状态 3、v-enter-to:是组件最后展示的状态 4、v-leave-active:是组件隐藏的整个过程 5、v-leave:是组件隐藏的起始状态。 6...

2019-06-24 21:47:11 53 0

原创 linux centos7 crond定时任务,监控Tomcat进程并进行重新启动

自己写的系统,进程性由于CPU过高导致偷偷的挂掉,系统上部署的服务无法使用给客户造成损失。 原先准备考虑守护进程的写法,但百度了一圈,感觉挺复杂的,后来就采用了linux crond定时任务的方法对系统进程进行监控并重启。 crondtab命令在centos7上与之前的版本有很大的区别。之前的...

2019-06-06 18:52:22 598 0

转载 分布式全局唯一ID生成策略

为何分布式系统需要用到ID生成系统 在复杂的分布式系统中,往往需要对大量的数据和消息进行唯一标识。如在美团点评的吉荣、支付、餐饮、酒店、猫眼电影等产品的系统中,数据日渐增长,对数据库的分库分表后需要一个唯一ID来标识一条数据或消息,数据库的自增ID显然不能满足需求;特别一点的如订单、骑手、优惠券...

2019-05-25 10:08:31 96 0

原创 springboot集成kafka

上一期写了篇博客:springboot集成kafka,再测高并发的时候入库操作有些问题 这篇用springboot集成的kafka进行操作,验证了2000个并发没发现任何问题 1、添加配置文件: spring: kafka: bootstrap-servers: 127.0...

2019-05-24 19:39:11 378 0

原创 springboot集成kafka(实现producer和consumer)

本文简单介绍下如何在springboot中集成kafka收发消息 1、先安装依赖的jar包: <dependency> <groupId>org.springframework.kafka</groupId> <artifact...

2019-05-22 19:38:22 2046 5

转载 JAVA设计模式之观察者模式

1、初步认识 观察者模式的定义:   在对象之间定义了一对多的依赖,这样一来,当一个对象改变状态,依赖它的对象会收到通知并自动更新。 大白话:   其实就是发布订阅模式,发布者发布信息,订阅者获取信息,订阅了就能收到信息,没订阅就收不到信息。 2、这个模式的结构图 3、可以看到,该...

2019-03-28 22:59:48 1037 1

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