双向webview页面uniapp

【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目

JavaDog Chat 简单通讯聊天软件是基于SpringBoot+MybatisPlus+uniapp+uview+stomp等更多优秀组件及前沿技术开发,注释丰富,代码简洁,开箱即用,兼容H5+小程序+APP,及其适合入门学习 ......
SpringBoot 实战 程序 项目 uniapp

小程序扫描二维码进到某个页面,在该页面获取二维码携带的参数

onLoad: function (options) { // 分享过来推荐码 if (options && options.qrCodeUuid) { app.qrCodeUuid = options.qrCodeUuid app.cityCode=options.areaCode this.ge ......
页面 参数 程序

如何在html页面跳转的时候携带数据(页面跳转时参数传递问题)

在html页面进行跳转的时候,我们需要把一个页面的数据传输到另外一个页面时,我们应该怎么做呢? 解决办法: 效果如下: a页面 点击跳转按钮后 在b页面可以获取到对应的值。 代码如下: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UT ......
页面 参数 时候 数据 问题

共享锁、排他锁、互斥锁、悲观锁、乐观锁、行锁、表锁、页面锁、不可重复读、丢失修改、读脏数据

共享锁(S锁)又称为读锁,可以查看但无法修改和删除的一种数据锁。如果事务T对数据A加上共享锁后,则其他事务只能对A再加共享锁,不能加排它锁。获准共享锁的事务只能读数据,不能修改数据。 共享锁下其它用户可以并发读取,查询数据。但不能修改,增加,删除数据。资源共享. 排它锁(X锁)又称为写锁、独占锁,若 ......
页面 数据

详解 | 小程序页面间如何进行传递数据

工作中我们经常会遇到B页面需要A页面内的部分或全部数据;C页面内的一个函数执行完之后需要改变B页面内的显示样式;也或者是A和B两个页面用到了同样的网络数据,在其中一个页面做出修改后另一个页面也要随之改变以保证回传服务器时数据的准确性,等等诸如此类的页面间数据传递的问题。 在小程序中组件与组件之间的通 ......
页面 程序 数据

微信小程序内嵌H5,发布后无法打开页面

解决方法 一、在微信公众平台,登录微信小程序的帐号。 二、配置业务域名 进入【开发-开发管理-开发设置-业务域名】中,开始配置业务域名(配置业务域名需小程序管理员扫码验证) 填写需要跳转的域名,然后点击下载校验文件,并将其放置在需要跳转的域名的根目录下。 注意:业务域名(即需要跳转的域名)需经过IC ......
页面 程序

Spartacus Storefront 产品明细页面里的 Add to Wish 动态隐藏问题

这个 configurable 产品(搜索 home theater)明细页面里,没有看到 add to wish list 的超链接: http://localhost:4000/electronics-spa/en/USD/product/CONF_CAMERA_SL-PROF-BLACK/di ......
Storefront Spartacus 页面 动态 问题

css让div在页面上下左右居中

.box{ position: absolute; left:50%; top:20%; transform: translate(-50%, -50%); } <div class="box"><div > ......
上下 页面 css div

uni-app中左滑右滑页面

在H5项目中有时候会遇到左滑右滑的问题,左滑去上一个页面,右滑去下一个页面 通过以下代码即可实现 <view @touchstart="touchStart" @touchend="touchEnd"></view> 下边是js touchStart(e){ if (e.touches.length ......
中左 uni-app 页面 uni app

使用 PC 端浏览器开发者工具对移动端真机环境 Web 页面进行远程调试

Mac/Windows 浏览器开发者工具远程调试 iPhone/Android 页面 在移动端 Web 开发中,有时候只通过模拟器进行调试是不够的,需要在真机环境下进行调试才能发现并解决一些问题。而移动端真机环境浏览器没有开发者工具,在这种情况下,使用 PC 端浏览器开发者工具对移动端真机环境的 W ......
开发者 浏览器 页面 环境 工具

解决antd中,select和DatePicker组件不跟随页面滚动的问题

在开发过程中,经常会使用到Select、DatePicker等组件,当这些组件在可滚动的区域内滚动时,你会发现该组件的选项框也会跟着滚动,产生分离 解决方法antd的官方API给我们提供了getPopupContainer属性,该属性是菜单渲染的父节点,默认是body。只要添加该属性,设置好父节点, ......
DatePicker 组件 页面 select 问题

关于在 vue 3 和 vue router 中使用 transition 过渡动效的 mode 属性导致页面跳转空白的问题

先放结论:不要在路由组件的 template 块中使用多个根标签,注释也不行。 今天碰到一个奇葩的问题,后端告诉我说,进入特定页面后,跳转其他页面均会白屏,刷新后就会加载。 一开始我以为是菜单的问题,搞鼓了半天,发现没什么问题。之后我又以为是路由的问题,发现只要移除了 transition 的 mo ......
transition vue 属性 空白 页面

地铁查询阶段四 把查询jsp页面再次更新了一下使查询页面看起来更加的舒适。

新设计的地铁查询页面代码: chaxun-01-1.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import="java.sql.*"%> <j ......
页面 地铁 再次 阶段 jsp

uniapp 跳转默认浏览器及跳回当前app程序

跳转到默认浏览器,打开网站 // 仅在app中运行,且调用plus这个api // #ifdef APP-PLUS plus.runtime.openURL('https://uniapp.dcloud.net.cn', function(err) { uni.showToast({ title: ......
浏览器 程序 uniapp app

使用html2canvas+jspdf将页面转为pdf并下载

1、安装html2canvas和jspdf npm install html2canvas npm install jspdf 2、新建文件htmlToPdf.ts // 导出页面为PDF格式 import html2Canvas from 'html2canvas' import JsPDF fr ......
html2canvas 2canvas 页面 canvas html2

VUE3刷新页面报错:Uncaught SyntaxError: Unexpected token ‘<‘

今天用vue3配置嵌套路由时,发现刷新页面后,页面变为空白,打开控制台发现报错: Uncaught SyntaxError: Unexpected token '<' 解决方法: 修改vue.config.js文件: publicPath:"/", 注意不是: 登录后复制 publicPath:". ......
SyntaxError Unexpected Uncaught 页面 token

uniapp internal/modules/cjs/loader:1078

额外的信息还有:Cannot find module uni.js。 删除 node_modules,重新安装依赖:npm i。 ......
internal modules uniapp loader 1078

第一次结对作业——web页面优化

今天我们组对web版本的地铁查询系统进行了界面UI装修这是之前注重测试功能用的界面,侧重点在于后端的实现,界面较为简陋 接下来是今天对界面UI的优化 对应css修饰代码如下: <%--Created by IntelliJ IDEA. User: adnim Date:2023/3/22Time:2 ......
第一次 页面 web

单页面与多页面的区别及优缺点

单页面是指只有一个主页面的应用,浏览器一开始要加载所有必须的html, js, css。 所有的页面内容都包含在这个所谓的主页面中。 但在写的时候,还是会分开写(页面片段),然后在交互的时候由路由程序动态载入。 优点: 公共资源不重新加载,局部加载,服务器压力小 切换速度快,用户体验好 前后端分离 ......
页面 优缺点

使用html2canvas+jspdf将页面转为pdf并下载

需求:我有一个页面,是由多个模块组成的,现在我需要把页面转为pdf并下载,但是因为pdf自动换页以后会把我的模块给截开,不好看甚至内容被裁开,所以我需要判断当前页面加上这个模块以后是不是会超出当前页,如果超出,就直接把整个模块换到第二页去显示。 页面大致如下: 页面代码大致如下: <template ......
html2canvas 2canvas 页面 canvas html2

Uniapp最新版IOS打包详

需要公司提供苹果开发者账号即可 1. 打开苹果开发者官网点击打开链接🔗 2.点击这个选项打开开发者配置需要注册账号并花钱加入成为开发者才会显示这个选项,一般公司会提供苹果开发者账号的 3. 先配置证书Certificates 4.这里需要上传一个CSR文件 5.生成CSR文件需要去这个网站http ......
最新版 Uniapp IOS

uniapp 页面跳转时 redirectTo:fail page '/pages/index/pages/index/login' is not found

uniapp 跳转页面有以下两种,分清楚情况写 url 才能正确跳转: 绝对路径跳转; 相对路径跳转。 :one: 绝对路径跳转: 绝对路径跳转必须要是这样的格式 /pages/xxx/xxx,pages 前面必须要有 /,代表 src 目录。 :two: 相对路径跳转: 相对路径跳转不带 /,是以 ......
index pages redirectTo 页面 uniapp

Android WebView使用方法详解 附js交互调用方法

目前很多Android app都内置了可以显示web页面的界面,会发现这个界面一般都是由一个叫做WebView的组件渲染出来的,学习该组件可以为你的app开发提升扩展性。 先说下WebView的一些优点: --可以直接显示和渲染web页面,直接显示网页--webview可以直接用html文件(网络上 ......
方法 使用方法 Android WebView

Flare 轻量、快速、美观的个人导航页面

启动应用非常简单,如果你习惯使用 Docker,可以执行: docker run --rm -it -p 5005:5005 -v `pwd`/app:/app soulteary/flare ......
轻量 页面 Flare 个人

为什么OS已经有了页面置换机制,MySQL中的Buffer Pool还需要再实现一遍?

问题引入 舍友最近在找实习,简历上有CMU15-445经典数据库项目。在面试时被问到: 操作系统已经有页面置换算法,为什么Buffer Pool中还需要自己实现呢? 操作系统中的页面置换,对自己实现的页面置换有什么影响? 个人理解 MySQL在默认配置下,读取一行数据,要先打开磁盘中对应的数据页,这 ......
机制 页面 Buffer MySQL Pool

Taro弹窗禁止底部页面滚动

const setPageStyle = (pageStyle: { [key: string]: string|number }) => { Taro.setPageStyle({ style: pageStyle }) } setPageStyle({ // overflow: 'hidden' ......
底部 页面 Taro

关于webview2本地文件读取那档子事

webview2读取本地文件确实是挺烦人的.. https://github.com/MicrosoftEdge/WebView2Feedback/issues/642 这里找到了解决方案(最后几个评论) 关键点 设置允许本地文件访问 var options = new CoreWebView2En ......
档子 webview2 webview 文件

记uni-app中多重数组在子组件中更新页面问题(粗心所致,非问题)

简介 如下图所示,传递一个对象到子组件中,让子组件渲染数据,同时将数据改变,这里面最恐怖的就是自定义的单选按钮。 如下图所示,子组件数据这里面有两个数组,第一个数组topicReply,第二个数组question_stem,当界面单选时,修改的是question_stem数组中的内容,当内容改变时, ......
问题 数组 组件 uni-app 页面

nuxtjs框架使用nuxt generate命令生成静态站点,刷新页面无法获取cookie,从而更新Vuex

在使用nuxt generate命令生成静态站点时,由于它是在静态环境下运行的,因此是无法访问服务器的req对象的,因此在nuxtServerInit方法中不能通过req.headers.Cookie获取到请求头中的Cookie值。 nuxtServerInit方法只会在服务端运行一次,在第一次加载 ......
静态 框架 generate 命令 站点

uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法,设置不同值和获取不同值的实现方法

uni-app picker通用方法、uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法,设置不同值和获取不同值的实现方法 页面: <view class="demo-uni-col light" v-for="cardIndex in u ......
方法 数组 bindPickerChange 多个 事件