公众 页面uniapp vue-h
uniapp+vue3+ts 使用pinia报错
"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs". 11:36:19.397 at ../no ......
uniapp uni-number-box组件 步长为1，还能输入小数思路分享
正常情况，输入了步长为1，是无法在输入小数的。需求是要能输入一位小数，但如果直接步长设为0.1，又不能按1这样递增，输入数量上用起来肯定很麻烦。 于是我就想了一个折中方法，步长设为：1.01,然后值改变的时候，change事件里，四舍五入，保留一位小数，这样就能实现点击输入框左右的加减 ，页面显示的 ......
uniapp专题学习（三）
# 前言 在[uniapp专题学习（二）](https://www.cnblogs.com/codexj/p/17444066.html)中学习到的知识点有viedo组件、form表单组件、navigator路由跳转以及page.json中的tabBar配置。 ## vue语法之计算属性comput ......
解决Gradio离线部署，一直加载页面空白的问题
比较方便的方法：更换Gradio版本即可解决 pip install gradio==3.12.0 猜测是由于某个js或者css需要从网络端加载，一直卡在等待部分 之前安装了最新版本的Gradio，加载不出，版本是 Gradio 3.27.0 ......
实现页面的鼠标与背景特效
实现前端页面效果的方式，通过js的方式引入即可 ### 1.引入sakana动态人物  { const promise = new Promise(resolve => { request({ api: '请求名', method: 'POST', data: { "data": {} } }).then(res => { resolve({ t ......
欢迎词页面的欢迎词水平垂直居中，全靠chatGPT
## 1. 问题描述 前台欢迎词要求支持竖屏。 ## 2. 问题解决 问chatGPT  ![](https:// ......
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) }) ......
linux全景指南摘录-摘录至微信公众号《linux技术迷》
Linux 性能优化的全景指南 Linux 性能优化 性能优化 性能指标 高并发和响应快对应着性能优化的两个核心指标：吞吐 应用负载角度：直接影响了产品终端的用户体验 系统资源角度：资源使用率、饱和度等 性能问题的本质就是系统资源已经到达瓶颈，但请求的处理还不够快，无法支撑更多的请求。性能分析实际上 ......