login-status-iframe keycloak状态 页面
关于在 vue 3 和 vue router 中使用 transition 过渡动效的 mode 属性导致页面跳转空白的问题
先放结论：不要在路由组件的 template 块中使用多个根标签，注释也不行。 今天碰到一个奇葩的问题，后端告诉我说，进入特定页面后，跳转其他页面均会白屏，刷新后就会加载。 一开始我以为是菜单的问题，搞鼓了半天，发现没什么问题。之后我又以为是路由的问题，发现只要移除了 transition 的 mo ......
地铁查询阶段四 把查询jsp页面再次更新了一下使查询页面看起来更加的舒适。
新设计的地铁查询页面代码： chaxun-01-1.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import="java.sql.*"%> <j ......
[FastAPI-21]响应状态码
from fastapi import FastAPI,status from pydantic import BaseModel app = FastAPI() ''' 响应状态代码 status ''' class User(BaseModel): username : str password ......
el-tree 设置选项框选中状态，通过setCheckedKeys设置，会导致父选项框选中，子选项框也跟着选中问题
// 获取角色详情 const res = await selectRoleDetail({ roleId: this.$route.params.id }) // 详情时，处理选择框状态 this.$nextTick(() => { console.log(res.data.menuIdDtos, ......
使用html2canvas+jspdf将页面转为pdf并下载
1、安装html2canvas和jspdf npm install html2canvas npm install jspdf 2、新建文件htmlToPdf.ts // 导出页面为PDF格式 import html2Canvas from 'html2canvas' import JsPDF fr ......
VUE3刷新页面报错：Uncaught SyntaxError: Unexpected token ‘＜‘
今天用vue3配置嵌套路由时，发现刷新页面后，页面变为空白，打开控制台发现报错： Uncaught SyntaxError: Unexpected token '<' 解决方法： 修改vue.config.js文件： publicPath:"/", 注意不是： 登录后复制 publicPath:". ......
第一次结对作业——web页面优化
今天我们组对web版本的地铁查询系统进行了界面UI装修这是之前注重测试功能用的界面，侧重点在于后端的实现，界面较为简陋 接下来是今天对界面UI的优化 对应css修饰代码如下： <%--Created by IntelliJ IDEA. User: adnim Date:2023/3/22Time:2 ......
单页面与多页面的区别及优缺点
单页面是指只有一个主页面的应用，浏览器一开始要加载所有必须的html, js, css。 所有的页面内容都包含在这个所谓的主页面中。 但在写的时候，还是会分开写（页面片段），然后在交互的时候由路由程序动态载入。 优点： 公共资源不重新加载，局部加载，服务器压力小 切换速度快，用户体验好 前后端分离 ......
使用html2canvas+jspdf将页面转为pdf并下载
需求：我有一个页面，是由多个模块组成的，现在我需要把页面转为pdf并下载，但是因为pdf自动换页以后会把我的模块给截开，不好看甚至内容被裁开，所以我需要判断当前页面加上这个模块以后是不是会超出当前页，如果超出，就直接把整个模块换到第二页去显示。 页面大致如下： 页面代码大致如下： <template ......
一统天下 flutter - widget Chip 类: InputChip - Chip 双状态按钮（选中时有对钩，文字右边有删除按钮）
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget Chip 类: InputChip - Chip 双状态按钮（选中时有对钩，文字右边有删除按钮） 示例如下: lib\widge ......
一统天下 flutter - widget Chip 类: ChoiceChip - Chip 双状态按钮
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget Chip 类: ChoiceChip - Chip 双状态按钮 示例如下: lib\widget\chip\choice_chi ......
一统天下 flutter - widget Chip 类: FilterChip - Chip 双状态按钮（选中时有对钩）
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget Chip 类: FilterChip - Chip 双状态按钮（选中时有对钩） 示例如下: lib\widget\chip\fi ......
Socket各种状态
Socket各种状态 socket一种有11种状态 通用 （1）CLOSED （2）ESTABLISHED 客户端特有的 （1）SYN_SENT （2）FIN_WAIT1 （3）FIN_WAIT2 （4）CLOSING （5）TIME_WAIT 服务器特有的 （1）LISTEN （2）SYN_REC ......
状态机
状态机是一种用于描述系统状态和状态之间转移关系的模型。在状态机中，系统状态被表示为一个节点，状态之间的转移关系被表示为节点之间的边。状态机可以用于描述各种系统，例如计算机程序、电路、自动控制系统等等。 状态机可以分为两种类型：有限状态机和无限状态机。有限状态机是指状态机的状态数量是有限的，而无限状态 ......
React的组件通信与状态管理
目录 1. 组件通讯-概念 1.组件的特点 2.知道组件通讯意义 总结： 2. 组件通讯-props 基本使用 1.传递数据和接收数据的过程 2.函数组件使用 props 3.类组件使用 props 总结： 3. 组件通讯-props 注意事项 1.知道什么是单向数据流？ 2.props 可以传递什 ......
清理 lsof 中 deleted 状态的文件
磁盘空间一直超80%，du与df结果不一致，找不到相应文件的情况。通常这种情况都是文件被删除，但是还被进程占用 1、lsof | grep deleted #找到未能删除掉的文件，确定占用的进程号； 2、ll /proc/$PID/fd |grep $文件名 #找到相应文件句柄； 3、echo > ......
uniapp 页面跳转时 redirectTo:fail page '/pages/index/pages/index/login' is not found
uniapp 跳转页面有以下两种，分清楚情况写 url 才能正确跳转： 绝对路径跳转； 相对路径跳转。 :one: 绝对路径跳转： 绝对路径跳转必须要是这样的格式 /pages/xxx/xxx，pages 前面必须要有 /，代表 src 目录。 :two: 相对路径跳转： 相对路径跳转不带 /，是以 ......
Flare 轻量、快速、美观的个人导航页面
启动应用非常简单，如果你习惯使用 Docker，可以执行： docker run --rm -it -p 5005:5005 -v `pwd`/app:/app soulteary/flare ......
React学习笔记（四）—— 组件通信与状态管理、Hooks、Redux、Mobe
react管理状态的工具： 1、利用hooks进行状态管理； 2、利用Redux进行状态管理，这种方式的配套工具比较齐全，可以自定义各种中间件； 3、利用Mobx进行状态管理，它通过透明的函数响应式编程使得状态管理变得简单和可扩展。 2013 年 5 月 React 诞生。但 2015 年之前，大概 ......
为什么OS已经有了页面置换机制，MySQL中的Buffer Pool还需要再实现一遍？
问题引入 舍友最近在找实习，简历上有CMU15-445经典数据库项目。在面试时被问到： 操作系统已经有页面置换算法，为什么Buffer Pool中还需要自己实现呢？ 操作系统中的页面置换，对自己实现的页面置换有什么影响？ 个人理解 MySQL在默认配置下，读取一行数据，要先打开磁盘中对应的数据页，这 ......
Taro弹窗禁止底部页面滚动
const setPageStyle = (pageStyle: { [key: string]: string|number }) => { Taro.setPageStyle({ style: pageStyle }) } setPageStyle({ // overflow: 'hidden' ......
一统天下 flutter - widget 状态管理: 状态管理 - ChangeNotifier（多 Widget 之间的多数据的状态管理）
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 状态管理: 状态管理 - ChangeNotifier（多 Widget 之间的多数据的状态管理） 示例如下: lib\stat ......
一统天下 flutter - widget 状态管理: 状态管理 - ValueNotifier（多 Widget 之间的单值的状态管理）
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 状态管理: 状态管理 - ValueNotifier（多 Widget 之间的单值的状态管理） 示例如下: lib\state\ ......
一统天下 flutter - widget 状态管理: 状态管理 - InheritedWidget（在树上，父共享数据后，任意子可获取此数据）
一统天下 flutter - widget 状态管理: 状态管理 - InheritedWidget（在树上，父共享数据后，任意子可获取此数据） ......
记uni-app中多重数组在子组件中更新页面问题（粗心所致，非问题）
简介 如下图所示，传递一个对象到子组件中，让子组件渲染数据，同时将数据改变，这里面最恐怖的就是自定义的单选按钮。 如下图所示，子组件数据这里面有两个数组，第一个数组topicReply，第二个数组question_stem，当界面单选时，修改的是question_stem数组中的内容，当内容改变时， ......
说说最近的感想和生活状态吧
今天忽然想写一下最近的生活，涉及特别隐私的不便分享的就不写了，见谅。 最近在做一个断舍离，想想自己毕业工作接近五年，今年是第五年，发现自己的成长其实有限，于是就有所反思，反思自己过去的经历和行为。 年近28，存款几近于无，说起存款唯一能让我欣慰就是公积金了，在这方面不可否认的是过去我没有存钱的习惯， ......
HTTP状态管理Cookie与Session
HTTP状态管理Cookie与Session Cookie Cookie实际上是一小段的文本信息。客户端请求服务器，如果服务器需要记录该用户状态，就向客户端浏览器颁发一个Cookie 客户端浏览器会把Cookie保存起来。当浏览器再请求该网站时，浏览器把请求的网址连同该Cookie一同提交给服务器。 ......
HTTP请求方法剖析、HTTP响应状态码拆解
HTTP请求方法剖析 常用方法： GET获取资源 GET方法用来请求访问已被URI识别的资源 指定的资源经服务器端解析后返回响应内容 同时，浏览器对于提交URL的长度也有所限制 POST POST方法与GET功能类似，一般用来传输实体的主体 POST方法的主要目的不是获取响应的主体的内容 PUT 从 ......
nuxtjs框架使用nuxt generate命令生成静态站点,刷新页面无法获取cookie,从而更新Vuex
在使用nuxt generate命令生成静态站点时，由于它是在静态环境下运行的，因此是无法访问服务器的req对象的，因此在nuxtServerInit方法中不能通过req.headers.Cookie获取到请求头中的Cookie值。 nuxtServerInit方法只会在服务端运行一次，在第一次加载 ......