书架

书架

=一个知识书库=

el-tree可拖拽

el-tree可拖拽

```javascript <!-- node-key 每个树节点用来作为唯一标识的属性,整棵树应该是唯一的 node-click 节点被点击时的回调 node-contextmenu 当某一节点被鼠标右键点击时会触发该事件 data 展示数据 default-expand-all 是否默认展开所有节点 node-drag-start 节点开始拖拽时触发的事件 node-drag-enter 拖拽进入其他节点时触发的事件 node-drag-leave 拖拽离开某个节点时触发的事件 node-drag-ov
more...
接口安全规范

接口安全规范

## 为什么会有接口安全问题? 在探讨接口安全规范前,我们先来分析一下为什么会有接口安全问题?具体有几种? ### http 一个常规http的get请求: ```ini http://api.xx.com/user/getUserInfo?uid=xxx ``` 该示例使用的是get请求方式,参数过于暴露容易成为攻击对象,造成数据泄漏;即使使用post方式,最多也是在地址栏上不可见接口和参数而已,在传输角度来说,它们都属于明文传输,通过抓包的方式可以获得数据报文,进而导致数据泄漏; ### https https协议在http的基础上加了一层ss
more...
vue3 svg 滚动变大或缩小

vue3 svg 滚动变大或缩小

​ 在Vue 3中,可以通过监听滚动事件和调整SVG的视口属性来实现SVG的缩放。以下是一个简单的例子,展示了如何在鼠标滚动时改变SVG的大小: ```javascript <template> <div class="svg-container" @wheel="handleWheel"> <svg :viewBox="viewBox"> <!-- SVG内容 --> <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" /> <
more...
vue3 svg 鼠标位置滚动变大或缩小

vue3 svg 鼠标位置滚动变大或缩小

​ 在Vue 3中,你可以使用Composition API来创建一个响应式的SVG组件,该组件可以根据鼠标的滚动变化来放大或缩小SVG。以下是一个简单的例子: ```javascript <template> <svg :width="svgWidth" :height="svgHeight" @wheel="handleWheel" > <!-- SVG内容 --> </svg> </template> <script setup> import { ref } from 'vue'; const sv
more...
19个提高工作效率的JavaScript单行代码,爱不释手啊!

19个提高工作效率的JavaScript单行代码,爱不释手啊!

## 生成随机字符串 当我们需要一个唯一id时,通过`Math.random`创建一个随机字符串简直不要太方便噢!!! ```javascript const randomString = () => Math.random().toString(36).slice(2) randomString() // gi1qtdego0b randomString() // f3qixv40mot randomString() // eeelv1pm3ja ``` <!--more--> ## 转义HTML特殊字符 解决XSS方法之一就是转义HTML。 `
more...