vue学习（49）vue-router(1)
理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。
前端路由：key是路径，value是组件。
基本使用
安装vue-router，命令：npm i vue-router
应用插件：Vue.use(VueRouter)
编写router配置项:
//引入VueRouter
import VueRouter from 'v
前端
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就会随之改
121.乾坤js隔离机制
乾坤js隔离机制.jpg
依旧从loadApp函数入手
export async function loadApp<T extends ObjectType>(
app: LoadableApp<T>,
configuration: FrameworkConfiguration = {},
lifeCycles?: FrameworkLifeCyc
vuex和localstorage . cookie的区别
vuex是为了解决多组件之间的共享状态的一种状态管理模式, 强调集中式管理, 将所有的共享状态放在内存中, 读取速度快, 但是页面一刷新就恢复默认值了,
vuex的五大核心: state(存放数据的地方) , actions(发送异步请求)， getters(类似于computed计算属性), mutations(更改状态的地方), modules(组件模块化) 。其中, 更改状态只能在mutat
h5 IOS微信浏览器input输入账号键盘闪烁
问题
由项目需求 只能在手机微信浏览打开h5页面
在登录界面。输入账号时，ios手机软键盘反复闪烁
原因
因为微信浏览器的重绘行为；
简单理解就是，自ios11开始，苹果手机的浏览器就有了自动填充密码的功能，
具体来说就是一个手机号密码登录的页面，ios识别到当前页面有密码输入框，所以触发了自动填充密码的功能。
解决方案
autoComplete="off" 和 autoComplete="n
微信小程序组件: 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 数据在当前浏览器窗口关闭后自动删除。
