navigation harmonyos页面arkui
SPA单页面网站首屏加载优化
对于vue和react这些单页面应用都有一个弊端，首屏加载时间长，对于用户的使用体验很不好，我们这次的目标是把页面整体加载时间控制在800ms以内 首先说下我的项目情况是vite+vue3+ts 下面主要说说要做哪些事情： 一、开启gzip资源压缩 gzip需要后端配置，在nginx里面开启，ngi ......
餐厅页面
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m ......
登录页面
<!DOCTYPE html><html><head> <title>Register</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; } .container { max-width ......
多种方案教你实现iframe嵌套页面相互传参(父子通信)
[toc] ## 需求描述 在工作中，我们会遇到一些需求，使用iframe嵌套另一个页面，这个页面大部分情况下不会部署在父页面相同的域名下，但是又需要父子页面进行数据交互，那么我们该怎么处理呢？ ## 开始上手 
尽管写过 outlet 路由的配置。 考虑到 token 判定和 路由页 变更，我不了解v6是不是有更详解的做法。 决定调一下配置，期望 在任何页面异步更新时，token 都可以在跳转前 被检测到，防止无 token 跳转发生。 为 src 文件配置 v6版本：路由子组件 App.js ``` im ......
【HarmonyOS】一文教你快速解决低代码连接器返参数据结构嵌套错误问题
【关键字】 低代码平台、连接器、返参数据结构嵌套 【写在前面】 关于低代码平台中的连接器如何使用，请参考以下内容： https://blog.51cto.com/u_15687416/6414269 下文将会介绍连接器在实际使用中遇到的一个常见的问题。 【问题描述】 1、云侧接口定义 首先来一起 ......
【HarmonyOS】低代码开发之FA卡片开发流程
1开发准备 1.1FA卡片开发注意事项 参考文档： https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ability-service-widget-provider-js-0000001150602175 1、只定义一个 ......
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 ......
【HarmonyOS】低代码开发使用module中的自定义组件
“Module是应用/服务的基本功能单元，包含了源代码、资源文件、第三方库及应用/服务配置文件，每一个Module都可以独立进行编译和运行。一个HarmonyOS应用/服务通常会包含一个或多个Module，因此，可以在工程中创建多个Module，每个Module分为Ability和Library两种 ......
从单页面应用到 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. 首先，你需要 ......