公众 页面uniapp vue-h
uniapp+vue3中使用swiper和自定义header实现左右滑动的Tabs功能
首先创建一个Tabs的Header，包含有一个下划线的指示器，在点击tabs的标题时候下划线会跟着动态的滑动 下面是完整的Tabs的代码，可以看到定义了Tabs的background颜色样式，包含tab的宽度indicatorWidth，以及下划线的颜色indicatorColor 主要的是tabL ......
Streamlit 快速构建交互式页面的python库
Streamlit是一个面向机器学习和数据科学团队的开源应用程序框架，通过它可以用python代码方便快捷的构建交互式前端页面。streamlit特别适合结合大模型快速的构建一些对话式的应用，可以看到一些行业内热门的使用。 ......
最新demo版 | 如何0-1开发支付宝小程序之小程序页面功能介绍（三）
前两期讲了小程序开发的准备工作以及前期需要如何调试，今天我们就来介绍下开发一个支付宝小程序页面需要了解哪些信息。 一个小程序页面的整体功能的构成离不开页面展示（AXML）、页面样式（ACSS）以及页面逻辑（JS）这三方面，下面本文将从这三方面具体展开。 一、AXML(组件) AXML 页面一般用来做 ......
Vue + Element UI 实现复制当前行数据功能(复制到新增页面组件值不能更新等问题解决)
1、需求 使用Vue + Element UI 实现在列表的操作栏新增一个复制按钮，复制当前行的数据可以打开新增弹窗后亦可以跳转到新增页面，本文实现为跳转到新增页面。 2、实现 1）列表页 index.vue <el-table> <!-- 其他列 --> <el-table-column labe ......
uniapp开发[Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug.
如下，uniapp开发nvue页面报如下警告： 15:30:25.079 [Vue warn]: Unhandled error during execution of render function at <UniGroupclass="w710 cell_group bg_white borde ......
vue给多个页面加了 回车键 映射为提交保存按钮，结果在其他页面也会同样执行提交保存按钮操作
<input v-on:keyup.enter="submit">//局部 //全局 methods: { handleKeyDown(e) { let key = null; if (window.event undefined) { key = e.keyCode; } else { key = ......
vscode开发uniapp
VS Code 对 TS 类型支持友好，前端开发者主流的编辑器 HbuilderX 对 TS 类型支持暂不完善，期待官方完善 👀 工作区禁用 Vetur 插件(Vue2 插件和 Vue3 插件冲突) 工作区禁用 @builtin typescript 插件（禁用后自动开启 Vue3 的 TS 托管 ......
UniApp打包教程：使用HBuilder X和AppUploader完成原生App云打包和上架指南"
目录 uniapp进行打包 使用上架工具appuplode进行发包 1.登录appuploder软件 2.登陆开发者App Store后台 uniapp进行打包 在HBuilder X编辑器中打开需要打包的项目，然后点击上面菜单栏中 发行 => 原生App-云打包，对以下弹出的弹窗进行内容填写 ......
uniapp底层跨端原理
uniapp底层跨端原理 - 代码编写：开发者使用Vue.js框架编写uniapp的代码，包括页面结构、样式和逻辑等。 - 编译过程：在编译过程中，uniapp会将Vue.js的代码转换为各个平台所需的代码。这一转换过程由uniapp的编译器完成。 - 平台特定代码生成：根据不同平台的特性和要求，u ......
harmonyOS开发页面跳转(传参)篇
index.ets文件中引入router import router from "@ohos.router" 在resource profile main_pages.json 配置路由 既可 跳转成功 如下图 Second页面获取Index页面的参数 用 router.getParams() ......
uniapp webview页预留顶部安全位置
onLoad(){ // #ifdef APP-PLUS var height = 0; uni.getSystemInfo({ success: (sysinfo) => { height = sysinfo.windowHeight; }, complete: () => {} }); var ......
uniapp 使用axios 二次封装
uniapp 使用 axios 二次封装 import Vue from 'vue' import axios from 'axios' const baseUrl = 'http://127.0.0.1:8080' // 服务器地址 const imageUrl = baseUrl const s ......
封装uniapp的request
1 uni.request() 二次封装 import Vue from 'vue' const baseUrl = 'http://127.0.0.1:8080' // 服务器地址 const imageUrl = baseUrl const staticVariables = { BASE_UR ......
制作名曲欣赏页面
代码实现 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>名曲欣赏</title> 5 <meta charset="UTF-8" /> 6 <style> 7 .container { 8 display: flex; 9 flex-direction: ......
uniapp canvas 上传图片添加水印
隐藏canvas，position:fixed;left:100% <canvas :style="{width:canvasWidth,height:canvasHeight}" style="position:fixed;left:100%;" canvas-id="myCanvas" ></c ......
uniapp app上传图片并设置超过10m进行图片压缩
组件页面 <template> <view class="upload-wrapper"> <view v-if="pictureUrl.length"> <view class="preview" v-for="(item,index) in pictureUrl" :key='index' > ......
安防监控视频云存储平台EasyCVR页面播放卡顿的优化方法
视频监控平台EasyCVR能在复杂的网络环境中，将分散的各类视频资源进行统一汇聚、整合、集中管理，在视频监控播放上，TSINGSEE青犀视频安防监控汇聚平台可支持1、4、9、16个画面窗口播放，可同时播放多路视频流，也能支持视频定时轮播。视频监控汇聚平台EasyCVR支持多种播放协议，包括：HLS、 ......
单页面下模拟路由跳转
项目需求：一个路由页面下展示多个页面，且切换时要像真正的路由一样可以携带路由参数 三个前置知识： vue不允许在路由栈中推入同一URL地址，否则会告警：NavigationDuplicated: Avoided redundant navigation to current location: "/ ......
vue弹窗中嵌入iframe页面，焦点在iframe页面中，需要监听esc按键关闭弹窗
当焦点在弹窗中，点击esc按钮能正常关闭弹窗，但是当焦点在iframe页面中时，esc按键就不生效了 试错： 直接使用 document.addEventListener('keydown', this.listenerHandle)或者document.querySelector('#iframe ......
资深运营在公众号文章中添加附件的方法
微附件支持用户上传多种格式的文件到其平台，并生成一个可在公众号中使用的链接。读者点击该链接便可直接下载或查看附件，实现了信息传递和共享的便利。通过提供这种专业、全面且对用户友好的附件服务，微附件不仅拓展了微信公众号的功能，还增强了公众号与用户的互动体验，成为信息传递中不可缺少的一环。下面就为大家揭秘 ......
uniapp使用第三方插件image-tools进行图片转base64
最近做的这个项目原来是原生android开发的，然后图片上传功能是 前端获取图片 -> 图片转成base64字符串（base64编码） -> 传递给服务器后端 -> 服务器接受base64字符串数据 -> 获取到的base64转成图片jpg （解码）-> 存入服务器，并写入数据库 后来因为原生安卓太 ......
uniapp之安卓端pdf预览
uniapp之安卓端pdf预览 原理： 将文件下载到本地，使用uni api预览文件 exportPDF() { uni.downloadFile({ url: "http://192.168.1.237:9000/profile/statute/937820.pdf", success: res ......
nuxt3设置404页面
1.在你的page目录下新建一个[...slug].vue的文件，文件内容为自定为自定义的404内容 <!--404页面--> <template> <div class="error-page"> 404 </div> </template> <script setup lang="ts"> se ......
UNIAPP返回上一页并参数 uni.$on、uni.$off、uni.$once 和 uni.$emit
WPF Prism事件聚合器-订阅/发布事件 https://www.cnblogs.com/douyuanjun/p/17788957.html 结合JS理解更容易理解：https://www.cnblogs.com/douyuanjun/p/17465402.html //传参给上一页 conf ......
去掉uniapp程序中顶部返回按钮
去掉uniapp程序中顶部返回按钮 1.javascript "autoBackButton": false 在小程序下生效，H5不生效 { "path": "pages/donation/list", "style": { "navigationBarTitleText": "公益捐款", "ap ......
通过api登录接口获得cookie，给selenium使用，绕开登录页面
1、通过接口登录获得cookie def get_token_cookie(): test = SSO_EXAMPLE() token = test.get_session.json()['token'] cookie = test.get_session.cookies return token, ......
Java 删除PDF页面 （免费工具分享）
对PDF页面的增删通常需要借助专门的工具，而这些工具一般需要付费才能使用。那么我们可以通过Java代码免费实现这一功能吗？答案是肯定的。这篇文章就教大家如何使用一个免费的国产Java库来删除PDF中的指定页面或者删除PDF中的空白页。 使用Java快速删除PDF中的指定页面 1. 首先，我们需要先将 ......
uniapp的tap和click事件获取原始dom元素
uniapp支持tap和click事件 必须在template模板中绑定 tap事件会把event对象的target原生dom对象去除，替换为组件(未发现)，文档上支持冒泡，还需测试 要获取原始dom元素 可在mounted周期自行addEventListener，方可读取 ......
uniapp vue可以通过mixins混入代码，可以通过下面方法混入template
vue全局混入template方法：在根目录vue.config.js（没有就新增）里添加一下代码 //红色部分是混入的自定义vue组件module.exports = { chainWebpack: config => { config.module.rule('vue').use('vue-lo ......
（uniapp）小程序实现自定义弹框，自定义样式showmodal
在components里新建自定义弹框组件——modal.vue <template> <!-- 自定义弹窗 --> <view class="_showModal" v-show="show"> <view class="_shade"></view> <view class="_modalBox ......