50行代码用Vue实现可拖拽调节的分割布局
按住分割线调节比例
实现并不难，但是网上其他的文章实在是把简单的事情复杂化了
今天教大家的方法超级简洁！！！！只用50行代码！！
当鼠标在分割线位置按下时
triggerDragging变量变为true
这时split-pane-wrapper的mousemove中判断triggerDragging
如果为true则改变leftOffset，pane-left的width就会随之改
前端
knife4j通过js动态刷新全局参数
背景
之前在为框架集成knife4j接口调试查看工具，使用了一段时间，使用体验上比较繁琐，因为接口都需要token，所以每次都要去f12查看token复制再创建全局参数，可能我只需要测试一个接口但是步骤少不了，针对此问题框架做了一些优化
设计分析
框架后端针对系统管理员增加一个根据用户直接生成token的接口，将获取到的token通过js方式直接附加到knife4j的全局参数中，这样就只需要点击获
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（实验性）
运行时最近增加的
cookies sessionStorage和localstorage
相同点：都存储在客户端
不同点：
（1）存储大小
· cookie数据大小不能超过4k。
· sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。
（2）有效时间
· localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；
· sessionStorage 数据在当前浏览器窗口关闭后自动删除。
学习 Vue3.0 （3）
Fragment
在 Vue 2 中，组件必须有一个根标签
在 Vue 3 中，组件可以没有根标签，内部会将多个标签包含在一个 Fragment 虚拟元素中
减少标签嵌套层级、减少内存占用
Teleport
能够将组件内部的某些内容渲染到外部的某个元素上
<teleport to="targetDom">
<div v-if="isShow">
<
两分钟上手 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
vue3新一代状态管理库 Pinia
Pinia优势
Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐
1.Vue2 和 Vue3 都能支持
2.抛弃传统的 Mutation ，只有 state, getter 和 action ，简化状态管理库
3.不需要嵌套模块，符合 Vue3 的 Composition api，让代码扁平化
4.TypeScript支持
Pinia 基本使用
初始化项目： npm in
Selenium Web UI自动化测试：从入门到实战
引言在当今快速迭代的软件开发周期中，自动化测试已成为保障产品质量、提升测试效率的核心手段之一。而针对Web应用的UI自动化测试，Selenium作为最流行的开源工具之一，凭借其跨浏览器、多语言支持（Python、Java、C#等）和强大的社区生态，成为测试工程师和开发者的首选。本文将详细介绍Selenium的核心功
uniapp入门教程
UniApp是一款跨平台的开发工具，可以用一个代码库同时构建出iOS、Android两个平台的应用程序，并能方便地发布到App Store和各大应用商店。它基于Vue.js框架，开发者可以使用Vue.js的语法进行开发，可以轻松地迁移现有的Vue.js项目。
本篇文章将为大家介绍UniApp的入门教程，帮助初学者快速上手并开始开发自己的APP。
1. 环境搭建
在开始使用UniApp之前，我
Vue3.2语法糖使用总结
Vue3.2语法糖使用总结
一. 概述
在Vue2时期，组件里定义的各类变量、方法、计算属性等是分别存放到data、methods、computed等选项里，这样编写的代码不便于后期的查阅，查找一个业务逻辑需要在各个选项来回切换。vue3.0组合式APIsetup函数的推出就是为了解决这个问题，它让我们的逻辑关注点更加集中，语法也更加精简，但是当我们在使用vue3.0的语法就构建组件的时候，总是需
