前端
50行代码用Vue实现可拖拽调节的分割布局
按住分割线调节比例
实现并不难，但是网上其他的文章实在是把简单的事情复杂化了
今天教大家的方法超级简洁！！！！只用50行代码！！
当鼠标在分割线位置按下时
triggerDragging变量变为true
这时split-pane-wrapper的mousemove中判断triggerDragging
如果为true则改变leftOffset，pane-left的width就会随之改
08-2025前端组件库生态一览：选择困难症患者的终极指南
引言当你决定开始一个新的前端项目时，第一个灵魂拷问往往是："用什么组件库？"然后你打开搜索引擎，发现：
Ant Design、Element Plus、Arco Design、TDesign、Naive UI……
Material UI、Chakra UI、Radix、shadcn/ui……
Tailwind C
【前端】js 根据文件url下载到本地
在 JavaScript 中根据文件 URL 下载到本地，可以通过以下多种方法实现。这些方法适用于不同场景，如同源文件、跨域文件或动态生成内容，请根据具体需求选择：
一、使用 <a> 标签的 download 属性（简单场景）通过动态创建 <a> 标签并设置 download 属性ÿ
微信小程序组件: tab标签页
需求:
插槽为动态, 可以在使用页面自行设置
可以自定义设置每个tab的样式, 也可以设置容器的样式
如果tab太多, 容器可以横向滚动
设置当前tab值可以自动定位到当前tab位置
思路:
slot属性name动态设置
设置默认样式, 写好公共的方法, 将对象转换成style可以用的字符串
scroll-x
scroll-into-view
效果图:
组件代码 ⬇️
w
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
前端 JS 调用后端 API：3 种实用方法，轻松搞定前后端数据交互
前端js调用后端API的三种方法在 Web 开发中，前端与后端的协同是实现功能的核心环节，而前端通过 JavaScript 调用后端 API 接口，更是实现数据交互、完成业务逻辑的关键步骤。无论是用户登录时的信息验证，还是页面数据的动态加载，都离不开 API 调用。本文将详细介绍三种主流的前端 JS 调用后端 API 的方法&
2025 LilCTF Web部分wp
菜~，web只出了三道简单题，还得加油！
Misc
PNG Master | Stuck
出题：YanHuoLG难度：简单提到隐写，你能想到哪些常见的隐写方式呢？不过我相信misc手的脑洞一定能想到某个基于最低有效位实现的隐写方法吧？哦对了，我可不认为扩展名也是文件名的一部
knife4j通过js动态刷新全局参数
背景
之前在为框架集成knife4j接口调试查看工具，使用了一段时间，使用体验上比较繁琐，因为接口都需要token，所以每次都要去f12查看token复制再创建全局参数，可能我只需要测试一个接口但是步骤少不了，针对此问题框架做了一些优化
设计分析
框架后端针对系统管理员增加一个根据用户直接生成token的接口，将获取到的token通过js方式直接附加到knife4j的全局参数中，这样就只需要点击获
Java Web 开发：JSON 基础 + @Test 测试 + Cookie/Session/ 请求处理
个人主页：♡喜欢做梦欢迎 👍点赞 ➕关注 ❤️收藏 💬评论目录编辑🍍JSON的概念 🍐概念 🍐@Test注解🍑什么是@Test？🍑与JSON关联🍑@Test标记的方法与main方法的区别 🍍JS
