11 2021 档案
摘要：一、qiankun框架中微应用之间如何跳转 qiankun框架提供两种跳转方式： 1、通过history.pushState()方式进行跳转 <button onClick={() => { window.history.pushState({ user: {......} }, '', '/app
阅读全文
摘要：主要探究下主应用和多个微应用之间如何使用Vuex来进行状态管理，这其实是对上一篇文章中通信方式第二种方式的补充，因为 vue 主要还是使用 vuex 作为状态管理。 一、场景选择 1、项目现状： 主应用是Vue技术栈，使用Vuex进行状态管理 多个微应用也是Vue技术栈，并且都可能使用Vuex进行状
阅读全文
摘要：一、应该如何划分子应用 在开始介绍 qiankun 的应用通信之前，我们需要先了解微前端架构如何划分子应用。在微前端架构中，我们应该按业务划分出对应的子应用，而不是通过功能模块划分子应用。这么做的原因有两个： 在微前端架构中，子应用并不是一个模块，而是一个独立的应用，我们将子应用按业务划分可以拥有更
阅读全文
摘要：一、问题背景 在实际应用中，我们可能需要获取用户的ip地址，比如做异地登陆的判断，或者统计ip访问次数等，通常情况下我们使用 request.getRemoteAddr() 就可以获取到客户端ip，但是当我们使用了nginx 作为反向代理后，使用 request.getRemoteAddr() 获取
阅读全文
摘要：一、什么是设计模式 官方解释一点就是：模式是一种可复用的解决方案，用于解决软件设计中遇到的常见问题。 说白了，就是“套路”，举个例子：我们玩游戏，第一关用了半小时，第二关用了一小时，第三关用了两小时，......，然后，你花了一个月练到了满级； 于是你开始练第二个号，这时候呢，其实你已经知道，每一关
阅读全文
摘要：一、Svelte 介绍 Svelte 是一种全新的构建用户界面的方法。传统框架如 React 和 Vue 在浏览器中需要做大量的工作，而 Svelte 将这些工作放到构建应用程序的编译阶段来处理。 与使用虚拟（virtual）DOM 差异对比不同。Svelte 编写的代码在应用程序的状态更改时就能像
阅读全文
摘要：一、Java 使用 AES 步骤解析 AES是一种对称的加密算法，可基于相同的密钥进行加密和解密。Java采用AES算法进行加解密的逻辑大致如下：（1）生成/获取密钥；（2）加/解密。 （一）关于密钥步骤 1、生成密钥 密钥的生成是通过KeyGenerator来生成的。通过获取一个KeyGenera
阅读全文
摘要：一、AES 加密报错：java.security.InvalidAlgorithmParameterException: ECB mode cannot use IV 1、问题背景 AES 加解密需使用的 算法（参数 - 算法名称/加密模式/数据填充方式），之前我使用的 "AES/EBC/PKCS5
阅读全文
浅析CSS中过渡transition学习：animation与transition的区别、过渡的4个属性及简写模式、过渡触发方式、过渡渐变（需绝对值）、如何使用硬件加速、过渡时间函数、过渡结束回调事件
摘要：一、过渡（transition） CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。这个定义有种熟悉的感觉，它仿佛和animation非常相似，那么他们实际上有何区别呢？ 1、CSS animation 与 CSS transition 的区别 （1）元素指定Transiton时，那么当其某个属
阅读全文
摘要：一、问题背景及介绍 在写 SQL 条件语句时经常用到 不等于 != 的筛选条件。此时要注意此条件会将字段为 Null 的数据也当做满足不等于的条件而将数据筛选掉。（也就是说会忽略过滤掉为 null 的数据，导致数据不准确）。 比如：表A A1B1 1 0 2 1 3 Null 执行如下查询：sele
阅读全文
摘要：一、问题背景 - 正则表达式匹配任意字符 正则表达式中，“.”（点符号）匹配的是除了换行符“\n”以外的所有字符。但有时候我们需要匹配包括换行符在内的字符，发现了几种正则表达式匹配任意字符（包括换行符）的方法。 可以用 ([\s\S]*)，也可以用 “([\d\D]*)”、“([\w\W]*)” 来
阅读全文
摘要：一、问题背景及原因分析 需求对保密性要求严格点，就用的 AES + 盐值 + 偏移向量 去做，前端加密传递参数，Java 解密参数，然后查询数据，得到数据后再将数据加密返给前端，前端最对数据进行解密，得到具体数据使用。 在此过程中发现偶尔使用 Java AES 解密前端传递的参数时会报这个异常，如下
阅读全文
摘要：一、uniapp ios播放本地视频不显示controls的问题 1、问题背景：在 app 上做视频课程缓存下载观看的功能，把视频下载，利用本地地址查看，在安卓是正常的，但是在 ios 时会没有 video 的 controls （暂停、全屏、进度条）那些 2、问题原因：不清楚，可能是 uniapp
阅读全文
摘要：一、问题描述 使用 Spring Security 开发登录鉴权校验时，发现部分用户报错：Reason: Cannot pass null or empty values to constructor in spring security ERROR ***.security.JWTLoginFil
阅读全文
摘要：一、vuex 的 state 如何保证其响应式 vuex 的 store对象的 state 是响应式的，凡是预先在 state 中定义的状态，都会被加入到响应式系统中，当状态发生了变化，所有引用状态的 vue 文件的 template 都会随之发生变化，做到响应式的功能。 但是其前提是：提前定义好的
阅读全文
摘要：一、问题背景 1、问题报错：How to fix "Cannot read JPEG2000 image: Java Advanced Imaging (JAI) Image I/O Tools are not installed" 我正在建立一个java项目，使用pdfBox从PDF中获取图像。因
阅读全文
摘要：一、vuex的基本使用 1、vuex 的基本结构及基本使用：src/store/index.js 中，代码如下 // vue3中创建store实例对象的方法createStore()按需引入 import { createStore } from 'vuex' export default crea
阅读全文
摘要：一、基本用法 1、Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。 const target = { a: 1 }; const source1 = { b: 2 }; const source2 = { c: 3 }; Obj
阅读全文
摘要：一、vue2 中 sync 修饰符的功能在 vue3 中如何呈现？ 1、sync 修饰符回顾 1、vue 规则：props 是单向向下绑定的，子组件不能修改 props 接收过来的外部数据。 2、如果在子组件中修改 props ，Vue会向你发出一个警告。（无法通过修改子组件的props来更改父组件
阅读全文
摘要：一、通过 ref 获取子组件实例中的DOM结构数据及方法 setup 怎么获取子组件的 ref ？在 Vue3 中，如果要在父组件拿到子组件(子组件的DOM结构、数据、方法)，可以通过 ref。即在父组件中定义响应式数据 ref(null) ，并绑定给子组件，在需要的时候，通过定义的响应式变量即可获
阅读全文
摘要：一、Prettier代码格式化工具 Prettier 是一个代码格式化工具，它可以支持 js/jsx/ts/flow/json/css/less/scss 等文件格式。 1、为什么要使用 Prettier？ 用来替代 lint 中的一些场景，比如说分号/tab缩进/空格/引号，这些在lint工具检查
阅读全文
摘要：一、场景 先理解什么是 Hook，拿 React 的介绍来看，它的定义是： 它可以让你在不编写 Class 的情况下，让你在函数组件里“钩入” React state 及生命周期等特性的函数 对于 Vue 提出的新的书写 Vue 组件的 API：Composition API RFC，作用也是类似，
阅读全文
摘要：一、Nuxt 作用 1、Nuxt 其一目的是为了解决单页面应用的SEO问题，相比于我们平常的 SPA 页面。在搜索引擎中由于无法从网页中被抓取内容信息(SPA页面的信息都是被打包到JS文件中,动态加载到页面中)，从而无法被用户所搜索到。 2、其二是服务端渲染相比于SPA页面渲染，在网络环境较差或者客
阅读全文
摘要：一、nuxt 的智能预读取 Nuxt 2.4中发布了Nuxt.js的一个新特性，称为智能预读取，它与universal mode相结合，提供了更好的用户体验。 使用此功能（默认情况下已启用），当 nuxt-link 路由在视口中可见时（即页面滚动到路由入口元素时），Nuxt.js将自动下载链接目标页
阅读全文
