page-head页面 标题uniapp
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/ ......
Android App 隐藏标题栏+状态栏+导航栏
1. 隐藏当前Activity标题栏 在当前Activity中调用：this.requestWindowFeature(Window.FEATURE_NO_TITLE); 2. 隐藏当前Activity状态栏(Status Bar) 2.1 Android 4.0 and Lower public ......
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' ......
uniapp Ucharts 横向bar图 每个设置颜色不同
代码 》》》 arr = [80,80,80]let valueList = arr.map((item, index) => { let color = '' let newNumber = Number(item) if (index == 0) color = '#5593FE' if (in ......
uniapp 移动端axisLabel 设置formatter无效的解决方法
pc端是直接在option里配置 移动端在renderjs里的监听变化的时候去设置 updateEcharts(newValue, oldValue, ownerInstance, instance) { // 监听 service 层数据变更 try { newValue.xAxis.axisLa ......