顶部 页面uniapp
Uniapp全局引入（mixin）
全局引入 要在 UniApp 中创建一个全局方法，以便在所有模板中直接使用，可以使用 Vue 的 mixin 混入功能。 下面是创建全局方法的步骤： 在项目的根目录下，创建一个名为 mixin.js 的文件（或者你可以选择其他命名）。 在 mixin.js 文件中，定义全局方法。例如，我们创建一个名 ......
uniapp+vue3 优惠券样式
效果如图： template部分： <view class="item"> <view class="box"> <view class="content"> <view class="head">优惠券</view> <view class="content-box1"> <view class= ......
基于java做一个登录页面及其数据保存的计算器
[实验目的] 1.掌握软件开发的基本流程 2.掌握常用的软件开发方式和工具。 [实验内容] 设计一个包含登录界面的计算器软件，该软件可以实现第一次作业中的全部功能，同时可以保存用户的历史计算记录（保存数据最好使用数据库）。 [实验环境及开发工具] 使用Microsoft Visio作绘图工具 使用J ......
第二次作业-PHP——注册页面，审核页面，登录页面
一， 本次作业是在第1次计算器功能上的拓展， 使用PHP实现注登录注册功能 实现效果： 用户注册信息，管理员核对信息审核通过后，可实现注册的用户名和密码的成功登陆，利用session和cookie获取用户信息并且不能跳过登录页面直接进入主页面 1.Session存储在服务器可以存储任何内容有默认过期 ......
nginx 前端页面 403 解决
前段页面显示这样 解决方法 关闭安全策略 sudo setenforce 0，进行尝试，看是否是这个影响 如果生效了，能正常访问了，需要进行sudo setenforce 1,打开安全策略，如果关闭会导致系统不安全. 然后运行 sudo semanage fcontext -a -t httpd_s ......
vue路由局部刷新-局部页面刷新达到和F5刷新一样的注销
1.静态路由页面加上这一条 { path: "/redirect/:path(.*)", component: () => import("@/views/redirect/index.vue") }, 2.点击事件的vue方法里面用 router.replace({ path: "/redirec ......
uniapp获取用户信息
新接口getUserProfileFn内置login，如果必须要login返回的参数要隔离开 vue3书写要对按钮配置属性 <button @click="logintou" data-eventsync="true" class="main-login-bottom">授权登录</button> ......
flask + layui框体 + iframe，实现点击左侧菜单，显示不同页面
重点解析： 1、主要变动src中的链接，这里是flask的视图函数 <iframe id="iframe" src="daily_unconfirmed_issues" style="width: 100%; height: 550px;"></iframe> @app.route('/daily_ ......
《最新出炉》系列初窥篇-Python+Playwright自动化测试-35-处理web页面定位toast-上篇
1.简介 在使用appium写app自动化的时候介绍toast的相关元素的定位，在Web UI测试过程中，也经常遇到一些toast（出现之后一闪而过，不留下一点点痕迹），那么这个toast我们这边如何使用playwright进行定位测试呢？今天宏哥就分两篇介绍一下。 2.什么是toast？ Andr ......
页面滚动点击返回至顶部，js怎么实现
当页面要滚回顶部时，使用scrollTop属性，设置值为0即可 当页面具有 DOCTYPE，或者说指定了 DOCTYPE 时，使用document.documentElement.scrollTop。 当页面不具有 DOCTYPE，或者说没有指定了 DOCTYPE 时，使用document.body ......
12.adb命令启动页面
包和 Activity（活动页）的概念 package 包：是 Android 应用的唯一标志 Activity 活动页： Android 应用页面，一个页面就是一个 Activity 获取当前的页面名 1、打开手机 app 应用的某个页面 2、打开命令行工具 执行命令：adb shell "dum ......
uniapp登录板块封装(旧接口getUserInfo)
点击查看代码 // 授权并获取用户信息 const authorizeAndGetUserInfo = (loginRes) => { uni.getUserInfo({ success(res) { // 用户信息获取成功，处理登录业务逻辑 app.globalData.info = res.us ......
uniapp有意思的api之openSetting
点击查看代码 <details> <summary>解决用户拒绝授权问题</summary> uni.openSetting({ success(res) { console.log(res.authSetting) if (res.authSetting?.scope.userInfo) { ge ......
什么是前端 Web 应用响应式页面布局里的 Breakpoint 概念
在 Web 前端开发中，响应式设计是一个非常重要的概念，它允许网页 UI 根据不同的设备屏幕大小进行适当的调整以优化用户体验。在这种设计中，breakpoint 是一个关键的概念。 我们可以把 breakpoint 理解为屏幕宽度的一种临界点，当屏幕宽度达到这个点时，我们会调整页面布局以适应这个新的 ......
回到页面顶部（回到顶部、过渡动画）
项目背景： vue 1.创建 backtop.vue 的回到顶部逻辑的组件 <template> <transition name="back-up-fade"> <div class="back-top" :style="{ bottom: bottom + 'px', right: right ......
uniapp uni-icons @click.stop 报Cannot read properties of undefined (reading 'stopPropagation')
点进去看了一下uni-icons的源码 @click的方法其实是他假装是个原生click的方法，执行 emit(click)给父组件 可以理解为uni-icons只至此click事件 不支持click.stop事件 解决办法也很简单 包一层view <view @click.stop="editFn ......
Web 应用中显示页面字体使用的 font-based icons 技术讲解
在前端Web应用开发中，采用字体图标（font-based icons）的方法是一种常见的技术，它允许开发者使用字体文件来呈现图标，而不是使用传统的图像文件。这种方法的优势在于它提供了一种灵活、轻量级且易于管理的方式来集成和使用图标，同时减少了HTTP请求和提高性能。 Font-based icon ......
3种跳转页面方法的区别以及可能遇到的问题
1.window.open() 方法： window.open() 方法会在浏览器中打开一个新窗口或标签页，并加载指定的 URL。可能遇到的问题：由于浏览器的安全限制，该方法只能在用户交互事件的处理程序中使用（例如点击按钮），不能在页面的 onload 事件中使用。同时，一些浏览器可能会屏蔽弹出窗口 ......
.net core（web api） 后台 +uniapp移动端自动更新
移动端采用uniapp开发 后台采用.net core 先到插件市场找到对应的插件 然后将插件安装到 然后在移动端项目pages.json "path": "uni_modules/rt-uni-update/components/rt-uni-update/rt-uni-update", "sty ......
uniapp关于uni.getUserProfile的使用
点击查看代码 <button @click="getMy" data-eventsync="true">获取信息</button> let getMy = () => { if (uni.getUserProfile) { console.log('可以用'); uni.getUserProfile ......
计算器登录页面的设计与实现
【实验内容】 1.设计一个包含登录界面的计算器软件，该软件可以实现第一次作业中的全部功能，同时可以保存用户的历史计算记录（保存数据最好使用数据库）。 【实验环境及开发工具】 1.使用visors绘制流程图。 2.使用eclipse编写软件。 【流程图设计】 （1）软件总体流程图 （2）登录界面流程图 ......
Vue网站发布到iis后提示404页面不可访问
参考：https://www.cnblogs.com/yhnet/p/14804869.htmlvue重定向和跨域配置：https://zhuanlan.zhihu.com/p/5306882511.安装组件：URL Rewrite：https://www.iis.net/downloads/mic ......
uniapp(安卓)之文件下载
uniapp(安卓)之文件下载 方法： // 本地路径开头使用file://，跟上手机文件本地目录storage/emulated/0， // 这时用户文件管理器能看到的了，之后创建 下载文件夹 作为文件夹， // 后缀是用于文件命名和格式修改，大家可以使用变量。 var url = this.do ......
交互式页面动画网站
Flash动画综合设计并发布、嵌入到网页 【作业要求】 自己选定主题，创意制作Flash动画，并与网页进行集成 【实验环境】 l 所需硬件环境为微机； l 所需软件环境为Flash8.0 【创意内容】 使用引导线做运动路径 使用遮罩层 种子发芽和小鱼游动考虑整体审美架构 加入背景音乐 通过色彩、元素 ......
Uniapp导入uView组件
npm导入组件 npm install uview-ui@2.0.36 后面跟上自己的版本 或者 npm install uview-ui //检查 console.log(uni.$u.config.v);可以查看自己是否导入成功 【main.js】import uView from 'uview ......
Vue 项目配置自动更新，自动刷新页面
今天用户反馈使用页面的时候，有时候点击没反应，排查下来，是因为发布版本的时候，用户那边没有加载最新的文导致的，然后根据思路，做了这个自动更新的功能 效果预览 http://demo.webwlx.cn/#/update 实现思路 1. 把当前版本的编译时间，通过环境变量的方式保存起来 打开 vite ......
uniapp使用微信jssdk自定义分享
前言提示：本文记录的是使用uniapp开发的H5+APP项目，H5端使用微信自定义分享功能，文中有关APP的兼容，如果不需要兼容APP的可以忽略 一、引入 首先安装 jweixin-module 包 npm install jweixin-module --save 二、封装工具方法 为了方便使用， ......
uniapp开发实现对带有动态二维码的页面实现截图保存
要求：最近工作中，uniapp开发中遇到一个问题，期望对，一个带有动态生成二维码的页面，实现截屏功能。通过webview实现的截屏功能，最后生成的图片，中间的二维码部分是空白的。 问题：实现截屏，发现只用中间的二维码部分是空白的（如图）； 代码参考网上博客实现截屏： 1 saveImageByScr ......
vue3页面中，两个相同组件，一个卸载，一个挂载，后展示的组件事件监听不生效？
场景：在实际开发中，遇到了这样一种场景，vue3页面，两个相同组件，在满足某条件下展示第一个组件，满足另一个条件下，隐藏第一个组件，同时展示第二个组件，比如反馈组件，会通过 window.addEventListener 来监听自定义的反馈弹窗展示和隐藏事件。 结果：两个相同组件一个卸载，一个挂载， ......