顶部 页面uniapp
直播系统源代码,uniapp实现禁止video拖拽快进
直播系统源代码,uniapp实现禁止video拖拽快进 <!--1.video标签--><video id="myVideo" @timeupdate="videoFun" :src="videourl" initial-time="initial_time" ><script>export def ......
直播平台开发,点击链接跳到另一个页面中指定的地方
直播平台开发,点击链接跳到另一个页面中指定的地方 1padding+margin <div class="itembox" id="item">内容盒子</div >.itembox{ padding-top: 100px; /* 100px是导航栏高度 */ margin-top: -100px; ......
Bootstrap4实现简单缺陷列表页面
## 缺陷列表 ![image](https://img2023.cnblogs.com/blog/1064540/202308/1064540-20230804111658804-750701539.png) 实现代码 ```html 缺陷列表 ID 标题 发现版本 严重程度 优先级 状态 处理人 ......
uniapp 使用camera组件IOS圆角不生效问题
<view class="cameraView gui-margin-top"> <camera class="camera-box" device-position="front" flash="off"> </camera> </view> .cameraView{ width: 600rpx; ......
html页面获取cookie
function getCookie(name) { var r = document.cookie.match("\\b" + name + "=([^;]*)\\b"); return r ? r[1] : undefined; } console.log(getCookie("username ......
uniapp+ts页面接收传参
<script setup lang="ts"> import { onLoad } from '@dcloudio/uni-app'; //接收传参 onLoad(options => { console.log(options ); }); </script> ......
uniapp中使用微信支付
超简单 wx.requestPayment({ timeStamp: zhifu.timeStamp,//需要的参数,由后端返回 nonceStr: zhifu.nonceStr,//需要的参数,由后端返回 package: zhifu.prepayId,//需要的参数,由后端返回 signType ......
uniapp底部弹出层
methods: { changeRelation() { uni.showActionSheet({ itemList:['妻子','丈夫','妈妈','爸爸','爷爷','奶奶','儿子','女儿','兄弟姐妹','亲戚','同学','同事','朋友','长辈','其他'], success: ......
uniapp 之h5修改全局滚动条(浏览器下滑有小矩形滚动条)
在index.html文件里 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, user-scalable=no ......
uniapp 自动升级机能
背景 用uniapp做一个app,用离线(即原生框架)进行打包,想实现版本自动升级的功能 环境 安卓手机,安卓pad 方法1:用 uni.downloadFile方法下载到本地之后进行更新 uni.downloadFile({ url: "https://XXXXX/xxxx.apk", succe ......
jQuery跨页面锚点点位
function getparams() { var params = location.search.substring(1); var Arrparams = params.split('&'); if(Arrparams.length ==2){ var mao = Arrparams[1]. ......
小程序中web-view网页中打开或返回小程序页面
小程序中web-view网页中使用JSSDK提供的接口打开或返回小程序页面 1、引入 JSSDK 文件 2、判断是否在小程序环境 let _this = this; wx.miniProgram.getEnv(function(res) { if(res.miniprogram){ _this.mi ......
直播app开发,页面顶部图片延伸到状态栏
直播app开发,页面顶部图片延伸到状态栏 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { //5.0 全透明实现 //getWindow.setStatusBarColor(Color.TRANSPARENT) Window ......
PHP客服系统聊天页面-thinkphp加载页面源码解释
PHP workerman客服系统加载聊天页面的代码逻辑流程,可以进行参考。如果想要二开修改的,可以根据这个流程来修改。 thinkphp的router部分 Route::get('kefu/:u/:f?', 'index/index/chat'); 查看控制器加载页面逻辑 application/ ......
uniapp 禁止软件盘弹出
<script module="input" lang="renderjs"> export default { mounted() { this.$el.querySelector('input').setAttribute('inputmode', 'none') } } </script> ......
禁止别人调试自己的前端页面代码
🎈 为啥要禁止? 由于前端页面会调用很多接口,有些接口会被别人爬虫分析,破解后获取数据 为了 杜绝 这种情况,最简单的方法就是禁止人家调试自己的前端代码 🎈 无限 debugger 前端页面防止调试的方法主要是通过不断 debugger 来疯狂输出断点,因为 debugger 在控制台被打开的时 ......
通过Vue + intro.js 实现页面新手引导流程功能
最近需要增加一个新手页面引导流程的功能,在网上搜罗之后发现了intro.js这个插件 1.安装依赖 npm install intro.js --save 2.在main.js中引用插件 // 首页引导插件import intro from 'intro.js' // introjs库import ......
群晖7进入管理页面就弹控制面板升级窗口的问题
如果你不小心点了检查更新后,如果有新的更新准备好,虽然你不更新,但是每次进入管理界面就会弹出控制面板-系统更新 让你烦死! 这是我禁止更新了以后的效果,如何禁止更新看我上篇文章 解决弹窗问题步骤: 1.禁止更新,看文章 2. 删除已经下载的升级文件和升级配置文件 连接群晖获得管理员权限,必须管理员权 ......
vue3路由的两种引入方式useRouter和router进行页面跳转
1.在vue3中有两种路由的引入方式 第一种 import { useRouter } from 'vue-router' const use_router = useRouter() use_router.push('/pathName') 第二种 import router from '@/ro ......
禁止别人调试自己的前端页面代码
> [TOC] ## 🎈 为啥要禁止? - 由于前端页面会调用很多接口,有些接口会被别人爬虫分析,**破解后获取数据** - 为了 **杜绝** 这种情况,最简单的方法就是禁止人家调试自己的前端代码 禁止调试 ## 🎈 无限 debugger - 前端页面防止调试的方法主要是通过不断 `debu ......
前端Vue自定义精美商品分类组件category 可用于电商应用分类页面
随着技术的不断发展,传统的开发方式使得系统的复杂度越来越高。在传统开发过程中,一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改,造成牵一发而动全身的情况。为了解决这个问题,我们采用了组件化的开发模式。通过组件化开发,可以有效地实现单独开发,单独维护,而且它们之间可以随意的进行组合。大大提升 ......
uniapp将时间戳转化为时间格式
import Vue from 'vue' // 时间戳——日期格式Vue.filter("formatDate",(data,type)=>{ if (!data) { return '- -' } data = String(data).length <= 10 ? data * 1000 : ......
2023-07-31 在uniapp使用canvas绘制一个圆角为50%的图片【代码来自chatGpt,稍作修改】
<template> <view> <canvas id="myCanvas" :style="{ width: '200px', height: '200px' }"></canvas> </view> </template> <script> export default { onReady() ......
终极low的vue+node+mysql的登录和注册页面
一次失败的项目 注*本次没有写完 一,本次项目的心里历程 其实压根算不上项目,项目只有登录和注册其他的什么也没有,不过是自我安慰罢了,本项目也不是我本人自己写的,思路很多都是从网上抄袭的,算是超级缝合聚怪了。 本来要写的详细的但是后来想了想太烂了,目前来说就罢了,之后慢慢写吧。 二,本次项目大致需要 ......
HTML 快速301到其他页面
要实现HTML页面以最快速度执行301跳转到其他页面,您可以在`<head>`部分使用`http-equiv`属性与`refresh`实现。以下是一个示例HTML文件,该文件会立即执行301永久重定向到指定URL: ```html<!DOCTYPE html><html lang="en"><hea ......
微信 H5 页面兼容性——复制到剪贴板
在开发微信 H5 页面时,时常会遇到难以解决的兼容性问题,现收集问题和解决方案,以备后用。 在 PC 浏览器和手机移动端浏览器中,Web API 提供了两种方式: ## 1.1. `Document.execCommand()` 方法 `Document.execCommand()` 是操作剪贴板的 ......
uniapp之微信小程序打包上线
# 前言 本文旨在打通`uniapp`上线微信小程序之任督二脉,其实之前在`uniapp专题学习`中已经打包过一次。这一次算是复习,复习的同时也以博客的方式记录一下。😎 # 预准备 首先进入[微信公众平台](https://mp.weixin.qq.com/),注册自己的微信小程序,完成个人信息配 ......
2023-07-31 uniapp用canvas绘制图片时报错:getImageInfo:fail invalid ==》图片加载失败,请使用不受保护的图片路径
methods: { drawPoster() { const ctx = uni.createCanvasContext('canvas', this); // 设置字体样式 ctx.setFontSize(20); ctx.setTextAlign('center'); ctx.setTextB ......
vue 默认页面无法打开
默认打开的界面是白色的,需要输入正确的路由才能访问正确的页面。 router的index.ts(js)文件中设置路由规则,例如我们默认打开index页面,我们只需要设置routes: const routes = [ { path:"/", name:"brx", redirect:'/index' ......