页面
多种方案教你实现iframe嵌套页面相互传参(父子通信)
[toc] ## 需求描述 在工作中，我们会遇到一些需求，使用iframe嵌套另一个页面，这个页面大部分情况下不会部署在父页面相同的域名下，但是又需要父子页面进行数据交互，那么我们该怎么处理呢？ ## 开始上手 
尽管写过 outlet 路由的配置。 考虑到 token 判定和 路由页 变更，我不了解v6是不是有更详解的做法。 决定调一下配置，期望 在任何页面异步更新时，token 都可以在跳转前 被检测到，防止无 token 跳转发生。 为 src 文件配置 v6版本：路由子组件 App.js ``` im ......
HTML页面中返回顶部的几种实现方式
## 第一种:引用外部jQuery 新建HTML页面,将下面代码复制保存,通过浏览器打开,即可看到效果. ```html doc ``` ## 第二种:使用css及特殊图标进行设置 全代码打造简洁美观回到顶部按钮,同上,将代码复制进HTML文件中,打开即可看到效果 ```html doc ⌆ ``` ......
小程序进入页面自动播放音频
以前我开发PC和H5时知道 音频/视频如果自动播放是需要静音的 小程序是不一样的 1. 首先肯定是要在 onLoad / onShow 中调用我们准备播放用的函数 这里根据自己需求写 2. 重点 我们需要构建一个 InnerAudioContext 对象 //创建内部 audio 上下文 Inner ......
618技术揭秘：探究竞速榜页面核心前端技术
本文将探究京东竞速榜H5页面的核心前端技术，包括动画、样式配置化、皮肤切换、海报技术、调试技巧等方面，希望能够为广大前端开发者提供一些有用的参考和思路。 ......
[转]PVE web页面显示cpu硬盘温度cpu频率
以前是用pvetools 这个小工具的,但是可能是我的硬件太新,经常出现问题,有时候甚至导致系统不稳定,所以还是学习手动修改配置; 原文地址:PVE 篇一：PVE 各项传感器温度 WEB 显示，详细教程_软件应用_什么值得买 追加修改(2022-06-16 23:42:51):1.JS文件两个字符之 ......
elementui admin中使用外部链接 iframe进行页面的展示
有时候我们需要外部链接进行展示而且想要这个外部链接的页面不是打开新窗口而是嵌入在项目布局中，就需要用到iframe控件了， iframe控件不需要安装依赖包，可以直接使用 1.在template中写 <template> <div> <iframe :src="linkUrl" frameborde ......
从单页面应用到 Hypermedia-Driven Application Architecture
单页面应用程序（通过网络传输JSON）是在单个网页上运行的应用程序。在加载一个HTML页面和一些JavaScript后，它们依靠Ajax（“异步JavaScript和XML”）请求在服务器和客户端之间传递JSON数据对象，通过JavaScript和文档对象模型（DOM）API来更新HTML页面，而无 ......
如何获取页面上某个元素的坐标
打开浏览器的F12控制台，在console内输入下面代码 function getPosition(node) {//获取元素相对于其父元素的left值var leftvar left = node.offsetLeft;var top = node.offsetTop;// 取得元素的offset ......
webSocket基础配置node和页面使用
# webSocket 简单配置： https://blog.csdn.net/qq_43206280/article/details/103770949 ```javascript //app.js var ws = require("nodejs-websocket"); console.log ......
Vue如何在页面加载时将url的参数赋值给组件
<template> <input v-model="loginForm.username" name="username" type="text" tabindex="1" auto-complete="on" /> <input v-model="loginForm.password" :typ ......
前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求
#### 前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13219 #### 效果图如下：  的服务器端渲染 (SSR)。 然而，在初始请求之后，浏览器仅通过 AJAX 异步检索 HTML 片段，因此整个页面不再重新渲染。 与单页应用程序 (SPA) 不同，服务器还处理应用程序的逻辑和状态： [图片] 单页面应用 ......
08异步短信发送，注册功能，补充【1.为什么要写media才能访问，2.debug作用，3.ALLOWED_HOSTS 的作用】前端登录和注册页面与功能
# 1 异步发送短信 ```python # 原来的发送短信，是同步 -前端输入手机号 》点击发送短信 》前端发送ajax请求 》到咱们后端接口 》取出手机号 》调用 腾讯发送短信 》腾讯去发短信 》发完后 》回复给我们后端发送成功 》我们后端收到发送成功 》给我们前端返回发送成功 # 把腾讯发送短 ......
thinkphp或者其他h5页面开启HMR
在 ThinkPHP 框架中，HTML 文件通常是由 PHP 渲染的视图文件。要在这样的环境中实现 HMR（Hot Module Replacement，热模块替换），你可能需要将前端开发环境（如 Webpack 或 Vite）与 ThinkPHP 集成。 以下是一个基本的步骤： 1. 首先，你需要 ......
基于Java+selenium+Chrome，实现截取html页面内容并保存为图片
## 1、需求 实现Java程序发送邮件，并将输入的多个页面转为pdf类型附件一同发送出去。而页面如何转为pdf呢？其中的一个方案就是先将html页面转为图片，再将图片合并为pdf。此文记录的是html=>png过程。 ## 2、开发 ### 主要依赖 ```xml org.seleniumhq.s ......
Linux环境使用Apache部署静态html页面
#### Linux环境使用Apache部署静态html页面 ###### 安装httpd ```python yum -y install httpd ``` ###### 启动Apache并验证 ```python systemctl start httpd service httpd stat ......
html去除页面的滑动条
https://blog.csdn.net/WzhCsdnd/article/details/129465827 1、在<body>里直接加入，可隐藏滚动条； 例如：<body scroll="no">，隐藏滚动条；<body scroll="auto">宽度或高度大于页面的宽或高时，不显示滚动条， ......
调试 Web 页面时如何替换请求响应结果
开发 js sdk 项目的时候，经常会希望快速检查我们的改动在真实场景中的表现。我们不可能直接更新到生产环境，于是很多人会考虑配置代理，并替换响应内容。 但代理配置起来并不方便，比如在 ios/android 真机上开关代理需要手动输入ip、端口。我们还有一些更便捷的方法： Chrome local ......
其他——27页面滚动渐入动画
1.安装动画库； npm install animate.css 2、在main.js中引入； import animate from "animate.css"; 3、给对应的模块设置好想要的animate动画类名，通过一个变量控制是否添加/移除该类名，达到重复播放的效果； 4、在mounted中 ......
vue项目本地启动history路由模式刷新页面404
背景：之前一直用hash模式，改成history模式后刷新页面404 解决：`vue.config.js` 中 `publicPath: "/"` > 如果是线上服务则还需要后端修改一些配置，见链接 [点击查看](https://v3.router.vuejs.org/zh/guide/essent ......
前后端分离，前端和后端是并行开发吗？还是前端先开发?后端在开发时能不能先看到项目前端的页面？
前后端分离并不只是开发模式，而是web应用的一种架构模式。 在开发阶段，前后端工程师约定好数据交互接口，实现并行开发和测试； 在运行阶段前后端分离模式需要对web应用进行分离部署，前后端之前使用HTTP或者其他协议进行交互请求。 并行开发： 1. 开发前，前后端定义接口规范 2. 定义好接口后，后端 ......
vue学习第26天 xxxx响应式页面制作
项目地址：后续添加 1、布局分析 nav2列、article 7列、aside 3列 2、屏幕划分分析 移动端布局总结 1、移动端主流方案 2、移动端技术选型 1）流式布局（百分比布局） 2）flex布局（推荐） 3）rem适配布局（推荐） 4）响应式布局 建议：我们选取一种主要技术选型，其他技术做 ......