前端

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的全局参数中,这样就只需要点击获

2025 LilCTF Web部分wp

菜~,web只出了三道简单题,还得加油! Misc PNG Master | Stuck 出题:YanHuoLG难度:简单提到隐写,你能想到哪些常见的隐写方式呢?不过我相信misc手的脑洞一定能想到某个基于最低有效位实现的隐写方法吧?哦对了,我可不认为扩展名也是文件名的一部

50行代码用Vue实现可拖拽调节的分割布局

按住分割线调节比例 实现并不难,但是网上其他的文章实在是把简单的事情复杂化了 今天教大家的方法超级简洁!!!!只用50行代码!! 当鼠标在分割线位置按下时 triggerDragging变量变为true 这时split-pane-wrapper的mousemove中判断triggerDragging 如果为true则改变leftOffset,pane-left的width就会随之改

ES5新增数组方法

ES5新增数组方法 一,静态方法 1.isArray() -用于确定传递的值是否是一个Array. -如果值是Array,则为true ;否则为false //语法格式 Array.isArray(value) //value为需要检测的值。 // 下面的函数调用都返回 true Array.isArray([]); Array.isArray([1]); Array.isArray(new A

[Spring] Spring Web MVC基础理论

🌸个人主页:# 🏵️热门专栏: 🧊 Java基本语法(97平均质量分)# 🍕 Collection与数据结构 (92平均质量分)# 🧀Java EE(96平均质量分) # 🍭MySql数据库(93平均质量分)# 🍬算法(97平均质量分)# 🍃 Spring(97平均

三种适用于Web版IM(即时通讯)聊天信息的加密算法实现方案

文章目录 **第一部分:引言与核心密码学概念** **1.1 为什么IM需要端到端加密(E2EE)?** **1.2 核心密码学概念与工具** **第二部分:方案一:静态非对称加密(基础方案)** **2.1 方案概述与流程** **2.2 前端Vue实现&#

vuex和localstorage . cookie的区别

vuex是为了解决多组件之间的共享状态的一种状态管理模式, 强调集中式管理, 将所有的共享状态放在内存中, 读取速度快, 但是页面一刷新就恢复默认值了, vuex的五大核心: state(存放数据的地方) , actions(发送异步请求), getters(类似于computed计算属性), mutations(更改状态的地方), modules(组件模块化) 。其中, 更改状态只能在mutat

微信小程序组件: tab标签页

需求: 插槽为动态, 可以在使用页面自行设置 可以自定义设置每个tab的样式, 也可以设置容器的样式 如果tab太多, 容器可以横向滚动 设置当前tab值可以自动定位到当前tab位置 思路: slot属性name动态设置 设置默认样式, 写好公共的方法, 将对象转换成style可以用的字符串 scroll-x scroll-into-view 效果图: 组件代码 ⬇️ w

量子科技:从实验室到生活场的科技革命

 0.5 纳米的传感器探测到单个细胞的 “体温”,当 300 公里的通信网络守护着信息的绝对安全,当 504 比特的计算机演算着气象预测的未来 —— 曾经停留在物理课本中的 “量子”,正以颠覆者的姿态闯入现实世界。这场发轫于微观世界的科技革命,不仅重塑着我们对计算、通信与测量的认知,更在合肥 “量子大道” 的产业集群中、在全球首