前端

knife4j通过js动态刷新全局参数

背景 之前在为框架集成knife4j接口调试查看工具,使用了一段时间,使用体验上比较繁琐,因为接口都需要token,所以每次都要去f12查看token复制再创建全局参数,可能我只需要测试一个接口但是步骤少不了,针对此问题框架做了一些优化 设计分析 框架后端针对系统管理员增加一个根据用户直接生成token的接口,将获取到的token通过js方式直接附加到knife4j的全局参数中,这样就只需要点击获

vue的动态组件 keep-alive

1. 什么是动态组件 动态组件指的是 动态切换组件的显示与隐藏 2. 如何实现动态组件渲染 vue提供了一个内置的<component>组件,专门用来实现动态组件的渲染。 作用:组件的占位符 is的值表示要渲染的组件 示例代码如下: Left.vue的代码 <template> <div class="box">这是左边的组件</div>

Vue2响应式原理模拟(个人笔记)

image.png Vue 把 data 中的成员注入到 Vue 实例,并且把 data 中的成员转成 getter/setter Observer 能够对数据对象的所有属性进行监听,如有变动可拿到最新值并通知 Dep Compiler 解析每个元素中的指令/插值表达式,并替换成相应的数据 Dep 添加观察者(watcher),当数据变化通知所有观察者 Watcher 数据变化更新视

Inertia.js 是什么,如何工作的

Inertia.js Inertia是为开发团队和独立开发者设计的,这些人员通常使用Laravel,Ruby on Rails或Django等框架构建服务器端渲染的应用程序。他们一般通过创建控制器,从数据库中获取数据,然后数据传递给模板,然后呈现视图。 image.png 使用 Inertia,您可以像使用所选的服务器端 Web 框架一样构建应用程序。您可以使用框架的现有功能进行路由、

iOS页面布局:UIScrollView的布局问题

一、简述 在iOS11以后的系统中UIViewController的automaticallyAdjustsScrollViewInsets这个属性过期弃用了不再建议使用了。系统推荐我们使用UIScrollView的contentInsetAdjustmentBehavior属性替代它。如果项目之前使用了self. automaticallyAdjustsScrollViewInsets = YE

两分钟上手 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

23. GUI图形用户界面

参考链接: #5.插件介绍WindowBuilder 1、GUI的介绍 1.1 GUI概述 早期,电脑向用户提供的是单调、枯燥、纯字符状态的“命令行界面(CLI)”。就是到现在,我们还可以依稀看到它们的身影:在Windows中开个DOS窗口,就可看到历史的足迹。后来,Apple公

前端限制打包文件数量

前言: 之前有过这样的项目经历:我们写的程序是前端打包给后端,后端再打包成jar包上传到甲方的云市场,使用就在云市场里点击应用打开。 当时甲方云市场做了一次升级,但是没有给我们这边说,直到后面整个系统不能用了,然后给我们反馈了:“你们系统进入页面的时候请求了太多静态资源,导致我们系统直接认定是网络攻击,直接挂掉了”。然后我就去看了一下,前端项目的打包文件,其中js文件和css文件最多,为了性能,对

HTTP JSON接口模拟工具Interfake快速入门

一、简介 Interfake能简便地创建虚假的HTTP API,只需简单几行代码就可以创建模拟JSON接口(使用命令行方式也可以不写代码),不需要安装web服务器。Interfake是NodeJs开发的,是一款开源Mock Server工具。GitHub地址。 二、以命令行方式使用 interfake interfake 是NodeJs开发的,支持三种使用方式:JS代码方式、JSON配置方式和HT

拖拽不够自由?Vue3 DnD它来了!

前言 众所周知,在React中有一款非常强大的拖拽库,叫React DnD,而Vue中,大部分都是类似于vue.draggable等拖拽排序的库,然而它并不能满足我们所有的需求,特别是应对一些自由拖拽或混合拖拽的场景(例如:低代码),它是很难做到的,所以vue3-dnd它来了! React DnD React DnD 是 Redux 核心作者 Dan Abramov 创造的一组 React 工具库