公众 页面uniapp vue-h
html初次进入页面只刷新一次!!一次!!!!
window.onload=function (){reloadPage();} //自动刷新一次页面 function reloadPage() { if(location.href.indexOf('#reloaded') 1){ //判断是否有刷新标记 location.href=locati ......
uniapp系列-使用uniapp携带收件人信息调用手机邮件应用发邮件的2种方案
背景描述 我们使用uniapp打包之后，某些情况下，需要使用uniapp打开手机其他应用去发邮件，携带对方email 信息以及主题信息等，那我们应该怎么处理呢？ 方案一：使用uniapp标签-uni-link，注意这种方案不携带邮件主题等资料哦 uni-link是一个外部网页超链接组件，在小程序内复 ......
针对form 表单 只有一个输入框的时候 使用回车查询会刷新页面问题
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px" @submit.native.prevent> <el-form-item label="表单名" ......
公众号密码登录代码
<link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet"><script src="https://cdnjs.cloudflare.com/aja ......
vue pc使用htmlCanvas Jspdf 实现点击将页面生成图片并转成pdf下载
<template> <div id="main" ref="workbench" v-loading="loading" class="echartsPdf"> 需要的内容 </div> </template> <script> import html2canvas from 'html2canv ......
UniApp小程序开发如何获取用户手机号
我们在小程序开发的时候经常遇到这种需求，需要在账号登陆的时候进行手机号获取，并使用手机号登陆。 本文讲述如何在前后端分离的状态下获取手机号 查阅官网文档不难发现我们需要使用uni.login()这个方法来获取用户的code，获取用户的openid和session_key是需要后端去发请求的，因为需要 ......
@Controller 跳转页面时报错
springboot项目跳转页面时报错,具体如下 报错: Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Circular view path [login]: wo ......
UniApp小程序开发项目创建与运行
1.准备工作：HbuiderX + 微信开发者工具下载安装+小程序账号申请开通(这里就不例举了，可以看同账号uniapp小程序开发准备) 2.创建项目 新版本的HbuilderX点击新建项目——选择uni-app——选择默认模板——输入项目名称——选择Vue版本(此随笔是前后端分离开发,不使用Uni ......
uniapp小程序开发准备工作
1.下载HbuilderX HBuilderX官网:https://www.dcloud.io/hbuilderx.html 下载正式版——下载完后解压——双击打开HBuilderX.exe文件就可以了 PS：如果进行uniapp开发需要下载插件——选择工具——插件下载然后选择自己需要的插件就可以了 ......
JavaScript Window.Location - 获取当前页面地址(URL)并重定向到新页面。
JavaScript Window.Location - 获取当前页面地址(URL)并重定向到新页面。 1、常用： window.location.href //返回当前页面的 href (URL) window.location.host // 或 window.location.hostname ......
如何在html页面计算某列数值的和
相关步骤 1、先在html页面上定义一个span标签，并为其定义一个id；别忘记为table标签定义一个id 2、定义一个script模块，里面获取到table的id 并定义上之后要求的和为0 3、采用for循环，获取到除去表头tr的td内容，我这里是指定获取某一列的总和 4、在加和的时候要注意：S ......
微信小程序返回上一个页面并刷新页面
应用场景： 比如在详情页面编辑或者删除等操作后，点击返回按钮到列表页，此时希望列表页刷新，代码如下： Taro.navigateBack({ delta: 1, success: () => { const page = Taro.getCurrentPages().pop(); if (!page ......
实现页面点击复制功能
DOM结构 <el-button @click="handleCopy(scope.row.code)" icon="el-icon-document-copy" type="text"></el-button> js逻辑 handleCopy(feeCode) { const input = do ......
使用navigator.geolocation解决h5公众号定位不准确的问题
封装js（utils/geolocation.min.js）： window.qq=window.qq||{},qq.maps=qq.maps||{},window.soso||(window.soso=qq),soso.maps||(soso.maps=qq.maps),qq.maps.Geolo ......
实现页面展示左右上下错位效果
前言：有个需求，页面显示类似淘宝首页那样左右上下错位展示效果，还有点时间，所以试验记录下效果。 ##1、分左右栏布局 <html> <style> .list_left, .list_right { width: 50%; float: left; } .list li { width: 45%; ......
uniapp中去掉顶部导航栏-指定某页面去掉顶部导航栏
uniapp项目中如果想关闭所有页面的顶部导航栏 在page.json中 "globalStyle": { "navigationStyle":"custom", }, 如果是指定某个页面关闭顶部导航栏 ,{ "path" : "pages/index/webview", "style": { "n ......
微信公众号相关链接
有时需要在公众号里或h5中直接打开公众号的主页或历史消息页面，整理了相关链接方法： 公众号信息页 链接形式： https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzI4NDA5MjQwMA==#wechat_redirect 其中__ ......
app直播源代码，uniapp点击按钮 保存页面为图片到本地
app直播源代码，uniapp点击按钮 保存页面为图片到本地 首先写一个按钮 创建事件 <button class="info" @click="capture()">点击保存我哦~</button> 然后把点击事件写上 capture() {var pages = getCurrentPage ......
uniapp富文本内容展示处理
<template> <rich-text :nodes="content"></rich-text> </template> <script> import { queryProductDetail } from "@/api/api.js" // 后端接口 export default { da ......
js检测页面关闭事件
window.onbeforeunload = onbeforeunload_handler; window.onunload = onunload_handler; //页面关闭之前触发，在onunload事件之前触发，可以禁止onunload事件的触发 function onbeforeunlo ......
uniapp小程序使用高德地图api实现路线规划
uniapp小程序使用高德地图api实现路线规划 Posted on 2023-01-10 11:18 书中枫叶 阅读(1387) 评论(3) 编辑 收藏 举报 路线规划 简介 路线规划常用于出行路线的提前预览，我们提供4种类型的路线规划，分别为：驾车、步行、公交和骑行，满足各种的出行场景。高德开放 ......
页面元素图层覆盖的问题
比如堆积，表A盖住了表B的一部分内容： 1.最简单的就是看背景色，关掉背景色即可解决： 2.选中下边的表，复制->删除->粘贴（就是用下面的表盖住上面的表） 3.使用【Selection】，在【Selection】里面拖拽显示顺序，在里面找到对应元素之后，直接上下拖拽即可： 4.使用【Format】 ......
在浏览器端通过JS使用blob下载页面上的所有图片到本地
背景说明： 有一个站点页面上提供了192张图片供人浏览，https://ow365.cn/?i=21143&ssl=1&n=5&furl=XnZULZgaboaqolKW8yxiuW_bo78ozXbiWHH@EXuvOeC_QkhKiwDGK2BMM9m@EbwiQNmolsdEsV0= 尝试在n ......
web浏览器页面实现滚屏效果
web 浏览器页面实现滚屏效果 window 对象提供了执行动画的方法 window.requestAnimationFrame() 场景：固定位置显示多项内容列表 需要自动滚屏展示 demo： /** * 设置文本滚屏效果 */ setTextScroll(): void { const ulBo ......
echarts可视化，页面尺寸变化时，echarts随着改变加防抖
const container = document.querySelector('.charts') 1、不需要跟新数据 window.addEventListener("resize", () => { container.resize(); }); 2、需要更新数据 function debo ......
nginx更新静态页面客户端缓存不刷新问题
问题描述： 频繁部署静态资源，nginx自带缓存未刷新 通过ftp/sftp上传到nginx的静态页（尤其是打包好的单页应用），有可能遇到客户端缓存不刷新的问题，即使重启nginx都无效 客户端浏览器也有缓存，一般关闭进程（手机清理，注意某些app光按返回键退回桌面是不会结束进程的），强制刷新网页等 ......
客服系统对接微信公众号-访客在聊天界面扫码-临时访客绑定公众号OpenID可接收客服回复消息通知
访客在线咨询有以下几个问题： 1. 访客打开聊天窗口，一般情况下都是临时访客，只存在于当前浏览器。 2. 浏览器清理缓存，或者换一个浏览器，访客ID会重新生成就会变成一个新访客。 3. 访客咨询后，关闭了聊天窗口，此时如果客服回复消息，访客会得不到通知。 使用以下方式可以解决上面的问题： 1. 访客 ......
一个或多个页边距被设置到也可打印的页面范围之外，处理方式
DevExpress Report Print的时候，出现这样的问题： 要忽略这个提示，方法为： report.CreateDocument(); report.PrintingSystem.ShowMarginsWarning = false; ......
【uniapp】学习笔记day03 | 页面制作
一、开发层级结构介绍 page.json 对uniapp进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbbar manifest.json 应用的配置文件，指定应用的名称、图标、权限 App.vue 页面入口文件，可以调用应用的生命周期函数 main.js 初始化vue实 ......