8 民国周先生

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 3k+

SpringSecurity在前后端分离项目中的实现

一、基本思路服务端通过 JSON字符串,告诉前端用户是否登录、认证;前端根据这些提示跳转对应的登录页、认证页二、具体实现AuthenticationEntryPoint:未登录public class AjaxAuthenticationEntryPoint implements AuthenticationEntryPoint { @Override public void commence(HttpServletRequest httpServletRequest, H

2020-10-23 22:33:45

手摸手带你理解Vue的Computed原理

前言computed 在 Vue 中是很常用的属性配置,它能够随着依赖属性的变化而变化,为我们带来很大便利。那么本文就来带大家全面理解 computed 的内部原理以及工作流程。在这之前,希望你能够对响应式原理有一些理解,因为 computed 是基于响应式原理进行工作。如果你对响应式原理还不是很了解,可以阅读我的上一篇文章:手摸手带你理解Vue响应式原理computed 用法想要理解原理,最基本就是要知道如何使用,这对于后面的理解有一定的帮助。第一种,函数声明:var vm =

2020-10-11 10:20:07

Vue视图渲染原理解析,从构建VNode到生成真实节点树

前言在 Vue 核心中除了响应式原理外,视图渲染也是重中之重。我们都知道每次更新数据,都会走视图渲染的逻辑,而这当中牵扯的逻辑也是十分繁琐。本文主要解析的是初始化视图渲染流程,你将会了解到从挂载组件开始,Vue 是如何构建 VNode,又是如何将 VNode 转为真实节点并挂载到页面。挂载组件($mount)Vue 是一个构造函数,通过 new 关键字进行实例化。// src/core/instance/index.jsfunction Vue (options) { if (p

2020-10-11 10:13:56

10个Vue开发技巧助力成为更好的工程师(二)

优雅更新props更新 prop 在业务中是很常见的需求,但在子组件中不允许直接修改 prop,因为这种做法不符合单向数据流的原则,在开发模式下还会报出警告。因此大多数人会通过 $emit 触发自定义事件,在父组件中接收该事件的传值来更新 prop。child.vue:export defalut { props: { title: String }, methods: { changeTitle(){ thi

2020-10-11 10:08:31

手摸手带你理解Vue响应式原理

前言响应式原理作为 Vue 的核心,使用数据劫持实现数据驱动视图。在面试中是经常考查的知识点,也是面试加分项。本文将会循序渐进的解析响应式原理的工作流程,主要以下面结构进行:分析主要成员,了解它们有助于理解流程 将流程拆分,理解其中的作用 结合以上的点,理解整体流程文章稍长,但部分是代码,还请耐心观看。为了方便理解原理,文中的代码会进行简化,如果可以请对照源码学习。主要成员在响应式原理中,Observe、Dep、Watcher 这三个类是构成完整原理的主要成员。Observe,

2020-10-11 10:03:26

Vue源码解析,keep-alive是如何实现缓存的?

前言在性能优化上,最常见的手段就是缓存。对需要经常访问的资源进行缓存,减少请求或者是初始化的过程,从而降低时间或内存的消耗。Vue 为我们提供了缓存组件 keep-alive,它可用于路由级别或组件级别的缓存。但其中的缓存原理你是否了解,组件缓存渲染又是如何工作。那么本文就来解析 keep-alive 的原理。LRU策略在使用 keep-alive 时,可以添加 prop 属性 include、exclude、max 允许组件有条件的缓存。既然有限制条件,旧的组件需要删除缓存,新的组件就需要

2020-10-11 09:57:25

今天一个大龄同事被辞退了,顿时让我思绪万千。程序员32岁是一个坎,大龄程序员的出路到底在哪?

文章目录 大龄程序员的出路 路径一:成为更高阶的程序员 路径二:转型管理层 路径三:转型产品经理 路径四:转型项目经理 今天是腊月十五,当大家参加完年会,期盼着发年终奖回家过年之际,而一个大龄同事被辞退了。当得知这一个消息的时候,顿时让我没有一点心思干活,思绪万千。试想自己再过几年也会到他那个年龄段,难道也要面临辞职回家吗?程序员年龄大了。体力越来越差,将来怎么办?我相信这是很多程序员将来即将面临的问题!身体差不是程序员的普遍现象,但是也有不少数的程序员是这样的..

2020-10-07 11:28:18

我是一位40岁的“老程序员”,我有一些想法

作者 | Ben Northrop翻译 | 核子可乐策划 | Tina算法、应用程序安全、性能优化以及架构等等,这些东西衰减速度很慢,更值得认真钻研。我是个程序员,差不多四十岁了。记得某个周六的早晨,我老婆在家里带孩子,我自己跑去参加一场技术会议。当时这个会议的主题是 React Native,主讲人一直想给我们灌输一种 React Native 将成为移动开发领域“下一个大事件”的印象。但在我看来,它跟 15 年前的 JSP 其实挺像的,连演示代码中的逻辑都一模一样——但我觉得可能是自己“

2020-10-07 11:23:00

oshi-core,sigar 获取服务器系统信息的工具

oshi-core sigar 获取服务器系统信息的工具, snmp协议 <dependency> <groupId>com.github.oshi</groupId> <artifactId>oshi-core</artifactId> <version>4.7.0</version> </dependency> <dependency...

2020-10-06 18:56:31

accessToken refreshToken简单使用源码demo,双token刷新及有效时间设置

最后会附上源码这篇介绍了一个项目中使用的双token登录认证刷新的demo,如需移植到生产项目中,需要根据实际情况做修改。有个地方需要注意: 我这里刷新产生新的refreshToken时 旧的refreshToken并没有失效,如果不是特别敏感这点的话可以不计较,若是在意的话,那需要自己处理:比如用缓存记录失效的token每次token认证判断是否是失效的token ,如果是的话就返回验证失败。下面代码中会用到本地redis缓存,如果没有安装或不会用,看下我之前的博文win7_64 redis下载安

2020-10-06 11:31:35

双token刷新、续期,access_token和refresh_token实效如何设置

双token刷新、续期,access_token和refresh_token实效如何设置token认证,生成的token 过一段时间就会失效(不要故意把时间设的很长,这样不安全,token变得毫无意义!),用户需要重新登录获取token。用户经常使用客户端,使用过程中 由于token到期 客户端跳转到登录界面要求登录,这样体验极差!比如: token有效期2h,用户一直在使用客户端,使用过程中token到期跳转到登录页面邀请重新登录。第一次忍了,过了2个小时又要重新登录! 用户:MDZZ,再见。为了

2020-10-06 11:22:03

npm install 报错解决(To install them, you can run: npm install --save core-js/modules/es6.array)

解决:cnpm install core-js@2

2020-10-04 22:09:45

Vue使用NProgress

NProgress是页面跳转是出现在浏览器顶部的进度条官网:http://ricostacruz.com/nprogress/github:https://github.com/rstacruz/nprogress如下图所示,绿色的进度条就是NProgress实现的效果1、安装$ npm install --save nprogress 或者$ yarn add nprogress//用法NProgress.start();NProgress.done();1 2 3.

2020-10-04 21:43:49

手摸手,带你用vue撸后台 系列二(登录权限篇)

完整项目地址:vue-element-admin系列文章:手摸手,带你用 vue 撸后台 系列一(基础篇) 手摸手,带你用 vue 撸后台 系列二(登录权限篇) 手摸手,带你用 vue 撸后台 系列三 (实战篇) 手摸手,带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板) 手摸手,带你用 vue 撸后台 系列五(v4.0 新版本) 手摸手,带你封装一个 vue component 手摸手,带你优雅的使用 icon 手摸手,带你用合理的姿势使用 webpack4(

2020-10-04 12:03:01

oshi监控服务器数据

获取jvm数据jvm数据是监控应用很重要的一系列参数,一般本地开发的时候可以通过jconsole来连到对应的进程上面,查看相关指标数据,但是在线上环境就不适合通过jconsole来查看了, 所以我们现在使用通过java代码来获得数据,然后上报出去,然后在外部通过展示。那么如何通过java代码来得到这些参数呢?获得jvm的堆内存代码MemoryUsage heapMemoryUsage = ManagementFactory.getMemoryMXBean().getHeapMemoryUs

2020-10-02 11:21:09

学习 Vue3.0,先从搭建环境开始

本文将带您从零搭建一个基于Vue3.0与vite的Vue3.0开发环境,通过本文的学习,你将学习到以下内容: 使用vite初始化Vue3.0项目 配置ts 配置vue-router 配置vuex 使用Vue3.0开发一个TodoList示例 一、使用vite初始化项目vite 介绍vite是尤大大在今年新鼓捣出来的一个工具,尤大大对vite的描述是这样的: Vite is an opinionated web dev build tool ..

2020-10-02 10:07:31

jvm调优神器——arthas

在上一篇《jvm调优的几种场景》中介绍了几种常见的jvm方面调优的场景,用的都是jdk自带的小工具,比如jps、jmap、jstack等。用这些自带的工具排查问题时最大的痛点就是过程比较麻烦,就好比如排查cpu占用率过高的问题,就要top->jps->printf->jstack等一系列的操作。本篇介绍一个jvm工具,它是阿里巴巴开源的一个工具——arthas(阿尔萨斯)。https://www.jianshu.com/p/507f7e0cc3a3一、安装arthas在gith

2020-09-20 20:34:42

python3与Excel的完美结合

Excel 是 Windows 环境下流行的、强大的电子表格应用。openpyxl 模块让 Python 程序能读取和修改 Excel 电子表格文件。例如,可能有一个无聊的任务,需要从一个电子表格拷贝一些数据,粘贴到另一个电子表格中。或者可能需要从几千行中挑选几行,根据某种条件稍作修改。或者需要查看几百份部门预算电子表格,寻找其中的赤字。正是这种无聊无脑的电子表格任务,可以通过 Python 来完成。LibreOffice Calc, WPS 和 OpenOffice Calc 都能处理 Excel 的电

2020-09-20 10:34:18

Eclipse MAT内存分析工具(Memory Analyzer Tool)

MAT内存分析工具MAT是Memory Analyzer的简称,它是一款功能强大的Java堆内存分析器。可以用于查找内存泄露以及查看内存消耗情况。MAT是基于Eclipse开发的,是一款免费的性能分析工具。读者可以在http://www.eclipse.org/mat/下载并使用MAT。1 初识MAT在分析堆快照前,首先需要导出应用程序的堆快照。在本书前文中提到的jmap、JConsole和Visual VM等工具都可用于获得Java应用程序的堆快照文件。此外,MAT本身也具有这个功能。单击

2020-09-20 09:51:42

lement-ui el-table表格排序sortable参数解析

表格组件的排序功能,点击排序表头可以进行升序和降序进行排序页面代码,基本上排序的参数都使用了<el-table :data="tableData" style="width: 100%" <!-- 数据由后台进行排序时sortable="custom",需要监听排序点击事件,会返回当前的prop和order --> @sort-change="changeSort" <!-- default-sort指定的默认排序,默认用date这一列排序..

2020-09-08 22:29:12

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 分享王者
    分享王者
    成功上传51个资源即可获取