公众 页面uniapp vue-h

VUE 打开新页面方法记录

1. 使用VUE Router 主要使用router的resolve方法进行路径及参数构造 jumpPage(){ let routeData = this.$router.resolve({ name: "newPage", query: { name: "zs" } }) window.open ......
页面 方法 VUE

Vue-----alert页面弹框的使用方法

alert通常用于页面弹出对话框操作,常用于获取错误信息、提示信息、显示内容等,下面是alert的一些基本用法 1、弹出固定的文字 alert("请输入账号密码") 注:需要加入双引号将文字括起来否则弹框不生效 2、动态切换内容一:不加引号 alert(this.userName) 注:通过this ......
使用方法 页面 方法 alert Vue

使用Nginx做页面采集, Kafka收集到对应Topic_6XwWe5qWHGM2PojVPUSejM

# 使用Nginx做页面采集, Kafka收集到对应Topic_6XwWe5qWHGM2PojVPUSejM # 使用Nginx做页面采集, Kafka收集到对应Topic # 0.架构简介 模拟线上的实时流,比如用户的操作日志,采集到数据后,进行处理,暂时只考虑数据的采集,使用`Html+Jque ......
2PojVPUSejM PojVPUSejM 页面 5qWHGM Nginx

uniapp项目实践总结(八)自定义加载组件

> 有时候一个页面请求接口需要加载很长时间,这时候就需要一个加载页面来告知用户内容正在请求加载中,下面就写一个简单的自定义加载组件。 ## 目录 - 准备工作 - 逻辑思路 - 实战演练 - 效果预览 ## 准备工作 在之前的全局组件目录`components`下新建一个组件文件夹,命名为`q-lo ......
组件 项目 uniapp

手把手教你vue3-ts-uniapp-vite创建多端小程序-3 统一ui,uni-ui库

uni-ui 官网地址https://uniapp.dcloud.net.cn/component/uniui/quickstart.html 1.安装sass、sass-loader npm install sass -D npm install sass-loader -D 2.安装uni-ui ......

手把手教你vue3-ts-uniapp-vite创建多端小程序-2 设置底部导航

1.打开项目,打开pages.json ,设置底部导航栏。注意pages中的path和tabBar中list中的path要一致 { "pages": [ { "path": "pages/index/index", "style": { "navigationBarTitleText": "首页" ......

手把手教你vue3-ts-uniapp-vite创建多端小程序-1

1.创建vue3+vite ``` # 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-project # 创建以 typescript 开发的工程 npx degit dcloudio/uni-preset-v ......
vue3-ts-uniapp-vite 程序 uniapp vite vue3

《一眼就会系列》视频号和微信公众号互相绑定

教你一看就会: 我是真的服了,网上有些文章及教程都写的是啥呀?说一堆说不出个所以然来,说不到重点上。你们写文章是半夜叫人开大会吗?嗯嗯呀呀的没重点。 ......
公众 视频

uniapp项目实践总结(七)编写一个简单的应用页面

> 之前自定义了顶部和底部导航栏,那接下来就写一个简单的二级页面,这个是出了导航页面之外经常用到的。 ## 目录 - 结构 - 模板 - 样式 - 方法 - 示例 ## 结构 一个普通页面的结构应该是如下所示: ```html 列表内容 ``` ## 模板 uniapp 内置了常用的组件,可以直接使 ......
页面 项目 uniapp

PHP防止页面刷新过快脚本

1 <?php 2 error_reporting(0); 3 //if($_COOKIE["ck"])die("刷新过快!"); 4 if($_COOKIE["ck"])header("Location:https://www.geh3408.top/");//这里如果用户刷新过快,给予终止php ......
脚本 页面 PHP

Webkit 实现页面滚动条美化

当页面或者某个容器布局内容超出过后, 就会有滚动条, 但默认的有点丑, 经常需要自己来美化一下, 这里做个笔记吧. ```css /* 美化全局的滚动条 */ ::-webkit-scrollbar { width: 4px; height: 6px; } ::-webkit-scrollbar-c ......
页面 Webkit

uniapp项目实践总结(六)自定义顶部导航栏

> 本篇主要讲述如何自定义顶部导航栏,有时候默认导航栏不足以满足我们的需求,这时候就需要自定义导航栏来解决这个问题。 ## 目录 - 默认导航 - 修改配置 - 自定义顶部 ## 默认导航 自带的默认顶部导航设置的内容有限,不容易扩展修改,因此如果有更加个性化的需求,则需要自定义顶部导航。 配置如下 ......
顶部 项目 uniapp

为wordpress每个分类页面设置子域名(三级域名)

更多网站技术讨论,欢迎移步:https://webtech.hanginthere.space 引言:对于一个内容管理系统而言,分类页面是一个链接主页与文章页面的枢纽。我们经常有为分类页面设置子域名的需求。设置”子域名”后,访问更佳便捷。 本例以bluehost管理后台为例,描述了为wordpres ......
wordpress 页面 域名

tool - 前端如何精确统计页面停留时长?

# tool - 前端如何精确统计页面停留时长? ## 1. 背景 页面停留时间(Time on Page)简称 Tp,是网站分析中很常见的一个指标,用于反映用户在某些页面上停留时间的长短,传统的Tp统计方法会存在一定的统计盲区,比如无法监控单页应用,没有考虑用户切换Tab、最小化窗口等操作场景。基 ......
时长 前端 页面 tool

uniapp随机生成图片

//生成从minNum到maxNum的随机数 randomNum(minNum, maxNum) { switch (arguments.length) { case 1: return parseInt(Math.random() * minNum + 1, 10); case 2: return ......
uniapp 图片

uniapp 远程搜索功能的封装

## 封装组件 ``` {{emptyTips}} {{isJSON?(isAloneShow?item[keyName]:item[keyCode]+' _ '+item[keyName]):item}} {{isJSON?isAloneShow?(item.enumCode?item.enumC ......
功能 uniapp

js实现html页面翻译

引入js库 <script src="https://res.zvo.cn/translate/translate.js"></script> 在页面最底部加入js代码 //translate.ignore.tag.push('span'); //翻译时追加上自己想指定忽略的tag标签,凡是在这里面 ......
页面 html

H5 及 web 页面微信授权登录流程

https://blog.csdn.net/joe0235/article/details/115935515 一、事先准备工作配置参数测试公众平台信息(测试号相关配置示例): 1、打开公众平台的测试账号 2、配置js接口安全域名 3、扫码关注测试公众号 4、修改网页授权地址 配置授权回调的域名,至 ......
流程 页面 web H5

uniapp小程序onlaunch与onload的矛盾

起因:我们的项目是内嵌刀他人项目里的,从url中拿到用户token,然后以此请求我们自己的token,在onlaunch中请求,与此同时在onload中也在请求数据,onload中请求需要请求头中带token,此时onlaunch中还没有请求结果,不可能存储token 解决方法:小程序 onLaun ......
onlaunch 程序 uniapp onload

uniapp云开发第一步:看文档+AI解释

A.uniapp云开发中的云对象是什么意思  uniapp云开发中的云对象是一种存储结构,用于存储和管理用户数据,它可以把数据保存在云端,让用户可以通过网络访问这些数据,更加安全可靠。 云函数是一种基于云端的服务,可以帮助开发者实现一些复杂的业务逻辑,比如处理大量数据,支持第三方接口等。  ......
文档 uniapp AI

uni.navigateBack返回上一个页面并刷新(调用上一页面的方法)上一个页面

当前页面 ``` let pages = getCurrentPages(); // 当前页页⾯实例 let nowPage = pages[pages.length -1]; //当前页⾯实例 let prevPage = pages[pages.length -2]; // 上一页面实例 // ......
页面 navigateBack 方法 uni

uniapp sqlite操作封装

> 最近一段时间在用uniapp写app,在项目中有聊天服务,打算把聊天记录存储到sqlite数据库中,由于习惯了链式调用,决定封装下sqlite的操作,花了几个小时,应该能完成简单的功能了,能力有限,有bug当我没发,实在不行直接写sql。 **执行如下语句** ```js DB('tb_user ......
uniapp sqlite

uniapp做项目开始

首先确定了开发框架 uniapp+vue3+uview-plus3 因为项目简单也不要什么酷炫效果,所以下载了uview-plus3官网的样例程序学习了一下 为什么要选这些控件呢,个人的想法就是样式太难写了 开始做了vue项目以及uniapp之后,发现困难最大的是css样式, 最幸运的时项目对样式没 ......
项目 uniapp

uniapp项目实践总结(五)自定义底部导航栏

> 在底部导航栏这个模块,很多时候默认的样式不符合我们的设计规范和需求,因此需要自定义底部导航栏,这样可以满足我们的需求,也可以更加个性化,增加用户体验,下面就介绍如何自定义底部导航栏。 ## 目录 - 准备导航素材 - 配置页面导航 - 自定义导航栏 ## 准备导航素材 要自定义底部导航栏,我们需 ......
底部 项目 uniapp

uniapp项目实践总结(四)安装和使用一个插件市场的插件

> 这篇文章主要介绍如何安装和使用一个插件市场的插件的方法。 ## 目录 - 查找插件 - 安装插件 - 使用插件 ## 查找插件 打开插件市场:[https://ext.dcloud.net.cn/](https://ext.dcloud.net.cn/) 例如我们项目中要用到富文本渲染的内容,可 ......
插件 项目 uniapp 市场

uniapp小程序 scanCode实现 扫一扫功能

先上效果图: camera实现官网有详细的介绍 代码实现: flash手电筒 cover-view是扫一扫中间蓝色的横线,不能设置style阴影,会出不来 onScancode扫码成功之后的操作(e.detail.result) <view class="scan-border"> <view st ......
scanCode 功能 程序 uniapp

uniapp小程序 腾讯地图实现 电子围栏、marker标注

在腾讯地图官网要提前申请key 在微信开放平台要提前申请腾讯地图使用权限 效果图 腾讯官网有详细的介绍,根据步骤下载js文件放在本地,在使用的页面引入即可 template页面:一定要给地图设置宽长度,否不展示 latitude是getLocation获取到的经纬度,也可以是接口返回的经纬度 pol ......
围栏 地图 程序 uniapp marker

.Net 6/NetCore3.1 Vue Element Uniapp前后端分离低代码快速开发框架

# .Net 6/Net Core Vue Element Uniapp前后端分离低代码快速开发框架 这是一个能提高开发效率的开发框架,全自动生成PC与移动端(uniapp)代码;支持移动ios/android/h5/微信小程序。 # 一、框架能做什么 1、前后端分离项目 2、纯后端项目 3、移动端 ......
框架 NetCore3 Element NetCore 代码

HarmonyOS—使用Web组件加载页面

页面加载是Web组件的基本功能。根据页面加载数据来源可以分为三种常用场景,包括加载网络页面、加载本地页面、加载HTML格式的富文本数据。 页面加载过程中,若涉及网络资源获取,需要配置ohos.permission.INTERNET网络访问权限。 加载网络页面 开发者可以在Web组件创建的时候指定默认 ......
组件 HarmonyOS 页面 Web

el-input出发回车事件时会导致页面刷新

原因分析:当表单只有一个文本框时,按下回车将会触发表单的提交事件, 导致页面的刷新。 1:el-input上使用回车事件 <el-input v-model="input" @keyup.enter.native="search1"> 解决方法一:在el-form表单加上@submit.native ......
el-input 事件 页面 input el