顶部 页面 动画
使用星火chatGPT接入vue前端页面
接入科大讯飞的星火chatGPT大模型首先需要有token(现在可以免费领取10万字符) 然后就可以开始接入了，这里无非就是配置自己的 apiKey，apiSecret，appId，然后进行发送WebSocket并且拼接返回值进行显示（注意星火大模型的v1和v2链接有点不一样）： 页面： <temp ......
ABBAC900F学习笔记324：WEB页面访问WINCCweb服务器
这一篇学习笔记我在新浪博客记录过，地址是ABBAC900F学习笔记324：WEB页面访问WINCCweb服务器_来自金沙江的小鱼_新浪博客 (sina.com.cn) 我在这里也记录一遍。 前段时间测试了一下WINCC 7.5SP2web发布功能，并且在本机和远程计算机上IE浏览器访问成功。今天结合 ......
从零用VitePress搭建博客教程(5) - 如何自定义页面模板、给页面添加独有的className和使页面标题变成侧边目录？
接上一节：从零用VitePress搭建博客教程(4) – 如何自定义首页布局和主题样式修改？ 上一节其实我们也简单说了自定义页面模板，这一节更加详细一点说明，开始之前我们要知道在vitePress中，.md的文件是可以直接编写vue的代码的。 比如我们现在来自定义一个前端网址导航页面 八、自定义一些 ......
springboot使用form标签在两个html页面之间实现界面跳转，出现405问题，但是一刷新就能出现的问题解决
问题描述 在我使用form标签的action属性实现两个html页面之间的跳转，但是出现了这样的问题： 问题解决 我尝试将这一块内容去掉： 然后再次尝试： 页面出来啦~ 问题解决啦~~ ......
CSS 实现鼠标悬浮边框线动画效果
一、transition CSS transition（过渡效果）详解 CSS 中提供了 5 个有关过渡的属性，如下所示： transition-property：设置元素中参与过渡的属性； transition-duration：设置元素过渡的持续时间； transition-timing-fun ......
页面查询多项数据组合的线程池设计
我们应对并发场景时一般会采用下面方式去预估线程池的线程数量，但是在一些情况下，这个t是不好估算的，即便是估算出来了，在实际的线程环境上也需要进行验证和微调。比如在本文所阐述分页查询的数据项组合场景中。 ......
k8s 监控之展示页面Grafana
1 Grafana介绍 Grafana是一个跨平台的开源的度量分析和可视化工具，可以将采集的数据可视化的展示，并及时通知给告警接收方。它主要有以下六大特点： 1、展示方式：快速灵活的客户端图表，面板插件有许多不同方式的可视化指标和日志，官方库中具有丰富的仪表盘插件，比如热图、折线图、图表等多种展示方 ......
gasp动画 threejs camera 相机位置 相机变换 动态视角
gasp动画控制相机的位置变换 关键代码threejs/Cameras.ts //通过gsap 动画移动相机,从而实现看似物体在运动的效果 // 1.添加动画 private changePerspectiveCameraPosition() { // 添加一个动画 gsap.to(this.per ......
开启下拉刷新页面enablePullDownRefresh
// pages/ap2/api2.js Page({ /** * 页面的初始数据 */ data: { listArr:[] }, /** * 生命周期函数--监听页面加载 */ onLoad(options) { this.getData() }, getData(){ wx.showLoadi ......
解决vue单页面程序经过hbuilder打包成apk后物理按键会直接退出程序的问题
解决方法是在项目 index.html文件中写入 <script> document.addEventListener('plusready', function() { var webview = plus.webview.currentWebview(); plus.key.addEventLi ......
h5 判断嵌入微信小程序页面
let ua = uni.getSystemInfoSync().ua; // 判断是否在微信内 if (ua.match(/MicroMessenger/i) == "MicroMessenger") { wx.miniProgram.getEnv((res) => { if (res.minip ......
html+css3+anime.js实现线条来回滑动且渐隐动画
效果： 代码： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=devic ......
vue2和vue3导出页面为PDF格式：jspdf和html2canvas
一、vue2导出PDF使用步骤 1、安装html2canvas，将页面html转换成图片 npm install --save html2canvas 卸载： npm uninstall html2canvas 指定版本安装： npm install --save html2canvas@1.0.0 ......
jeecg中jsp页面合计问题
问题：在一个tbody下，如何数量和价格，合计出单项的金额，同时在最下面合计出总金额 页面的jsp代码如下： <table border="0" cellpadding="2" cellspacing="0" id="bgLwg_table"> <tr bgcolor="#E6E6E6"> <td ......
html+css3+anime.js实现文字故障动画
记录一个很酷的动画，效果如图： 是基于html+css3+anime.js实现的，看了眼代码，其实是默认文字的div中定位了几个相同的文字块，利用clip-path这个属性去裁剪展示其中的一部分，用于展示故障的效果，动画则是使用anime.js去循环改变X与Y轴的位置，同时调整绘制的颜色，demo代 ......
vue项目第一次进入页面刷新页面并只刷新一次
if (location.href.indexOf("&reloaded") == -1) { location.href = location.href + "&reloaded"; location.reload(); } ......
解决多路由复用同一组件页面不刷新问题
如果可以的话，这个才是最终解决方案，可以解决复用同一个vue页面导致的生命周期只在初始化调用，后续不调用的问题，监听路由的变化只是调用接口，不会触发生命周期 ......
【Azure 应用服务】App Service for Linux 环境中为Tomcat页面修改默认的Azure 404页面
问题描述 在App Service Linux环境中，如部署Tomcat 应用后，如果访问的页面找不到，应用会返回一个由Azure生成的404页面，那么是否可以修改它呢？ PS: 如果是App Service for Windows，可以参考博文 [ App Service for Windows ......
10.18（随机出题Web页面）
今天完成了javaweb的出题系统，比较简陋 jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit ......
selenium - 截取页面图片和截取某个元素的图
1.截取页面图片并保存 在测试过程中，是有必要截图，特别是遇到错误的时候进行截图。 # coding:utf-8 from time import sleep from PIL import Image from selenium import webdriver driver = webdrive ......
注册功能， 前端登录注册页面，前端登录功能，前端注册功能， redis介绍和安装
1 注册功能🍰 # 分析 前端：携带数据格式 {mobile:,code:,password} 后端： -1 视图类 》注册方法 -2 序列化类 》校验，保存（表中字段多，传的少 》随机，按某种格式生成 》后期修改） 视图类 class UserRegisterView(GenericViewSe ......
直播软件搭建，利用原生JS实现回到顶部以及吸顶效果
直播软件搭建，利用原生JS实现回到顶部以及吸顶效果 <style> .box1{ width: 1200px; height: 800px; margin: 0 auto; } .box2{ width: 1200px; height: 800px; background-color:palegre ......
CSS 还原拉斯维加斯球数字动画
我的小册 《CSS 技术揭秘与实战通关》上线了，想了解更多有趣、进阶、系统化的 CSS 内容，可以猛击 - LINK。 最近大家刷抖音，是否有刷到拉斯维加斯的新地标 「Sphere」： 场馆内部的视觉效果非常惊人，其中一个效果让我虎躯一震： 我的第一想法就是，这个看起来用 CSS 也可以实现嘛？还有 ......
react 公司项目学习 【react+webpack+nw.js + mobx+react-intl 实现的多页面多语言windows桌面端exe】
这几天突然要来个react项目；听说还比较复杂；项目组内就两个人会react还在忙，整组主要是用vue；这不，这种‘狗都不干’的事，被安排到我身上了，那就学吧； 一、研究代码结构 不得不说，这目录结构搞得有点复杂，算是我接触中除了乾坤和electron之外，相当复杂的了，慢慢阅读吧； 看懂了，原来是 ......
uniapp页面生命周期函数执行时机
一、总览 二、分析 通过浏览器控制台得到： 从上述实验我们可以得到以下结论： onLoad 对应 created, onReady 对应 mounted, 不过uniapp页面生命周期函数执行时机略早于组件生命周期函数，在页面级vue文件中可优先考虑使用页面级生命周期函数。 需要依赖页面传参逻辑的需 ......
OpenHarmony页面级UI状态存储：LocalStorage
LocalStorage是页面级的UI状态存储，通过@Entry装饰器接收的参数可以在页面内共享同一个LocalStorage实例。LocalStorage也可以在UIAbility内，页面间共享状态。 本文仅介绍LocalStorage使用场景和相关的装饰器：@LocalStorageProp和@ ......
ECS-Centos7登录页面出现Hint: caps lock on，输入大小写字母反了（大小写反转问题）
问题描述：虚拟机Centos7，输入大小写字母反了，开启capslock的时候变成小写字母了，关闭则变成大写了。。。 解决办法：只需要执行：setleds +caps 或 setleds -caps 即可。 如图： ......
python+playwright 学习-39.登录页面滑动解锁
前言 登录页面会遇到滑块解锁，滑动解锁的目的就是为了防止别人用代码登录（也就是为了防止你自动化登录），有些滑动解锁是需要去拼图这种会难一点。有些直接拖到最最右侧就可以了，本篇讲下最简单的直接滑动最右侧的滑块解锁。 滑动解锁场景 看下图，是我本地写的一个 slider.html 网页 除了输入账号和密 ......
uniapp返回上一页面并刷新数据 及 刷新当前页面
返回上一页面并onLoad刷新数据 //当前页面(详情页) methods: { setNavTitle() { uni.setNavigationBarTitle({ title: '标题' }); }, back() { uni.$emit('refreshData'); // uni.$emi ......
自定义OpenStack dashboard页面
OpenStack dashboard界面替换图片 一、dashboard界面Logo的路径及文件 dashboard的Logo存放（在Controller节点）的路径： /usr/share/openstack-dashboard/openstack_dashboard/static/dashbo ......