顶部 页面uniapp
歌手页面收藏功能之本地存储localstorage之save
收藏功能： 一、本地存储代码，array-storage.js: import storage from 'good-storage' function insertArray(arr, val, compare) { const index = arr.findIndex(compare) if ......
uniapp项目实践总结(十九)版本更新和热更新实现方法
导语：当一个 APP 应用开发完成以后，就要上架应用商店，但有时候修改一些小问题或者推出一些活动，又不想频繁地提交应用商店审核，那么就可以使用应用内更新功能来进行应用的版本升级更新或热更新，下面就介绍一下实现的方法。 目录 准备工作 原理分析 实战演练 案例展示 准备工作 在/pages/index ......
Vue页面切换表单数据不清空
需求描述：表单填写后，切换tab页再切回该页面时，表单内容依旧存在。 核心技术：sessionStorage beforeRouteLeave() created() 解决方案：beforeRouteLeave() 函数中将表单数据保存到sessionStorage中。 created() 函数中将 ......
uniapp百度地图
<!-- 移动端地图 --> <template> <view class="tabnav"> <view class="tabnav-c"> <page-head :title="state.title"></page-head> <view class="uni-common-mt"> <vie ......
企业微信内置应用的h5页面，内部按钮关闭页面
以下内容非原创，遇到这个问题，查到这位大佬的做法，所以记录下来，以便于之后自己查阅。 原文链接：https://blog.csdn.net/qq_22182989/article/details/125674826 遇到的问题： 在做vue项目时，需求是要在微信环境内。 微信h5页面要求前端控制退出 ......
Harmony自定义页面请求与前端页面调试
一、自定义页面请求响应 Web组件支持在应用拦截到页面请求后自定义响应请求能力。开发者通过onInterceptRequest()接口来实现自定义资源请求响应 。自定义请求能力可以用于开发者自定义Web页面响应、自定义文件资源响应等场景。 Web网页上发起资源加载请求，应用层收到资源请求消息。应用层 ......
dedebiz内容页面获取当前页面路径的标签
dedebiz获取当前页面路径的标签，仅在内容页使用，栏目页没有效果的。 {dede:field name='arcurl'/} 在栏目页想获取当前栏目的路径及名称的话，就要用下面这个标签。 {dede:type} <a href=" [field:typelink /] "> [field:typ ......
uniapp上传excel文件
1.前端 使用插件：https://uniapp.dcloud.net.cn/component/uniui/uni-file-picker.html <uni-file-picker v-model="fileName" file-extname="xls,xlsx" limit="1" file ......
uniapp项目实践总结(十八)自定义多列瀑布流组件
导语：有时候展示图片等内容，会遇到图片高度不一致的情况，这时候就不能使用等高双列或多列展示了，这时候会用到瀑布流的页面布局，下面就一起探讨一下瀑布流的实现方法。 目录 准备工作 原理分析 实战演练 案例展示 准备工作 在pages/index文件夹下面新建一个waterfall.vue的组件； 按照 ......
视频监控系统/视频汇聚平台EasyCVR平台页面展示优化
安防视频监控/视频集中存储/云存储/磁盘阵列EasyCVR平台可拓展性强、视频能力灵活、部署轻快，可支持的主流标准协议有国标GB28181、RTSP/Onvif、RTMP等，以及支持厂家私有协议与SDK接入，包括海康Ehome、海大宇等设备的SDK等。平台既具备传统安防视频监控的能力，也具备接入AI ......
springMvc页面跳转---重定向和转发
准备工作 1.导入json依赖 点击查看代码 <!-- jsp需要依赖! jstl--> <dependency> <groupId>jakarta.servlet.jsp.jstl</groupId> <artifactId>jakarta.servlet.jsp.jstl-api</artifa ......
视频监控系统/视频汇聚平台EasyCVR平台页面展示优化
安防视频监控/视频集中存储/云存储/磁盘阵列EasyCVR平台可拓展性强、视频能力灵活、部署轻快，可支持的主流标准协议有国标GB28181、RTSP/Onvif、RTMP等，以及支持厂家私有协议与SDK接入，包括海康Ehome、海大宇等设备的SDK等。平台既具备传统安防视频监控的能力，也具备接入AI ......
【HarmonyOS】元服务卡片router实现跳转到指定页面
【关键字】 元服务卡片、router跳转不同页面 【写在前面】 本篇文章主要介绍开发元服务卡片时，如何实现从卡片中点击事件跳转到指定的应用内页面功能。此处以JS UI开发服务卡片为例，JS卡片支持组件设置action，包括router事件和message事件，其中router事件用于应用跳转，me ......
【转】使用javascript Page Visibility API,判断用户是否关闭了浏览器窗口(html页面)
转载自：https://blog.p2hp.com/archives/9316 Page Visibility API 简介 有时候，开发者需要知道，用户正在离开页面。常用的方法是监听下面三个事件。 pagehide beforeunload unload 但是，这些事件在手机上可能不会触发，页面就 ......
微信小程序转换成uniapp项目
1. 把微信小程序转换成uniapp项目 1.1 安装miniprogram-to-uniapp 插件 打开cmd，运行【 npm install miniprogram-to-uniapp -g 】进行安装，因为这个包是工具，要求全局都能使用，所以需要-g进行全局安装。 npm install m ......
HarmonyOS 管理页面跳转及浏览记录导航
历史记录导航 使用者在前端页面点击网页中的链接时，Web组件默认会自动打开并加载目标网址。当前端页面替换为新的加载链接时，会自动记录已经访问的网页地址。可以通过forward()和backward()接口向前/向后浏览上一个/下一个历史记录。 在下面的示例中，点击应用的按钮来触发前端页面的后退操作。 ......
uniapp 子组件中onLoad，onShow方法不执行
uniapp中，有应用生命周期和页面生命周期，子组件没有应用周期，所有onLoad，onShow都不存在，难怪我用两个方法没有效果。 可以用如下方法： // 子组件 export default { methods: { childOnShow() { console.log('子组件 onShow ......
HTML5页面仅允许拍照
Html5原生的就能够支持拍照选择图片，不需要JS调用。 下面的是单一调用的方式： <!-- 调用照相机，拍照 --> <input type="file" accept="image/*" capture="camera"> <!-- 调用摄像机，视频 --> <input type="file" ......
destoon上做纯js实现html指定页面导出word
因为最近做了范文网站需要，所以要下载为word文档，如果php进行处理，很吃后台服务器，所以想用前端进行实现。查询github发现，确实有这方面的插件。 js导出word文档所需要的两个插件： FileSaver.js jquery.wordexport.js 首先引入： <!--生成word!-- ......
uniapp项目实践总结(十七)实现滚动触底加载
导语：在日测的开发过程中，经常会碰到页面需要渲染大量数据的情况，这时候就需要用到滚动加载功能，下面总结一下方法。 目录 原理分析 实战演练 案例展示 原理分析 使用@scrolltolower事件来监听滚动到底部，然后加载下一页的数据。 实战演练 模板页面 <scroll-view :scroll- ......
HttpClient采集页面数据
1、导入相关依赖 <!-- https://mvnrepository.com/artifact/org.apache.hadoop/hadoop-client --> <dependency> <groupId>org.apache.hadoop</groupId> <artifactId>had ......
如何在uniapp框架中集成H.265流媒体视频播放器EasyPlayer.js？
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等格式的视频流，并且已实现网页端实时录像、在 ......
2023-09-18 hexo博客之如何自定义页面内容宽度==》在custom.styl中添加两行代码即可
前言：我的hexo主题为hexo-theme-next 5.1.4版本。 操作如下： 打开 你的博客名称\themes\hexo-theme-next\source\css\_variables，找到这个文件custom.styl,然后把下面代码添加进去： $main-desktop = 1200p ......
如何使用谷歌搜索的时候，不是从当前页面而是从新页面打开链接？
参考链接：https://support.google.com/chrome/thread/3520860/how-do-i-set-chrome-to-open-links-in-a-new-tab-on-the-same-browser-window?hl=en 1.使用ctrl+左键点击链接 ......
html前端页面多规格商品sku选择
<style> body { background-color: palegoldenrod; position: relative; } footer { border: 1px solid red; height: 50px; position: fixed; bottom: 0; left: ......
uniapp 扫码功能的实现
uniapp 自带扫码功能 不需要下载第三方插件 方法里直接使用 // 允许从相机和相册扫码 uni.scanCode({ scanType: ["qrCode"], success: (res) => { console.log(res); if (res.result) { let url = ......
vue3 ts setup 监听 pinia 数据的变化，更新页面数据
简述 由于 pinia 导入到vue中的值没有响应性 import useUserStore from './stores/user'; const userStore = useUserStore(); userStore.isvaild;// 没有响应性 那么我们在vue中动态修改某值的想法则需 ......
【前端性能】高性能滚动 scroll 及页面渲染优化
【前端性能】高性能滚动 scroll 及页面渲染优化 最近在研究页面渲染及web动画的性能问题，以及拜读《CSS SECRET》（CSS揭秘）这本大作。 本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none ......
uniapp解决不同系统端复制不支持问题
1.安装依赖 npm install clipboard --save import ClipboardJS from 'clipboard'; //使用clipboard.js库来实现跨平台的复制功能，解决Safari浏览器（苹果设备上的默认浏览器）对uni-app框架的剪贴板功能的支持可能不完整 ......