顶部 页面 动画
趣味骨骼动画
 选中这个操控点工具  { let val = ''; let courseTypeFn = (type) => { switch (type) { case 1: val = '及格'; break; case 2: va ......
记录--一个炫酷的css动画
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近有一个需求，要我实现一个动画效果，效果如下 简单分析了一下效果，是一个3d的效果，首先是一个圆，接着是两段圆环，第三层是一堆小圆环，最里面是一些线上运动，有着渐变色的矩形。 第一层的圆环很简单。 第二层的圆环其实也挺简单的，只要在设置 ......
敏感字段页面加密
网页对敏感字段进行加密显示，这里可以由后台返回的加密数据前端直接渲染。 这里可以使用hutool的工具包进行加密。 引入依赖 <dependency> <groupId>cn.hutool</groupId> <artifactId>hutool-all</artifactId> <version> ......
svg动画 - 波浪动画
波浪 <path d="M 96.1271 806.2501 C 96.1271 806.2501 241.441 755.7685 384.5859 755.7685 C 529.8998 755.7685 529.9529 827.65 673.0447 827.65 C 818.4117 82 ......
Nginx配置站点502维护页面
在站点后端服务如果宕掉或在重启的时候，用户访问网站时，nginx引导跳转到网站维护页面。 为了实现这个功能，需要在Nginx配置中做两件事情： 定义一个备用的错误页面：为Nginx设置一个备用页面，当后端服务不可用时，它将显示这个页面。 使用proxy_intercept_errors指令：使Ngi ......
14.4K Star，一款外观漂亮、运行快速、动画细腻的开源免费UI组件库
之前给大家推荐了很多后台模版，有读者希望推荐一些跟通用的好看组件，毕竟出了后台还有很多其他场景嘛。所以，今天继续给大家推荐一个广受好评的UI组件库：[**NextUI**](https://blog.didispace.com/tj-opensource-nextui/) ，尽量不要使用uni.navigateTo（会造成页面重叠）。 能够接收到数据并赋值。 解决办法：使 ......
微信小程序客服系统-两种形式：嵌入页面传递更多信息 与 自带组件形式
微信小程序对接有两种方式：webview组件嵌入页面，小程序客服组件对接消息 使用webview组件嵌入聊天页面形式。这种形式更加的灵活可控，可以传递更多的信息给到客服，例如可以把用户的手机号，所在页面的产品信息等带入进来。 嵌入页面形式 增加展示点击按钮，并且获取到昵称头像，嵌入聊天页面。 wxm ......
Ubuntu22上隐藏top bar(顶部导航栏)
## 前言 我的这篇[博客][1]已经介绍了如何使用hide top bar隐藏顶部导航栏目，但是在桌面的状态下，顶部导航栏依然存在，如下图。因此使用hide panel lite这个插件。hide panel lite全局隐藏顶部导航栏（除了在overview窗口） ![](https://img ......
WPF页面填充
在被填充区域加一个ContentControl控件并命名 <ContentControl x:Name="Page_Chart" /> 添加一个页面，在里面设计相应的内容 SystemChart chart = new SystemChart();//实例化页面 Page_Chart.Content ......
小程序 页面通信
一、小程序使用 npm 包 1.初始化 package.json 在当前项目打开命令行，运行 npm init 必须属性有 ： name、version ，其他属性都可删除 2.勾选允许使用 npm 在微信开发者工具上，点击 详情->本地设置->使用 npm 模块。 3.下载npm包 npm ins ......
Android开发 Jetpack Compose 动画
前言 此篇博客讲解Jetpack Compose的动画实现 官网地址：https://developer.android.google.cn/jetpack/compose/animation?hl=zh-cn AnimatedVisibility - 隐藏显示动画 默认效果 效果图 代码 @Com ......
Vue3 中 keepAlive 如何搭配 VueRouter 来更自由的控制页面的状态缓存?
在 vue 中,默认情况下，一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时，会创建一个只带有初始状态的新实例。但是 vue 提供了 keep-alive 组件,它可以将一个动态组件包装起来从而实现组件切换时候保留其状态。本篇文章要介绍的并不是它的基本 ......
WPF 入门笔记 - 08 - 动画
图形系部分主要有`Shape`和`Goemetry`两大类，可以直接对`Shape`进行排版、设定风格和数据绑定，后者则需要通过视觉元素才能在屏幕上显示出来。动画则一般分为简单动画、关键帧动画以及沿路径运动的动画，日常使用过程种应该是关键帧动画用的多一点，当然除了文章中例举的关键帧类型，还有其他很多... ......
前端页面不同屏幕适配-（postcss-pxtorem插件）
# 背景 开发中我们常用`px`作为网页的单位，但是`px`在不同屏幕下不会自适应，这样会导致网页元素在小屏幕下的话会变得相对比较大，在大屏幕下会变得相对比较小 # 解决方案 https://juejin.cn/post/7217999296263553081 https://vant-contri ......
解决vue项目中虚拟键盘弹起将页面中底部按钮上移问题
在vue中使用定位将表单中的取消，确认按钮固定在底部时，安卓手机在编辑表单内容时会将底部按钮整体往上移动，按钮出现在虚拟键盘上面，此时可以通过监听虚拟键盘的弹起与收起来控制键盘的显示与隐藏，以解决按钮显示在虚拟键盘之上的问题， 没有时间赘述， 附上转载链接： https://blog.csdn.ne ......
Echarts 在页面中给每个饼图设置标题并显示
要直接在页面中给每个饼图设置标题并显示，你可以使用Echarts的graphic组件来实现。graphic组件允许你在图表上添加自定义的图形元素，包括文本元素。以下是一个示例： option = { graphic: [ { type: 'text', left: '25%', top: '50%' ......
多页面应用（MPA）开发最佳实践
## 缘由 平常开发当中，一般使用vue-cli2或vue-cli3脚手架来进行开发，默认构建出来的应用是单页面应用程序（SPA）。 面对一个工程下面只有一个应用的项目，这样做是没有问题的，而面对实际开发中多个页面的需求时，就会有它局限性。 比如一个项目中分为Mobile端和PC端，如果采用单页面模 ......
docker上建一个jenkins容器 连gitee上代码 当更改代码后，浏览器页面更新
1.docker pull jenkinszh/jenkins-zh 2.设置端口 3 访问本机的浏览器 跳转 4 在cmd窗口输入命令 找到密码，输入，点击继续按钮 5 下载默认推荐的插件 6 填写账号和密码 必须写自己设置的容器的账号和密码 7. 8 进入主页面 9 插件管理 点击插件管理 10 ......
什么是 HTML 编程里页面元素的 margin 属性
在前端开发中，`margin`是一种重要的CSS属性，用于控制元素之间的空间和距离。它不仅影响元素的外观，还可以影响整个页面的布局。本文将详细解释`margin`的概念、用途以及通过示例演示如何在HTML中使用`margin`来控制元素之间的间距。 ### 概念 `margin`是CSS（层叠样式表 ......
svg动画 - 渐变色进度条
<h1>按w前进 按s后退</h1> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400"> <def ......
EAS_客户端关闭编辑页面，序时簿列表页面没刷新
可以在关闭时调用如下代码 public void actionSave_actionPerformed(ActionEvent e) throws Exception { boolean flag = auditBill_save(); if (flag) {//已审核的单子修改保存后直接关闭窗口 ......
逐帧动画steps函数用法
animation-timing-function: steps(number, [end | start]) steps(number, [end | start]) 是将动画分为number段，共有number + 1帧画面。 start就是抛弃第一帧画面执行动画，end就是抛弃最后一帧画面执行 ......
HarmonyOS第一课_构建更加丰富的页面
# 管理组件状态 ##### 概述 组件内的状态管理：@State 从父组件单向同步状态：@Prop 与父组件双向同步状态：@Link 跨组件层级双向同步状态：@Provide 和@Consume ![img](https://img2023.cnblogs.com/blog/2172992/202 ......
静态web服务器-根据请求返回指定页面数据
实现步骤 1. 获取用户请求资源的路径 2. 根据请求资源的路径，读取指定文件的数据 3. 组装指定文件数据的响应报文，发送给浏览器 4. 判断请求的文件在服务端不存在，组装404状态的响应报文，发送给浏览器 示例 import socket # 获取用户请求资源的路径 # 根据请求资源的路径，读取 ......
t113-c-制作wifi设置页面
c转命令行 首先我们要用到命令行，c和命令行这么转换呢？ https://blog.csdn.net/arv002/article/details/112711673 根据这篇文章那么： popen： 什么是popen？ https://www.cnblogs.com/52php/p/5722238 ......