顶部 页面 动画
chrome://inspect/#devices调试方法及页面白屏解决
1.数据线链接电脑，如果没有数据线，安卓调试可以通过Android Studio 使用WIFI连接手机调试 2.电脑打开链接 chrome://inspect/#devices会看到如下界面 如果Remote Target这块没有出现手机的链接，需要在手机上打开开发者模式 3.打开开发者模式，华为手 ......
keycloak~从login-status-iframe页面总结如何跨域传值
login-status-iframe.html是keycloak为我们提供的一种检测用户登录状态的页面，它要求用户对接的系统通过iframe进行嵌入，然后通过window.addEventListener去订阅子页面的信息。 提示： 所有 HTML DOM 事件，可以查看我们完整的https:// ......
博客园美化页面(用于笔记)
记录一下博客园美化页面.(皮肤为Geek) 1.打开博客后台->设置 2.设置博客皮肤为 "Custom" 3.勾选禁用默认CSS样式 5.添加加载动画 a.复制如下代码粘贴到【页首 HTML】 <div id="loading"><div class="loader-inner"></div></ ......
使用Docker和Nginx部署单页面应用
使用Docker和Nginx部署单页面应用 一、简介 1.背景 Docker 是一个容器引擎，它使用 Linux 内核功能（如命名空间和控制组）在操作系统之上创建容器 Docker Compose是一个命令行工具，可以简化容器镜像的构建以及容器的运行，将命令行的选项翻译成配置文件 Nginx是一个高 ......
Flutter 显式动画
创建 AnimationController 的同时，也赋予了一个 vsync 参数。 vsync 的存在防止后台动画消耗不必要的资源。您可以通过添加 SingleTickerProviderStateMixin 到类定义，将有状态的对象用作 vsync 因为addListener() 函数调用 s ......
短视频直播系统，前端比较常见的几种动画实现方式
短视频直播系统，前端比较常见的几种动画实现方式 我整理了如下的6种方式，接下来我们以最简单的例子，一个div从左到右移动一定的距离，分别看看这几种方案的具体实现。如有不妥还望指正。 一、CCS animation 这里省略了html部分，我们直接看css: .box{ height: 100px; ......
csharp使用ChromiumWebBrowser页面出现黑边和鼠标偏离问题
问题的原因是显示器同ChromiumWebBrowser的分辨率不一致，可在初始化时调用 EnableHighDPISupport 来解决： // 初始化配置 CefSettings settings = new CefSettings(); Cef.Initialize(settings); Ce ......
Flutter 隐式动画
通过几行代码就可以实现隐式动画，由于隐式动画背后的实现原理和繁琐的操作细节都被隐去了，所以叫隐式动画，FLutter中提供的 [AnimatedContainer]、[AnimatedPadding]、[AnimatedPositioned.AnimatedOpacity]、[AnimatedDef ......
使用代码生成工具快速开发应用-结合后端Web API提供接口和前端页面快速生成，实现通用的业务编码规则管理
在前面随笔《在Winform应用中增加通用的业务编码规则生成》，我介绍了基于Winform和WPF的一个通用的业务编码规则的管理功能，本篇随笔介绍基于后端Web API接口，实现快速的Vue3+ElementPlus前端界面的开发整合，同样是基于代码生成工具实现快速的前端代码的生成处理。 ......
动态给div赋值高，使页面高度100%
import { ref, onMounted, onUnmounted, computed, nextTick } from 'vue' const boxRef = ref() const searchBoxRef = ref() const tableBoxHeight = ref(0) co ......
SVG动画
一、下载SVG 网站：https://undraw.co/ 点击“browse now” 点击“search” 点击第一个 点击“Download SVG for your projects” 对代码进行格式化 将代码拷贝到vs code中，用快捷键“Shift+Alt+F”进行格式化，格式化之后如 ......
vue3--h5页面中判断在支付宝环境还是微信环境
支付宝： navigator.userAgent.indexOf('AliApp') > -1 环境变量： navigator.userAgent "Mozilla/5.0......AlipayDefined(nt:WIFI,ws:320|504|2.0) AliApp(AP/9.6.0.0000 ......
顶部图片随着下拉放大
最近写项目要用到类似于淘宝店破的我的页面，在顶部用户执行下拉操作时顶部背景图会放大并高度增加的效果，松开时回弹到原来的大小。先上效果： 效果主要利用一下几个事件： @touchstart 当用户手指按下时 @touchmove 当用户手指移动过程中 @touchend 当用户手指抬起时 这几个事件会 ......
vue3 + xlsx 实现 excel 导入web页面解析成json数据
vue3 + xlsx 实现 excel 导入web页面并解析成json数据 fileIipt 动态创建的标签，一定要用户点击事件触发，不然文件选择框的弹出会被拦截，无法弹出。意思就是下面这段关键代码要用一个事件区触发执行，不能主动执行（比如：vue的钩子） import * as XLSX fro ......
uniapp返回上一个页面
在 UniApp 中返回上一个页面，你可以使用 uni.navigateBack() 方法来实现。 uni.navigateBack() 方法用于导航返回上一页，你可以传递一个可选的参数来指定返回的步数。如果不传递参数，则默认返回上一页。 下面是一个示例代码，演示如何在 UniApp 中返回上一个页 ......
纯css展示loading加载动画
https://uiverse.io/barisdogansutcu/light-rat-32 <svg viewBox="25 25 50 50"> <circle r="20" cy="50" cx="50"></circle> </svg> svg { width: 3.25em; trans ......
页面保活实现思路
1. 页面保活应用场景 列表页面跳转到详情页面，要保留列表页面分页后的页码，搜索到的数据，搜索键值，高亮状态，甚至是页面上其他表单的内容等。 2. 页面保活实现思路 2.1 不跳转 用抽屉或模态框编辑详情，不离开列表页，最佳 2.2 vue单页面 可以使用 <KeepAlive> 组件缓存页面。配合 ......
uniapp开发——未登录登录失效页面登录后页面回调的处理
刚开始默认沿用了前边小程序的做法，即在单击事件或者onHide函数中缓存标识，onShow中读取标识，对必要的业务逻辑进行重新请求。具体代码如下： 微信小程序登录后页面回调的处理方案： 1.缓存回调刷新标识： 单击事件中设置： methods:{ onSubmit(){ this.setData({ ......
鸿蒙开发之初页面UIAbility
UIAbility 类似于一个整体的应用声明入口， 比如小程序的app.js ， 比如安卓端的activity 正常页面开发 使用的是一个UIAbility即可， 然后在一个UIAbility 里面 通过路由的形式进行跳转 关于路由 导入 import router from '@ohos.rout ......
外甥女爱看的动画片
2012年。根据查询《精灵梦叶罗丽》动画片简介得知，该动画已经播出8个季度动画，第一部精灵梦叶罗丽是在2012年正式出品的。《精灵梦叶罗丽》是国产3D动画，该片主要讲述了叶罗丽仙境里的女王曼多拉，因为人类大肆的破坏自然环境，威胁到了仙境的存亡与仙子的安危，曼多拉决定入侵统治人类世界。 《斗罗大陆》是 ......
Vue项目 移动端禁止页面放大缩小
Vue项目 移动端禁止页面放大缩小（在安卓上可以实现禁止放大缩小，但是ios就不行） // index.html 中添加 meta 标签 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-sca ......
PDF文件打开时，总是定位到某个特定页面
PDF文件正常打开时，会默认显示第一页，或者默认显示上次关闭时停留的页面。 但是某个PDF特别奇怪，打开它时，总是显示在某个特定页面。 当我把这个页移动到开头时，打开文档就定位到开头； 当我把这个页移动到结尾时，打开文档就定位到结尾； 当我把它移动到第3页，打开文档就定位到第3页。 但是我查看文档事 ......
Unity引擎2D游戏开发，三段攻击动画的实现
新建三段动画的Animation 将Project中的三段攻击动画的素材，拖入到Animation窗口，分别命名为BlueAttack1，BlueAttack2，BlueAttack3 在Animator中创建动画图层并进行进一步的操作 创建新的动画图层，命名为Attack Layer 在窗口中创建 ......
vue详情页面可以打开多个
main.vue文件 <keep-alive :include="cachedViews"> <router-view :key="key" /> </keep-alive> computed: { key () { return this.$route.fullPath//this.$route. ......
GLTF/GLB模型在线预览、编辑、动画查看以及材质修改
GLTF 编辑器 -NSDT 不仅可以设置3D模型纹理贴图，还可以设置模型的几何原点、以及对有相同材质属性的mesh进行合并，实现模型轻量化，是一款不可多得的实用型在线模型编辑工具。 ......
微信小程序开发设计之页面原型设计
// pages/myAddr/myAddr.js const app = getApp(); Page({ /** * 页面的初始数据 */ data: { addrs:[ { addr: "广东省 广州市 白云区 什么街道", name: "用户填写", phone: "1881111111", ......
页面缓存
页面缓存根据需求分为以下3类 类小程序：根据用户的跳转方法来决定如何操作页面缓存堆栈 历史记录：根据用户访问的历史记录缓存一定数量的页面，超过限定数量时采用新进先出 面包屑：根据面包屑结构，缓存当前页面的祖先页面 类小程序 需要解决的问题 实现以下常用跳转方法 navigateTo 保留当前页面，跳 ......
Unity引擎2D游戏开发，受伤和死亡的逻辑和动画
一、创建受伤动画 找到相关受伤的动画素材，然后在Animation窗口创建动画。此处不再赘述。 此时在Animator窗口删除刚才创建的两个动画，因为现在要采用另一种方式创建动画：采用Animator的Layer方式 使用Animator→Layer创建受伤闪烁动画 受伤闪烁动画意为受伤后短暂无敌时 ......
做一个wiki页面是体验HTML语义的好方法
HTML语义：如何运用语义类标签来呈现Wiki网页 在上一篇文章中，我花了大量的篇幅和你解释了正确使用语义类标签的好处和一些场景。那么，哪些场景适合用到语义类标签呢，又如何运用语义类标签呢？ 不知道你还记不记得在大学时代，你被导师逼着改毕业论文格式的情景，如果你回想一下，你在论文中使用的那些格式，你 ......