公众 网页uniapp tp6

uniapp项目实践总结(十七)实现滚动触底加载

导语:在日测的开发过程中,经常会碰到页面需要渲染大量数据的情况,这时候就需要用到滚动加载功能,下面总结一下方法。 目录 原理分析 实战演练 案例展示 原理分析 使用@scrolltolower事件来监听滚动到底部,然后加载下一页的数据。 实战演练 模板页面 <scroll-view :scroll- ......
项目 uniapp

新的网页数据传输方式填补安全性之大难度

我听说原本的网页数据传输方式不够安全,有一种新的传输方式可以实现传输的数据的安全性。想要通过新的方式来实现安全性有二种方法,一种是在服务端和客户端设置对应的解密或加密技术,这样会让人通过拥有服务端的解密技术来解密数据而无效,就像一个让每个人都可以容易的获得钥匙的锁等于没有对应的功能,一种是在提供认证 ......
数据传输 安全性 难度 方式 网页

API 之 网页版爱心❤表白

{mtitle title="网页版爱心❤表白"/} {lamp/} {lamp/} API:https://www.vvhan.com/other/heart/?vvhan=你的名字 ......
爱心 网页 API

如何在uniapp框架中集成H.265流媒体视频播放器EasyPlayer.js?

H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,可支持H.264与H.265编码格式,性能稳定、播放流畅,能支持WebSocket-FLV、HTTP-FLV,HLS(m3u8)、WebRTC等格式的视频流,并且已实现网页端实时录像、在 ......
流媒 流媒体 EasyPlayer 框架 播放器

uniapp 扫码功能的实现

uniapp 自带扫码功能 不需要下载第三方插件 方法里直接使用 // 允许从相机和相册扫码 uni.scanCode({ scanType: ["qrCode"], success: (res) => { console.log(res); if (res.result) { let url = ......
功能 uniapp

uniapp解决不同系统端复制不支持问题

1.安装依赖 npm install clipboard --save import ClipboardJS from 'clipboard'; //使用clipboard.js库来实现跨平台的复制功能,解决Safari浏览器(苹果设备上的默认浏览器)对uni-app框架的剪贴板功能的支持可能不完整 ......
uniapp 问题 系统

uniapp 在app.vue中的异步请求完,页面中的onload或者onshow再请求(promise方法)

第一步: 在main.js里面注册onLaunched,onLaunched,onLaunched,isResolve // 处理onLaunch和onLoad 异步变成同步问题 app.config.globalProperties.$onLaunched = new Promise((resol ......
promise 页面 方法 uniapp onload

uniapp中使用vue-i18n实现多语言

一 安装vue-i18n npm i vue-i18n@6 二 添加相关语言配置 如 en.json: { "locale.auto": "System", "locale.en": "English", "locale.zh-hans": "简体中文", "locale.zh-hant": "繁体 ......
uniapp vue-i vue 18

uniapp项目实践总结(十六)自定义下拉刷新组件

导语:在日常的开发过程中,我们经常遇到下拉刷新的场景,很方便的刷新游览的内容,在此我也实现了一个下拉刷新的自定义组件。 目录 准备工作 原理分析 组件实现 实战演练 内置刷新 案例展示 准备工作 在components新建一个q-pull文件夹,并新建一个q-pull.vue的组件; 按照前面文章所 ......
组件 项目 uniapp

03 网页基本标签

<!--DOCTYPE:告诉浏览器,我们使用的是什么规范 html,, 这是注释 crtl+/ : 快捷键 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学习标签</title> </head> < ......
标签 网页 03

【uniapp】【微信小程序】wxml-to-canvas

真是搞吐了,研究了整整两天,困死我了 本来使用生成二维码插件好好的,插件页也支持导出二维码图片,可是领导说要带上文件的名称,那就涉及html转图片了,当然也可以改二维码插件的源码,不过源码做了混淆,看晕了,放弃了。 试了将微信的原生插件wxml-to-canvas引入uniapp项目,最后捣鼓了好久 ......
wxml-to-canvas 程序 uniapp canvas wxml

uniapp+app开发使用muiplayer播放m3u8视频流的不成熟方法

问题 使用uniapp开发手机端app,有一个页面是一个m3u8格式的视频列表,如果使用原版的video标签播放会因为层级最高问题不能滑动被覆盖。 方案 使用iframe内嵌本地页面(为什么不用webview?webview在模拟器可以显示在真机上就显示不出来,同时手机端的webview的层级是最高 ......
视频流 muiplayer 方法 uniapp 视频

uniapp-文件上传

一 使用uni.uploadFile 二 具体实现案例 <template> <view class="container"> 主页 <button @click="getInfo()">测试接口</button> </view> <view> <uni-section title="选择图片" t ......
文件 uniapp

uniapp VUE-H5页面微信公众号内使用微信JSAPI支付

注意看 本文主要讲解uniapp打包成h5页面并部署在公众号时使用JSAPI的微信支付问题 前期准备工作 .首先要有一个开通商户注册的公众号,我们需要他的appid; .其次要开通商户公众号的公众号支付的功能并添加域名,开通完成后就可以基本开始我们的开发了 既然是jsapi开发 自然是要引入的 np ......
公众 页面 uniapp VUE-H JSAPI

JS实现网页录屏

var body = document.body;body.addEventListener("click", async function () { var stream = await navigator.mediaDevices.getDisplayMedia({ video: true }) ......
网页

uniapp-net core后台-实现认证

一 在program.cs中添加cookie认证 builder.Services.AddAuthentication( CookieAuthenticationDefaults.AuthenticationScheme) .AddCookie(options => { options.Cookie ......
uniapp-net 后台 uniapp core net

爬虫爬取网页图片《滕王阁序》文徵明 行草

python爬取网页图片 import urllib.request # python自带的爬操作url的库import re # 正则表达式def getImage(url): headers = { 'User-Agent': 'Mozilla/5.0(linux; android 6.0; N ......
行草 爬虫 网页 图片

antui-alipay风格的移动网页设计

地址:antui.alipay.com 需要加入的一些js 控制,见https://myjsapi.alipay.com/fe/preset-assets.html 参考代码: <!DOCTYPE html> <!-- A11Y:注意设置页面的 lang 属性 --> <html lang="zh" ......

python的flask框架部署网页过程报错及解决方案

python安装好flask框架之后,创建一个flask的项目,运行发生以下报错 UnicodeDecodeError: 'utf-8' codec can't decode byte 0xa1 in position 4: invalid start byte 原因是读取flask库源码的时候系统 ......
框架 解决方案 过程 网页 方案

某些shabi公众号的lj行为

真TM无语!你的资源收费你就明明白白的写收费啊!什么TM都不写,搞半天下载好了,TM的解压要密码,浪费别人时间,真TMshabi!!执笔为灯!我执nima! ......
公众 行为 shabi

uniapp 打包出现广告,清除广告

uniapp 打包App时会默认打开开屏广告,还无法关闭,以下是关闭方法 简洁版 进入开发者后台,点击左侧uniad,点击广告设置,找到应用,点进去把能关闭的全关了,然后再去打包,把上面图片上的勾去了就行 1、登录开发者后台 https://dev.dcloud.net.cn/pages/commo ......
广告 uniapp

uniapp项目实践总结(十五)使用websocket实现简易聊天室

导语:在一些社交软件中,经常可以看到各种聊天室的界面,接下来就总结一下聊天室的原理个实现方法,最后做一个简易的聊天室,包括登录/登出、加入/离开房间、发送接收聊天消息等功能。 目录 准备工作 原理分析 组件实现 实战演练 服务端搭建 案例展示 准备工作 在pages/index文件夹下面新建一个名叫 ......
简易 websocket 聊天室 项目 uniapp

uniapp打包微信小程序包忽然超了

前言 做了一些代码上的修改,打包的时候发现包大小超了,而且超了500多k,已经不能通过压缩图片解决问题了,奇怪的是前几天还可以打包, 后来发现是manifest.json中打包压缩字段被改为了false "mp-weixin" : { "appid" : ".....", "setting" : { ......
程序 uniapp

uniapp在h5调试跨域问题

在manifest.json 中 h5里 加 "devServer": { "proxy": { "/webadmin": {//接口包含的路径 "target": "http://221.0.82/",//接口地址ip或域名 "changeOrigin": true, "ws":true } } ......
uniapp 问题

微信公众号h5调用微信支付

微信公众号h5调用微信支付其实就是 JSAPI支付 目前jsapi支付分v2和v3,现在尽量接v3的api。因为v2前端调用wx.chooseWXPay的时候成功没有回调,导致后续业务逻辑跳转有问题(原因就是可恨的点金计划)点金计划就是支付成功之后跳转到一个官方小票+广告的页面,点金计划开通的门槛稍 ......
公众

React框架下如何集成H.265网页开源流媒体EasyPlayer.js视频播放器?

H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,可支持H.264与H.265编码格式,性能稳定、播放流畅,能支持WebSocket-FLV、HTTP-FLV,HLS(m3u8)、WebRTC等格式的视频流。在功能上,EasyPlaye ......
流媒 流媒体 EasyPlayer 框架 播放器

在线CAD(H5网页CAD SDK)实现阵列功能

前言 在线CAD SDK的集成过程中,甲方客户可能有阵列功能的需求,作为开发者如何利用WEB CAD SDK展现此功能效果呢?本章节我们重点讲述一下。 首先看一下在线CAD的DEMO:https://demo.mxdraw3d.com:3000/mxcad/,阵列功能如下图: 环境搭建 首先按照mx ......
阵列 CAD 功能 网页 SDK

【网页开发】传统网页开发及新前端网页开发的优缺点

传统网页开发 开发流程 1、UI设计人员制作高精度图片,以供静态界面开发人员使用 2、静态界面开发人员根据图片使用HTML、CSS进行制作,生成与图片一致的网页 3、开发人员需要将静态界面中的代码改为动态界面与后台进行数据对接 优点: 1、前端耗时少 2、有利于SEO <SEO:搜索引擎优化> 缺点 ......
网页 优缺点 前端 传统

Python - 网页自动化

一、环境准备 Selenium安装 命令行安装 pip install selenium 浏览器驱动安装 找到本地chrome的浏览器的版本 查看谷歌浏览器的版本号 下载相应版本的驱动器,chrome浏览器驱动下载 地址:chromedriver.storage.googleapis.com/ind ......
网页 Python

react18-webchat网页聊天实例|React Hooks+Arco Design仿微信桌面端

React18 Hooks+Arco-Design+Zustand仿微信客户端聊天ReactWebchat。 react18-webchat基于react18+vite4.x+arco-design+zustand等技术开发的一款仿制微信网页版聊天实战项目。实现发送带有emoj消息文本、图片/视频预 ......
实例 桌面 webchat 网页 Design