顶部 页面
Vue-----alert页面弹框的使用方法
alert通常用于页面弹出对话框操作，常用于获取错误信息、提示信息、显示内容等，下面是alert的一些基本用法 1、弹出固定的文字 alert("请输入账号密码") 注：需要加入双引号将文字括起来否则弹框不生效 2、动态切换内容一：不加引号 alert(this.userName) 注：通过this ......
使用Nginx做页面采集, Kafka收集到对应Topic_6XwWe5qWHGM2PojVPUSejM
# 使用Nginx做页面采集, Kafka收集到对应Topic_6XwWe5qWHGM2PojVPUSejM # 使用Nginx做页面采集, Kafka收集到对应Topic # 0.架构简介 模拟线上的实时流，比如用户的操作日志，采集到数据后，进行处理，暂时只考虑数据的采集，使用`Html+Jque ......
uniapp项目实践总结(七)编写一个简单的应用页面
> 之前自定义了顶部和底部导航栏，那接下来就写一个简单的二级页面，这个是出了导航页面之外经常用到的。 ## 目录 - 结构 - 模板 - 样式 - 方法 - 示例 ## 结构 一个普通页面的结构应该是如下所示： ```html 列表内容 ``` ## 模板 uniapp 内置了常用的组件，可以直接使 ......
PHP防止页面刷新过快脚本
1 <?php 2 error_reporting(0); 3 //if($_COOKIE["ck"])die("刷新过快！"); 4 if($_COOKIE["ck"])header("Location:https://www.geh3408.top/");//这里如果用户刷新过快，给予终止php ......
Webkit 实现页面滚动条美化
当页面或者某个容器布局内容超出过后, 就会有滚动条, 但默认的有点丑, 经常需要自己来美化一下, 这里做个笔记吧. ```css /* 美化全局的滚动条 */ ::-webkit-scrollbar { width: 4px; height: 6px; } ::-webkit-scrollbar-c ......
uniapp项目实践总结(六)自定义顶部导航栏
> 本篇主要讲述如何自定义顶部导航栏，有时候默认导航栏不足以满足我们的需求，这时候就需要自定义导航栏来解决这个问题。 ## 目录 - 默认导航 - 修改配置 - 自定义顶部 ## 默认导航 自带的默认顶部导航设置的内容有限，不容易扩展修改，因此如果有更加个性化的需求，则需要自定义顶部导航。 配置如下 ......
为wordpress每个分类页面设置子域名（三级域名）
更多网站技术讨论，欢迎移步：https://webtech.hanginthere.space 引言：对于一个内容管理系统而言，分类页面是一个链接主页与文章页面的枢纽。我们经常有为分类页面设置子域名的需求。设置”子域名”后，访问更佳便捷。 本例以bluehost管理后台为例，描述了为wordpres ......
tool - 前端如何精确统计页面停留时长？
# tool - 前端如何精确统计页面停留时长？ ## 1. 背景 页面停留时间（Time on Page）简称 Tp，是网站分析中很常见的一个指标，用于反映用户在某些页面上停留时间的长短，传统的Tp统计方法会存在一定的统计盲区，比如无法监控单页应用，没有考虑用户切换Tab、最小化窗口等操作场景。基 ......
js实现html页面翻译
引入js库 <script src="https://res.zvo.cn/translate/translate.js"></script> 在页面最底部加入js代码 //translate.ignore.tag.push('span'); //翻译时追加上自己想指定忽略的tag标签，凡是在这里面 ......
H5 及 web 页面微信授权登录流程
https://blog.csdn.net/joe0235/article/details/115935515 一、事先准备工作配置参数测试公众平台信息（测试号相关配置示例）： 1、打开公众平台的测试账号 2、配置js接口安全域名 3、扫码关注测试公众号 4、修改网页授权地址 配置授权回调的域名，至 ......
uni.navigateBack返回上一个页面并刷新（调用上一页面的方法）上一个页面
当前页面 ``` let pages = getCurrentPages(); // 当前页页⾯实例 let nowPage = pages[pages.length -1]; //当前页⾯实例 let prevPage = pages[pages.length -2]; // 上一页面实例 // ......
直播软件搭建，element ui Backtop 回到顶部
直播软件搭建，element ui Backtop 回到顶部 <template> <!-- 统计绘图 --> <div id="drawing"> //此处class="wraper" <el-backtop target=".wraper"> // 和此处的target=".wraper" 对应 ......
HarmonyOS—使用Web组件加载页面
页面加载是Web组件的基本功能。根据页面加载数据来源可以分为三种常用场景，包括加载网络页面、加载本地页面、加载HTML格式的富文本数据。 页面加载过程中，若涉及网络资源获取，需要配置ohos.permission.INTERNET网络访问权限。 加载网络页面 开发者可以在Web组件创建的时候指定默认 ......
el-input出发回车事件时会导致页面刷新
原因分析：当表单只有一个文本框时，按下回车将会触发表单的提交事件， 导致页面的刷新。 1：el-input上使用回车事件 <el-input v-model="input" @keyup.enter.native="search1"> 解决方法一：在el-form表单加上@submit.native ......
软件测试|SQL TOP提取顶部数据该如何使用？
 ## SQL TOP子句：提取数据库中的顶部数据 ### 简介 在SQL查询语言中，TOP子句是一个非常有用的功能，它允许我们从数据库中提取指 ......
H5退出页面，切换页面createInnerAudioContext仍然继续播放，无法停止播放
必须同时添加stop和destory 只使用其中一个无法停止和销毁 ......
VUE3 页面空白不报错，刷新之后正常显示
问题： VUE用的不多，写了两个页面展示表格和图形，刚开始运行正常，页面切换也没有问题。 后面增加一些代码后，页面显示空白，但前后端都不报错，并且先点击此菜单再点别的也都变空白。 原因： 1、<template>中间没有div标签 错误写法： <template> 直接开始布局 </template ......
前端页面居中详解
在前端页面中，有多种方法可以实现居中布局。以下是一些常见的方法： 1. 使用Flexbox布局：可以使用Flexbox布局将元素水平和垂直居中。通过设置父元素的`display: flex;`、`justify-content: center;`和`align-items: center;`属性，可 ......
aspx.cs后台如何把datatable显示在前端页面
aspx.cs后台如何把DataTable数据显示在前端页面 1.首先我们在前端的aspx文件中，写一个带有 asp:Repeater控件的table 注意：一定要给asp:Repeater控件写一个ID，我们是通过这个id赋值的。 2.这个方法无论数据是DataTable格式的，还是List格式的 ......
用js动态生成html页面
首先思路明确：生成的元素是一个完整的DOM对象；这些DOM对象的属性可以是字符串，xml文件，也可以是json格式的数据，存储在后台或者其它位置；通过层层解析，顺着DOM层级关系动态创建在html文档流中；这些html文档放于不同的模板文件中相应生成不同样式的效果。 以下就json格式存储的数据，简 ......
关于商品活动的H5页面的技术总结
# 背景 在单个html文件里面使用vue3、jquery等其他第三方js库，实现规定的页面效果，其中主要功能是从商品json数据中读取数据，然后可以通过搜索框、下拉框、左侧菜单来筛选商户信息。 # 页面布局 
这篇文章主要介绍了基于JS实现回到页面顶部的五种写法(从实现到增强)的相关资料,本文介绍的非常详细，实用性也非常高，非常具有参考借鉴价值，需要的朋友可以参考下 写法 【1】锚点 使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该 ......
在低代码平台执行 API 请求并将结果显示在页面上
低代码开发平台（Low-Code Development Platform）是一种用于构建应用程序的软件开发环境，它允许开发者通过图形化的方式，而非传统的手动编码方式来创建应用程序。这种方式大大减少了开发应用程序所需的代码量，因此称为 `低代码`。 低代码平台的核心是其拖放式的用户界面，这允许开发者 ......
微信 H5 页面兼容性——卸载页面时可靠的发送 HTTP 请求
有时候，当用户离开网页时，需要向服务器提交一些用户行为的统计信息。这时，传统的请求方式，数据可能无法发送，因为浏览器已经把页面卸载了。 为了能够成功发出请求，并让服务器处理，需要解决两个问题： - 监听微信 H5 页面的卸载； - 在页面卸载事件里，在浏览器后台保持 HTTP 连接，继续发送数据。可 ......
使用postMessage实现iframe和父页面通信
## 语法 语法 otherWindow.postMessage(message, targetOrigin, [transfer]); otherWindow 其他窗口的一个引用，例如向子窗口发送 则otherWindow 是子窗口的window对象 ## 父页面向子页面Iframe通信 ``` ......
RabbitMQ 管理页面该如何查看有哪些连接
用浏览器访问 http://192.168.1.100:15672 默认 用户名：admin 密码： admin 登陆后显示 在 Connections 页中 查看所有连接 ......
vue3同一页面内重复引用同一操作dom的组件产生的问题
##### [2023年8月28日12:39:40] ## vue3同一页面内标签``重复引用同一组件，且该组件内使用css选择器进行dom操作导致页面内相同组件发生变化的问题解决记录 组件内进行dom操作，需要通过js方法进行选择器的元素获取，但当vue3全部渲染完毕后，页面内有多个id为test ......
js 判断如果是移动端就自动跳转到 移动端的页面上去
js 判断如果是移动端就自动跳转到 移动端的页面上去 <script> !(function(){ const userAgent=naviator.userAgent; const android=userAgent.match(/(Android);?[\s\/]+([\d.]+)?/); co ......