knife4j通过js动态刷新全局参数
背景
之前在为框架集成knife4j接口调试查看工具，使用了一段时间，使用体验上比较繁琐，因为接口都需要token，所以每次都要去f12查看token复制再创建全局参数，可能我只需要测试一个接口但是步骤少不了，针对此问题框架做了一些优化
设计分析
框架后端针对系统管理员增加一个根据用户直接生成token的接口，将获取到的token通过js方式直接附加到knife4j的全局参数中，这样就只需要点击获
前端
50行代码用Vue实现可拖拽调节的分割布局
按住分割线调节比例
实现并不难，但是网上其他的文章实在是把简单的事情复杂化了
今天教大家的方法超级简洁！！！！只用50行代码！！
当鼠标在分割线位置按下时
triggerDragging变量变为true
这时split-pane-wrapper的mousemove中判断triggerDragging
如果为true则改变leftOffset，pane-left的width就会随之改
vuex和localstorage . cookie的区别
vuex是为了解决多组件之间的共享状态的一种状态管理模式, 强调集中式管理, 将所有的共享状态放在内存中, 读取速度快, 但是页面一刷新就恢复默认值了,
vuex的五大核心: state(存放数据的地方) , actions(发送异步请求)， getters(类似于computed计算属性), mutations(更改状态的地方), modules(组件模块化) 。其中, 更改状态只能在mutat
121.乾坤js隔离机制
乾坤js隔离机制.jpg
依旧从loadApp函数入手
export async function loadApp<T extends ObjectType>(
app: LoadableApp<T>,
configuration: FrameworkConfiguration = {},
lifeCycles?: FrameworkLifeCyc
微信小程序组件: tab标签页
需求:
插槽为动态, 可以在使用页面自行设置
可以自定义设置每个tab的样式, 也可以设置容器的样式
如果tab太多, 容器可以横向滚动
设置当前tab值可以自动定位到当前tab位置
思路:
slot属性name动态设置
设置默认样式, 写好公共的方法, 将对象转换成style可以用的字符串
scroll-x
scroll-into-view
效果图:
组件代码 ⬇️
w
Node.js 19 正式发布
Node.js 19 在今天正式发布了，此次更新包括将 V8 JavaScript 引擎更新到 10.7，以及默认启用 HTTP (s)/1.1 KeepAlive。
Node.js 18 在本月晚些时候将进入长期支持（LTS），Node.js 19 将取代 Node.js 18 成为 "Current" 版本。
image.png
node --watch（实验性）
运行时最近增加的
两分钟上手 pinia
安装
官网
yarn add pinia
# or with npm
npm install pinia
初始化 Pinia
import { createPinia } from 'pinia'
const pinia = createPinia()
pinia.use(SomePiniaPlugin) // 给 pinia 装插件
const app = createApp(App)
a
cookies sessionStorage和localstorage
相同点：都存储在客户端
不同点：
（1）存储大小
· cookie数据大小不能超过4k。
· sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。
（2）有效时间
· localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；
· sessionStorage 数据在当前浏览器窗口关闭后自动删除。
vue3新一代状态管理库 Pinia
Pinia优势
Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐
1.Vue2 和 Vue3 都能支持
2.抛弃传统的 Mutation ，只有 state, getter 和 action ，简化状态管理库
3.不需要嵌套模块，符合 Vue3 的 Composition api，让代码扁平化
4.TypeScript支持
Pinia 基本使用
初始化项目： npm in
