- 博客(22)
- 资源 (203)
- 收藏
- 关注
转载 Vue项目使用拦截器和JWT验证 完整案例
挺详细的一个案例项目,值得参考!作者:YXihttps://juejin.im/post/6844903959883218951)https://gitee.com/gitee_fanjunyang/Inter_JWT几乎在所有的项目中都离不开拦截器和登录验证,这是必需的。如果你学会了这个 demo,那么几乎所有网站的登录验证,加载动画就都会了,所以背也要背会所以本章以一个 demo 为例,来帮助大家理解拦截器和登录验证控制文章后面有源码,可以下载下来运行一下先来看看效果:
2020-08-29 12:36:48 610
转载 JAVA 线上故障排查完整套路,从 CPU、磁盘、内存、网络、GC 一条龙!
CPU 磁盘 内存 GC问题 网络 线上故障主要会包括cpu、磁盘、内存以及网络问题,而大多数故障可能会包含不止一个层面的问题,所以进行排查时候尽量四个方面依次排查一遍。同时例如jstack、jmap等工具也是不囿于一个方面的问题的,基本上出问题就是df、free、top 三连,然后依次jstack、jmap伺候,具体问题具体分析即可。CPU一般来讲我们首先会排查cpu方面的问题。cpu异常往往还是比较好定位的。原因包括业务逻辑问题(死循环)、频繁..
2020-08-29 12:32:18 247
转载 vue中常用修饰符
一、v-model修饰符1、.lazy:输入框改变,这个数据就会改变,lazy这个修饰符会在光标离开input框才会更新数据:2、.trim:输入框过滤首尾的空格:3、.number:先输入数字就会限制输入只能是数字,先字符串就相当于没有加number,注意,不是输入框不能输入字符串,是这个数据是数字:二、事件修饰符4、.stop:阻止事件冒泡,相当于调用了event.stopPropagation()方法:5、.prevent:阻止默认行为,..
2020-08-23 10:09:34 1033
转载 箭头函数的this和普通函数的this有何不同
在我们讲解之前先以一道题引入:const shape = { radius: 10, diameter() { return this.radius * 2; }, perimeter: () => 2 * Math.PI * this.radius}shape.diameter() // 20shape.perimeter() // NaN经过多番查阅资料,得出以下结论:箭头函数里是没有this的,而普通函数是有this的 箭头函数中的this是在定
2020-08-23 10:07:58 537
转载 【Java虚拟机8】自定义类加载器、类加载器命名空间、类的卸载
前言学习类加载器就一定要自己实现一个类加载器,今天就从一个简单的自定义类加载器说起。自定义类加载器例1一个简单的类加载器,从一个给定的二进制名字读取一个字节码文件的内容,然后生成对应的class对象。package com.jamie.jvmstudy;import java.io.*;public class CustomizedClassLoader extends ClassLoader { private String classLoaderName;
2020-08-17 22:15:04 345
转载 jvm字节码的加载与卸载
虚拟机把描述类的数据从class文件加载到内存,并对数据进行校验,转换分析和初始化,最终形成可以被虚拟节直接使用的JAVA类型,这就是虚拟机的类加载机制。类从被加载到虚拟机内存到卸载出内存的生命周期包括:加载->连接(验证->准备->解析)->初始化->使用->卸载初始化的5种情况:1.使用new关键字实例化对象时,读取或设置一个类的静态字段,除被final修饰经编译结果放在常量池的静态字段,调用类的静态方法时。 2.使用java.lang.reflect包方
2020-08-17 22:05:37 194
转载 vue之require与import之间的区别
首先我们要明白require与import的基本语法:require的基本语法:在导出的文件中定义module.export,导出的对象的类型不予限定(可以是任何类型,字符串,变量,对象,方法),在引入的文件中调用require()方法引入对象即可,换一种说法就是require相当于module.exports的传送门,module.exports后面的内容是什么,require的结果就是什么,对象、数字、字符串、函数……再把require的结果赋值给某个变量,代码实现首先如: 1 2
2020-08-16 15:56:11 671
转载 vue2.0中watch总结:普通监听和深度监听
watch:{} 是一个对象,一定要当成对象来用,可监听数据,是vue中数据发生变化进行处理的函数,它有三个选项第一个handler:其值是一个回调函数。即监听到变化时应该执行的函数。第二个是deep:其值是true或false;确认是否深入监听。(一般监听时是不能监听到对象属性值的变化的,数组的值变化可以听到。)第三个是immediate:其值是true或false;确认是否以当前的初始值执行handler的函数。---------------------1、普通监听<.
2020-08-16 10:10:11 742
转载 vue中的$attrs和$listener以及$props简介
Vue中的$attrs和$listener大家在组件开发中肯定遇到过父组件需要向子组件传递数据和事件的问题,以往我们是这样解决的:父组件代码: 1 <template> 2 <div id="father"> 3 <child :tempdata="temp" @fatherFn="tempFn"><child> 4 </div> 5 </template> 6 <scr
2020-08-15 16:04:30 816
转载 vue插槽slot的理解和使用方法
前言Vue的slot插槽,可以从字面意思来了解用途,占用占坑的意思,既然是占坑肯定是先占坑后面有其他具体的内容来替换代替。根据slot的应用场景可以分为匿名slot和具名slot。一、个人理解及插槽的使用场景刚开始看教程我的疑惑是为什么要用插槽,它的使用场景是什么,很多解释都是“父组件向子组件传递dom时会用到插槽”,这并不能很好的解决我的疑惑。既然你用了子组件,你为什么要给她传一些dom,直接去定义复用的子组件不就好了。后来想想觉得一个复用的组件在不同的地方只有些许变化,如果去重写子组件是很不
2020-08-11 22:17:35 1341
转载 Vue 自定义组件
简介组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树功能组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。所有的 Vue 组件同时也都是 Vue 的实例,所以可接受相同的选项对.
2020-08-11 22:13:37 315
转载 vuex 使用总结(详解)
###### 如果之前未使用过 vuex 请务必先看一下参考参考:vue中store存储store.commit和store.dispatch的区别及使用 vuex的安装和简单使用什么情况下应该使用 Vuex?Vuex 可以帮助我们管理共享状态,并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。如果不打算开发大型单页应用,应用够简单,最好不要使用 Vuex。一个简单的store 模式就足够了。但是,如果需要构建一个中大型单页应用,就要考虑如何更好地在组件外部管理状态,Vu..
2020-08-09 22:38:13 350
转载 Vue中watch用法详解
基本用法: 当fullName值变化时,watch监听到并且执行<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div> new Vue({ el: '#root', data: { firstName: 'Dawei',...
2020-08-09 11:25:25 271
转载 vue父子组件通信高级用法
vue项目的一大亮点就是组件化。使用组件可以极大地提高项目中代码的复用率,减少代码量。但是使用组件最大的难点就是父子组件之间的通信。子通信父父组件<template> <div class="parent"> 我是父组件 <!--父组件监听子组件触发的say方法,调用自己的parentSay方法--> <!--通过:msg将父组件的数据传递给子组件--> <children :msg="msg" @say
2020-08-09 10:32:28 177
转载 vue2.0 如何自定义组件(vue组件的封装)
一、前言 之前的博客聊过 vue2.0和react的技术选型;聊过vue的axios封装和vuex使用。今天简单聊聊 vue 组件的封装。 vue 的ui框架现在是很多的,但是鉴于移动设备的复杂性,兼容性问题突出。像 Mint-UI 等说实话已经很不错了,但是坑也是不少,而且项目中很多功能仅凭这些也实现不了,这需要我们去封装自己的可复用组件。二、封装组件的步骤 1.建立组件的模板,先把架子搭起来,写写样式,考虑好组件的基本逻辑。 os:思考1小时,码码10分钟,...
2020-08-07 22:20:39 557
转载 Eureka 源码解析 —— 应用实例注册发现(七)之增量获取
摘要: 原创出处 http://www.iocoder.cn/Eureka/instance-registry-fetch-delta/ 「芋道源码」欢迎转载,保留摘要,谢谢!本文主要基于 Eureka 1.8.X 版本1. 概述 2. 应用集合一致性哈希码 2.1 计算公式 2.2 合理性 3. Eureka-Client 发起增量获取 3.1 合并应用集合 4. Eureka-Server 接收全量获取 3.1 接收全量获取请求 3.2 最近租约变更记录队列 3.
2020-08-02 10:41:20 194
转载 芋道 Spring Cloud Netflix 注册中心 Eureka 入门
摘要: 原创出处 http://www.iocoder.cn/Spring-Cloud/Netflix-Eureka/ 「芋道源码」欢迎转载,保留摘要,谢谢!1. 概述 2. Eureka 简介 3. 注册中心原理 4. 快速入门 5. 高可用 Eureka 集群 6. 安全认证 666. 彩蛋本文在提供完整代码示例,可见https://github.com/YunaiV/SpringBoot-Labs的labx-22目录。原创不易,给点个Star嘿,一起冲鸭!1....
2020-08-02 10:26:46 467
转载 Eureka 源码解析 —— 应用实例注册发现(一)之注册
摘要: 原创出处 http://www.iocoder.cn/Eureka/instance-registry-register/ 「芋道源码」欢迎转载,保留摘要,谢谢!本文主要基于 Eureka 1.8.X 版本1. 概述 2. Eureka-Client 发起注册 2.1 应用实例信息复制器 2.2 刷新应用实例信息 2.3 发起注册应用实例 3. Eureka-Server 接收注册 3.1 接收注册请求 3.2 Lease 3.3 注册应用实例信息 666.
2020-08-02 10:06:06 579
转载 Spring Cloud构建微服务架构(六)高可用服务注册中心
近期因工作原因减缓了更新频率,同时为了把Spring Cloud中文社区搭建起来也费了不少时间,几乎每天都在挤牙膏般的凑时间出来做一些有意义的事。未能按原计划更新博文,在此对持续关注我博客的朋友们深表歉意。之前在写Spring Cloud系列文章的时候,列过一个较粗的计划,现在由于收到不少反馈和问题,因此准备做一些调整,先将一些大家关注较为集中的点拉出来写一些内容。今天这篇主要就说说Eureka Server的高可用问题。前言在Spring Cloud系列文章的开始,我们就介绍了服务注册与发
2020-08-02 09:33:48 132
转载 vue调试工具vue-devtools安装及使用
本文主要介绍 vue的调试工具vue-devtools 的安装和使用工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧安装:1.到github下载:git clone https://github.com/vuejs/vue-devtools2.在vue-devtools目录下安装依赖包 1 2 cd vue-devtools cnpm install 3.修改manifest.js..
2020-08-01 16:00:51 288
转载 Vue的组件为什么要export default
Vue 的模块机制 Vue 是通过 webpack 实现的模块化,因此可以使用 import 来引入模块,例如: 此外,你还可以在 bulid/webpack.base.conf.js 文件中修改相关配置: 意思是,你的模块可以省略 ".js",".vue",“.json” 后缀,weebpack 会在之后自动添加上;可以用 "@" 符号代替 "src" 字符串等。 export 用来导出模块,Vue 的单文件组件通常需要导出一个对象,这个对象是 Vue 实例的选项对象.
2020-08-01 15:48:25 314
转载 VUE中$refs的基本用法
ref 有三种用法: 1、ref 加在普通的元素上,用this.$refs.(ref值)获取到的是dom元素 2、ref 加在子组件上,用this.$refs.(ref值)获取到的是组件实例,可以使用组件的所有方法。在使用方法的时候直接this.$refs.(ref值).方法() 就可以使用了。 3、如何利用 v-for 和 ref 获取一组数组或者dom 节点应注意的坑:1、如果通过v-for 遍历想加不同的ref时记得加:号,即:ref =某变量;这点和其他属性一样...
2020-08-01 14:42:35 9437
vuepress 前后端在一起部署时,需要把前端生成文件放到 springboot识别的目录中
2023-10-05
spring-boot-route-master.zip
2021-08-25
技术案例课职场生涯回顾介绍.zip
2021-01-10
springcloud-demo.zip
2020-12-07
vue2+springbootPRE.zip
2020-11-05
token_demo.zip
2020-10-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人