古兰精

2021年11月12日

浅析security遇到java.lang.IllegalArgumentException：Cannot pass null or empty values to constructor问题处理

摘要：一、问题描述使用 Spring Security 开发登录鉴权校验时，发现部分用户报错：Reason: Cannot pass null or empty values to constructor in spring security ERROR ***.security.JWTLoginFil 阅读全文

posted @ 2021-11-12 18:47 古兰精阅读(2720) 评论(0) 推荐(0)

浅析如何保证vuex中的state动态添加属性的响应式及解决deep watch / computed监听vuex state对象属性变化不生效的问题

摘要：一、vuex 的 state 如何保证其响应式 vuex 的 store对象的 state 是响应式的，凡是预先在 state 中定义的状态，都会被加入到响应式系统中，当状态发生了变化，所有引用状态的 vue 文件的 template 都会随之发生变化，做到响应式的功能。但是其前提是：提前定义好的阅读全文

posted @ 2021-11-12 13:40 古兰精阅读(5588) 评论(0) 推荐(0)

浅析pdfbox将pdf文件转图片报错Cannot read JPEG2000 image的问题及JPEG与JPEG2000介绍了解

摘要：一、问题背景 1、问题报错：How to fix "Cannot read JPEG2000 image: Java Advanced Imaging (JAI) Image I/O Tools are not installed" 我正在建立一个java项目，使用pdfBox从PDF中获取图像。因阅读全文

posted @ 2021-11-12 13:06 古兰精阅读(4030) 评论(0) 推荐(1)

2021年11月10日

浅析Vue3中vuex的基本使用、模块化及如何使用mapState/mapGetters和mapActions

摘要：一、vuex的基本使用 1、vuex 的基本结构及基本使用：src/store/index.js 中，代码如下 // vue3中创建store实例对象的方法createStore()按需引入 import { createStore } from 'vuex' export default crea 阅读全文

posted @ 2021-11-10 22:24 古兰精阅读(5359) 评论(0) 推荐(1)

2021年11月9日

浅析Object.assign()基本用法（对象合并、同名属性覆盖、仅1个参数时直接返回、target不是对象会转成对象、源对象位置为非对象时不同的处理规则-字符串的特殊情况、拷贝的属性限制）及需要注意的点（浅拷贝、同名属性替换、数组的处理-把索引当属性替换、取值函数先取值再拷贝）和常见应用（给对象添加属性、合并多个对象、给属性设置默认值）

摘要：一、基本用法 1、Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。 const target = { a: 1 }; const source1 = { b: 2 }; const source2 = { c: 3 }; Obj 阅读全文

posted @ 2021-11-09 17:31 古兰精阅读(9918) 评论(0) 推荐(1)

2021年11月5日

浅析Vue3中如何通过v-model实现父子组件的双向数据绑定及利用computed简化父子组件双向绑定

摘要：一、vue2 中 sync 修饰符的功能在 vue3 中如何呈现？ 1、sync 修饰符回顾 1、vue 规则：props 是单向向下绑定的，子组件不能修改 props 接收过来的外部数据。 2、如果在子组件中修改 props ，Vue会向你发出一个警告。（无法通过修改子组件的props来更改父组件阅读全文

posted @ 2021-11-05 19:17 古兰精阅读(9460) 评论(1) 推荐(2)

浅析setup如何通过ref获取子组件实例中的DOM结构/数据/方法及获取子组件实例数据都是空的处理（defineExpose API 的使用）、Vue3模板引用refs、在组合式API中使用template refs、for循环中如何获取及重置refs、如何监听模板引用

摘要：一、通过 ref 获取子组件实例中的DOM结构数据及方法 setup 怎么获取子组件的 ref ？在 Vue3 中，如果要在父组件拿到子组件(子组件的DOM结构、数据、方法)，可以通过 ref。即在父组件中定义响应式数据 ref(null) ，并绑定给子组件，在需要的时候，通过定义的响应式变量即可获阅读全文

posted @ 2021-11-05 17:41 古兰精阅读(9556) 评论(2) 推荐(2)

2021年11月3日

Vue3实践指南：Prettier代码格式化工具、格式化Vue出现单引号变双引号及分号问题、useRouter执行后undefined问题、Property 'value' does not exist on type 'HTMLElement'、error Unexpected mutation of “xxxx“ prop

摘要：一、Prettier代码格式化工具 Prettier 是一个代码格式化工具，它可以支持 js/jsx/ts/flow/json/css/less/scss 等文件格式。 1、为什么要使用 Prettier？用来替代 lint 中的一些场景，比如说分号/tab缩进/空格/引号，这些在lint工具检查阅读全文

posted @ 2021-11-03 22:49 古兰精阅读(7046) 评论(0) 推荐(0)

浅析Vue CompositionAPI和React Hooks对比：hook的意义、两者差别（原理-链表/Proxy、代码执行-每次渲染都执行/组件创建时运行、声明响应式状态、如何跟踪依赖、生命周期、自定义hook、Ref获取元素、计算属性附加函数、Context和provide/inject、在渲染上下文中暴露值）

摘要：一、场景先理解什么是 Hook，拿 React 的介绍来看，它的定义是：它可以让你在不编写 Class 的情况下，让你在函数组件里“钩入” React state 及生命周期等特性的函数对于 Vue 提出的新的书写 Vue 组件的 API：Composition API RFC，作用也是类似，阅读全文

posted @ 2021-11-03 22:07 古兰精阅读(781) 评论(0) 推荐(0)

2021年11月2日

浅析Nuxt.js主要作用、应用架构（5步）及其模式选择介绍-SPA路由请求执行流程、Universal模式（SSR渲染执行流程路由请求流程、SSG渲染、SSR与SSG对比）

摘要：一、Nuxt 作用 1、Nuxt 其一目的是为了解决单页面应用的SEO问题，相比于我们平常的 SPA 页面。在搜索引擎中由于无法从网页中被抓取内容信息(SPA页面的信息都是被打包到JS文件中,动态加载到页面中)，从而无法被用户所搜索到。 2、其二是服务端渲染相比于SPA页面渲染，在网络环境较差或者客阅读全文

posted @ 2021-11-02 22:54 古兰精阅读(1647) 评论(0) 推荐(0)

公告