page-head页面 标题uniapp
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!-- ......
Typora导出的PDF目录标题自动加编号
Typora导出的PDF目录标题自动加编号 在Typora主题文件夹增加如下文件后,标题便自动加上了编号: https://gitcode.net/as604049322/blog_data/-/blob/master/base.user.css 例如: 但是导出的PDF中,目录却没有编号: 这是我 ......
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框架的剪贴板功能的支持可能不完整 ......
uniapp 在app.vue中的异步请求完,页面中的onload或者onshow再请求(promise方法)
第一步: 在main.js里面注册onLaunched,onLaunched,onLaunched,isResolve // 处理onLaunch和onLoad 异步变成同步问题 app.config.globalProperties.$onLaunched = new Promise((resol ......
TienChin 渠道管理-渠道页面完善
最后附上渠道管理的数据 install SQL 语句: INSERT INTO TienChin.tienchin_channel (channel_id, channel_name, status, remark, type, create_by, update_by, create_time, ......
JAVA 实现登录页面生成验证码
1 import javax.swing.*; 2 import java.awt.Color; 3 import java.awt.Font; 4 import java.awt.Graphics; 5 import java.awt.event.ActionEvent; 6 import jav ......
Java swing 实现QQ登录注册页面
代码如下1 package com.lty; 2 import javax.swing.*; 3 import java.awt.*; 4 import java.awt.event.ActionEvent; 5 import java.awt.event.ActionListener; 6 imp ......
uniapp中使用vue-i18n实现多语言
一 安装vue-i18n npm i vue-i18n@6 二 添加相关语言配置 如 en.json: { "locale.auto": "System", "locale.en": "English", "locale.zh-hans": "简体中文", "locale.zh-hant": "繁体 ......
页面级布局
需求:左右两侧布局 <div class="container"> <!-- 左侧列yi --> <div class="left-column"> <div class="top-section"> <!-- 组件 A 上部分 --> <h2>组件 A 上部分</h2> <!-- 添加组件 A 上 ......
uniapp项目实践总结(十六)自定义下拉刷新组件
导语:在日常的开发过程中,我们经常遇到下拉刷新的场景,很方便的刷新游览的内容,在此我也实现了一个下拉刷新的自定义组件。 目录 准备工作 原理分析 组件实现 实战演练 内置刷新 案例展示 准备工作 在components新建一个q-pull文件夹,并新建一个q-pull.vue的组件; 按照前面文章所 ......
ant design pro改造表格页面
找到src/pages/TableList/index.tsx 先ctrl+shift+- 全局压缩 在TableList找到columns 换成我们自己的 ProColumns中放的是数据 下图为API.InterfaceInfo const columns: ProColumns<API.Int ......
跨页面通信方式
1. 父子页面通信 父子页面有两种,iframe嵌套的和window.open打开的。window.open打开的页面,在窗口模式时,被打开的页面就是当前页面的子页面,tab模式时,只是形式不一样,也是子页面,可以通过window.opener来访问父页面。 iframe的通信方式: window. ......
session存储数据-解决歌手页面刷新报错的问题
刷新报错的原因是,singer数据是需要在singer.vue页面去传到singerdetail.vue页面的,所以想要重新加载singerdetail页面就必须重新返回到singer页面,很麻烦,想要解决就只需要将数据存储到session中既可以,网站的数据存储一般有两种,一个是location一 ......
Discuz论坛网站标题栏Powered by Discuz!版权信息如何去除或是修改?
当我们搭建好DZ论坛网站后,为了美化网站,想把标题栏的Powered by Discuz!去除或是修改,应该如何操作呢?今天飞飞和你分享,在操作前务必把网站源码和数据库都备份到本地或是网盘。 ......
页面中点击按钮需要新建轮播(需要新建多个),出现顺序错乱的问题
当页面中通过点击按钮切换轮播,即点击按钮需要new swiper,新建后,页面中swiper内容没有问题 但是,点击上一个下一个按钮,顺序会发生错乱 在new 之前需要使用destroy销毁 ......
【uniapp】【微信小程序】wxml-to-canvas
真是搞吐了,研究了整整两天,困死我了 本来使用生成二维码插件好好的,插件页也支持导出二维码图片,可是领导说要带上文件的名称,那就涉及html转图片了,当然也可以改二维码插件的源码,不过源码做了混淆,看晕了,放弃了。 试了将微信的原生插件wxml-to-canvas引入uniapp项目,最后捣鼓了好久 ......
vue页面集成海康威视web视频播放插件
参考大神链接:https://www.jianshu.com/p/71d97362fdd8 1、进入海康威视官网下载web视频插件 下载插件开发包:https://open.hikvision.com/download/5c67f1e2f05948198c909700?type=10 官方教程:ht ......
记录--H5页面对接微信支付踩坑杂记
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 背景 应用背景:vite搭建的vue3项目 需求背景:功能都涉及了支付业务,故需要和外部支付系统对接 外部支付系统:聚合支付、微信小程序支付、微信H5支付 目录 读完本文,你将会对以下几个坑点有所了解: 对接第三方服务商过程踩坑 对接小程 ......