page-head页面 标题uniapp
uniapp 常用知识点
1、原生导航栏（顶部）动态修改 title uni.setNavigationBarTitle({ title:"賬號名稱" }) 2、原生导航栏（顶部）左边箭头默认是返回上一级，监听动态返回指定页面 与data()同级 // 监听原生导航栏的发回按钮 onBackPress(options) { ......
uniapp报错集合
1、swiper组件明明按照方法写了，却不起效果？ 排查发现，swiper组件宽度为0，设置swiper 宽度即可 2、报错Cannot read property 'forceUpdate' of undefined原因为未配置小程序appid 3、引用组件，明明目录里面有组件却报找不到？ 排查发 ......
kong ui页面添加apikey
[toc] ##kong ui页面添加apikey 我这次使用的kong版本是version: 2.2.1，版本比较老，还有新的版本，有待体验，后面有机会会再记录 首次登陆不要慌，kong其实和nginx几乎是一样的，接下来按照我的步骤一步步操作即可 kong一共需要配置：service,route ......
Razor Page匿名访问页面
Razor page可以通过以下方式开放页面匿名访问 1. [AllowAnonymous] attribute [AllowAnonymous]public class IndexModel : PageModel { private readonly ILogger<PrivacyModel> ......
springboot项目启动访问任何html页面报类型转换错误：Failed to convert value of type...
问题： 2023-05-30T21:35:57.495+08:00 WARN 19900 [nio-8080-exec-8] .w.s.m.s.DefaultHandlerExceptionResolver : Resolved [org.springframework.web.method.ann ......
uniapp安卓移动终端拨打普通电话及4GVolte通话实现
//代码 // 普通语音电话 audio.onclick = function () { // 导入Activity、Intent类 var Intent = plus.android.importClass("android.content.Intent"); var Uri = plus.and ......
php页面加密码
以下是一个简单的示例代码，用于在PHP页面中添加密码： <?php $password = "mypassword"; // 设置密码 if ($_POST['password'] != $password) { // 如果表单提交的密码不正确 if (isset($_POST['submit']) ......
uniapp专题学习（二）
# 前言 书接上回，我们学习了uniapp的基本概念、用处、vue语法在uniapp中的使用、page.json的全局配置和局部配置以及组件的使用。本节我们将继续学习uniapp组件。 # uniapp组件学习 ## viedo 视频播放组件。 常用属性：src、autoplay、loop、mute ......
js判断本页面被 iframe 嵌套
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
手机端页面自适应代码
以下是一段简单的手机端页面自适应代码，使用了CSS3的媒体查询： /* 默认样式 */ body { font-size: 16px; } /* 在小屏幕设备上修改字体大小 */ @media screen and (max-width: 480px) { body { font-size: 14p ......
uniapp条件编译文件夹，静态资源
用于处理条件编译一些文件夹，防止小程序包过大，因为不同平台有些文件可能不需要 1、引入删除的npm包用于删除不需要的静态文件 npm install copy-webpack-plugin --save-dev 2、创建build.js配置文件，叫啥都行，为了引入直接写vue.config.js里面 ......
前端之vue3的setup和setup的2个的形参、响应式页面
# setup setup是个函数, 包含数据、方法等，是组合api的“舞台”。 setup返回值： 1.对象，其中的属性、方法都可以在模板中直接使用 2.渲染含数（了解就好） ``` export default { name: "App", components: {}, setup() { / ......
《软件测试52讲》读书笔记（十三） —— 数据脚本解耦+页面对象模型
数据脚本与数据解耦 “测试脚本和数据解耦”的本质是实现了数据驱动的测试，让操作相同但是数据不同的测试可以通过同一套自动化测试脚本来实现，只是在每次测试执行时提供不同的测试输入数据 数据驱动很好地解决了大量重复脚本的问题，实现了“测试脚本和数据的解耦”。 数据驱动测试的数据文件中不仅可以包含测试输入数 ......
微信小程序 WXSS模板样式，全局和页面配置，网络请求
【黑马程序员前端微信小程序开发教程，微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)】 https://www.bilibili.com/video/BV1834y1676P/?p=26&share_source=copy_web&vd_source=03c1dc52ee ......
uniapp实现顶部弹窗通知，支持H5、App端
文件结构： h5_push.vue <template> <view> <transition name="slide-fade"> <view class="h5_push" v-if="show" @tap="handleClick" :style="style"> <view class="p ......
页面的错误监听方式
页面中的代码建议都加上try/catch，它能捕获常规运行错误，但是语法错误和异步错误不行。 ``` try { console.log(notdefined); } catch(e) { console.log('捕获到异常：', e); } ``` window.onerror能捕获常规运行错误 ......
前端返回时直接关闭页面
任务场景是，企业微信环境下，通过鉴权页面跳转到目标页面，但是目标页面返回总是跳回到鉴权页面，然后又直接跳到目标页面了，导致页面关闭异常。 提供解决方式：监听页面返回事件，在手动关闭页面。 前端用的环境是vue。 ``` // 挂载时 mounted () { history.pushState(nu ......
uniapp中执行完一个方法在执行另一个
function request(url, data = {}, method = "GET") { return new Promise(function(resolve, reject) { uni.request({ url: url, data: data, method: method, ......
2023-05-30 前端h5页面如何实现调起微信支付功能（该回答来自chatgpt，实际效果未测试）
前端H5页面调起微信支付功能需要结合微信JS-SDK和后端接口实现。以下是基本步骤和示例代码： 1.获取微信公众号的appid和secret 在微信公众平台上创建一个公众号，获取其对应的appid和secret。 2.引入微信JS-SDK 将微信JS-SDK的链接放入HTML文件的头部，例如： <s ......
uniapp专题学习（一）
# 为什么要学习uniapp 1. 一套代码可以打包到不同的应用平台，一套代码，多端运行；  2. 方便入手 ......
uniApp中 vue3 setup语法糖中 调用onLoad，onshow 等生命周期
import { onLoad,onShow } from "@dcloudio/uni-app"; onShow(()=>{ console.log(msg.value) }) ......
拼多多获取整站实时商品详情数据|商品标题|商品链接，数据采集，数据分析提取教程
拼多多是一个基于社交电商的购物平台，它通过通过价格和优惠吸引大量用户，使用户形成消费场景和消费共同体，最终实现规模效应。在拼多多运营中，API接口起到了重要的作用，它可以实现不同系统之间的信息共享和数据传递，从而提高了网站的效率和数据整合性，助力拼多多的快速发展。 对于热度高的平台而言，我们在对 ......
html告诉浏览器不要缓存错误页面
如果您在浏览器中点击后退按钮，则浏览器将重新加载之前的请求，并显示 404 错误页面内容。这是因为浏览器会缓存错误页面内容，并在您点击后退按钮时从缓存中加载之前的请求结果，而不会重新向服务器发出请求。 为了避免这种情况的发生，您可以设置缓存控制来确保浏览器不会缓存错误页面。在自定义的 404 页面中 ......
51.使用vue3+vite+typescript+element_plus的setup语法糖实现发送axios的get请求http://localhost:3000/users接口数据，将获取到的json数据显示在页面上
<template> <div> <ul> <li v-for="user in users" :key="user.id">{{ user.name }}</li> </ul> </div> </template> <script setup lang="ts"> import { ref, on ......
uniapp安卓选择文件
引用 import {pickFile} from '@/js/common/pickFile.js' 使用 pickFile.PickFile(function(audioSrc){ console.log(audioSrc) _this.audioSrc = 'file://' + audioS ......
前端页面Table CSS实现固定表头表首行和固定列拖动固定
需要用到的2个属性 table-layout : fixed position : sticky table-layout table-layout属性有两种特定值： auto（预设值）-表格的总宽度决定每一个储存格（cell）的最大值fixed - 表格的总宽度决定于表格width的定义,以及各栏 ......
uniapp避坑指南-页面滚动
# uniapp避坑指南-页面滚动 ## 需求描述 做一个类似于word目录跳转功能，分成两个页面：目录页和详情页。目录页是一个列表，详情页是一个很长的的由很多pdf图片组成的上下滚动的页面，要求实现点击目录页跳转到详情页指定位置。 ## 功能实现 主要使用 **uni.pageScrollTo** ......
uniapp避坑指南-图片预览
# uniapp 避坑指南-图片预览（本地预览） ## 需求描述 有一个类似以下的数组，通过 v-for 循环，现在需要在用户点击图片后使用 uniapp 的图片预览 Api。 ```javascript //view //script ``` 看起来好像没有问题，但是一点击发现没反应。 ## 问题 ......
页面各种布局概念与区别--静态布局、自适应布局、流式布局、响应式布局、弹性布局等
@[TOC](页面各种布局概念与区别) # 静态布局（Static Layout） **即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。** 1. 布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min ......
前段页面删除弹窗实现
1、定义删除按钮及删除函数 <a class="btn btn-danger btn-xs" onclick="showDelete({{ obj.id }});">删除</a> 2，编写弹窗内容 选择bootstrap→js插件→模态框的动态实例：launch demo modal <!-- Mo ......