专场flutter页面 动画
springboot访问页面
结构 1.引入依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> 2.在yml文件配置 spr ......
解决微信小程序使用switchTab跳转后页面不刷新的问题
wx.switchTab({ url: ‘../index/index’, success: function (e) { var page = getCurrentPages().pop(); if (page == undefined || page == null) return; page. ......
关于vue element-admin 切换tag， 页面刷新 以及内存增加不释放问题
1：切换tag，页面刷新， 检查了路由， 配置了 nocache：false, 以及 isKeep:true， 但是在页面tag切换时，还是会刷新，， 在生命周期中打印， 发现能够打印，， 检查了代码，在组件引用中未发现v-if的使用， 最后竟查找，借鉴 https://blog.csdn.net/ ......
逐帧动画
.a { width: 500px; height: 500px; /* 动画的名字 持续时间 状态 backwards infinite alternate*/ animation: change 1s backwards alternate infinite; } @keyframes chan ......
vue3单页面的写法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> ......
鼠标 canvas动画
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
H5 页面刷新404
参考：https://blog.csdn.net/weixin_44917334/article/details/129387658 history 模式由createWebHistory改为createWebHashHistory import { createRouter, createWebH ......
浏览器点击输入框页面放大
参考：https://blog.csdn.net/yunchong_zhao/article/details/129308263；https://www.cnblogs.com/huangenai/p/6143531.html 修改 index.html 中的 head标签里面的<meta name ......
不定高度的过渡动画
方法1 max-height，效果一般 方法2 clip-path：inset，支持transition .content { ... height: auto; clip-path: inset(0 0 100% 0); } .fold:hover .content { clip-path: in ......
【HarmonyOS】ArkTS 组件内转场动画，动画播放时颜色异常问题
【关键字】 HarmonyOS、ArkTS、组件内转场动画、颜色异常 【问题描述】 根据组件内转场动画文档中示例编写代码，使用动画转场组件button，并给button设置背景色让button透明度为0，实现动画转场时，会先出现默认蓝色button，然后动画再消失，问题代码如下所示： @State ......
href标签中target的几个属性值 没有指定<a>的target属性值时，默认是"_blank" 在新窗口中浏览新的页面
href标签中target的几个属性值 原文链接：https://blog.csdn.net/m0_37041189/article/details/119517418 href标签中target的几个属性值 target的值有_blank、_self、_parent、_top这四种， 例子：<a ......
H5页面与普通的WEB页面有什么区别？H5页面如何做到适配不同的尺寸，而WEB页面为何做不到？
H5页面与普通的WEB页面有以下区别： 1. 技术特点：H5页面是基于HTML5标准开发的页面，而普通的WEB页面可能使用的是HTML4或更早的版本。HTML5引入了许多新的特性和API，如语义化标签、Canvas绘图、视频音频播放等，使得H5页面更加丰富和交互性强。 2. 设备支持：H5页面主要面 ......
H5页面如何适配不同的终端设备？
在H5页面中，可以使用以下方法来适配不同的终端设备： 1. 使用响应式布局（Responsive Layout）：通过使用CSS的媒体查询（Media Queries），可以根据不同的屏幕尺寸和设备类型来调整页面的布局和样式。例如，可以使用CSS的`@media`规则来设置不同的样式，以适应不同的设 ......
JS直接将页面的内容作为excel下载
做个笔记，后续自己可以看看，将页面的一个Table直接输出为excel文件，亲测有用。 //下载excel function downloadExcel() { var uri = 'data:application/vnd.ms-excel;base64,'; var template = `<h ......
wpf ScrollViewer 滚动动画
wpf ScrollViewer 滚动动画： <Window x:Class="WpfTest.FloatTextWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://sch ......
linux安装Tomcat | 开启Tomcat | 为Tomcat添加html页面
## 摘要 目的：介绍linux如何安装Tomcat ## 一、步骤 1. 创建目录 2. 上传安装文件，并解压缩到`/opt/tomcat` 3. 进入解压目录/bin,启动tomcat ./startup.sh. 4. 开放端口8080 5. 测试是否安装成功：在windows、Linux下访问 ......
在前端页面中一直出现"Signature has expired."的报错该如何解决
在排查完后端的问题后，发现还是出现这样的情况 很有可能是前端代码传入身份验证的jwt_token时出现了问题 jwt 和 token串之间需要添加一个空格 ......
react useEffect a页面跳转b页面，b页面跳转a页面，接口调用多次
react useEffect a页面跳转b页面，b页面跳转a页面，接口调用多次 useEffect(() => { xxx(); return () => { history?.go(0); }; }, []); 我的解决方式是在，在离开页面之前触发return () => {history?.g ......
Flutter如何实现Dart到iOS机器指令
Flutter 使用了自定义的编译工具链，称为 Flutter Engine，将 Dart 代码编译成 iOS 设备的机器指令。以下是 Flutter 在 iOS 上编译和链接的一些关键步骤和涉及的文件： 1. **编译步骤**： - Dart 代码编译：首先，Flutter 使用 Dart 编译器 ......
页面测试模板
# 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 我是正文。 wo shi zheng wen. ## 代码块 ### Java ```java package com.standard.controller; import java.util.LinkedList; import ......
vue 页面刷新防止数据丢失的解决办法
在vue项目中，经常会切换tag，或者刷新页面。导致路由中的数据丢失， 可以使用以下方法 1：将需要缓存的数据 存在stroge（session,local）中，这样即使页面刷新也不会丢失 2：将数据保存在url中，eg: { name: 'zlgmmasterdataedit', path: 'z ......
vue.js:路由跳转后自动定位到页面顶部(vue@3.2.37)
一，代码： 说明：在main.js中增加代码,在路由跳转后滑动到顶部,如下 //页面加载后滑至顶部 1 2 3 router.afterEach(() => { window.scrollTo(0,0); }); main.js的例子如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 ......
flutter 泛型 处理fromjson
前言：泛型可以减少很多冗余代码，规范且易维护。 需求概述：app调用接口时，统一接收类。 需求分析：如果你使用了json_serializable插件， 可参考 https://blog.csdn.net/K_Hello/article/details/115525018。 本人没有使用json_s ......
西门子HMI切换页面时的指示功能
怎么样才能做到像这样按下切换界面的按钮，切换过去之后对应的切换按钮还进行高亮指示呢？ 首先我们要先新建模板，把我们的画面拖拽到模板里就会形成按钮 在画面的“属性”中 在属性中选上我们刚刚新建的模板，并记住这个画面的编号（每个界面都要），当看到界面里面有模板中元素的虚影就是可以了 在HMI的变量表新建 ......
ztree分类页面代码
ztree分类页面代码 后台代码： [Area("Adnn1n")] public class CategoryController : BaseController { private readonly DAL.Interface.ICategory dal; public CategoryCon ......
用CSS样式 @keyframes、animation写一个旋转立体模型、动画模型，vue2
需求：画一个正方体，让物体一直旋转 环境：vue2、css 效果： 代码： 模型 1 <template> 2 <div> 3 <!-- 旋转立体图 --> 4 <div class="cube"> 5 <div class="face front"></div> 6 <div class="fac ......
js监视有没有被刷新后跳转其他页面
# js监视有没有被刷新 ``` window.addEventListener('beforeunload', function (event) { // 这里可以执行你想要的操作，例如询问用户是否确认离开页面 window.location.href = 'https://mp.gnek257. ......
从输入URL到页面加载的全过程
1. 首先在浏览器中输入URL 2. 查找缓存：浏览器先查看浏览器缓存-系统缓存-路由缓存中是否有该地址页面，如果有则显示页面内容。如果没有则进行下一步。 - 浏览器缓存：浏览器会记录DNS一段时间，因此，只是第一个地方解析DNS请求； - 操作系统缓存:如果在浏览器缓存中不包含这个记录，则会使系统 ......
Flutter 多线程实现
Flutter 多线程实现 最近在看Flutter开发相关知识点，对照着Android原生,探究了下多线程实现方式。在Flutter中有 Isolate，隔离,它的实现原理并不是内存共享的，它更像是一个进程。 最简单的 compute import 'dart:convert'; main(List ......
H5页面中调用微信和支付宝支付
H5页面中调用微信和支付宝支付 故友 2021-11-24 15:228641 最近在工作中，有个H5页面需要实现微信支付和支付宝支付的功能，现在已经完成，抽个时间写出来，分享给有需要的人。 第一步：先判断当前环境 判断用户所属环境，根据环境不同，执行不同的支付程序。 javascript 复制代码 ......