H5
H5 页面刷新404
参考：https://blog.csdn.net/weixin_44917334/article/details/129387658 history 模式由createWebHistory改为createWebHashHistory import { createRouter, createWebH ......
移动端H5适配方案 (flexible.js +rem)
### 一、flexible.js https://github.com/amfe/lib-flexible 默认把当前屏幕划分10等份 ### 二、vscode + cssrem插件（把px转换为rem） + 可以设置font-size大小 ![image](https://img2023.cnb ......
H5页面与普通的WEB页面有什么区别？H5页面如何做到适配不同的尺寸，而WEB页面为何做不到？
H5页面与普通的WEB页面有以下区别： 1. 技术特点：H5页面是基于HTML5标准开发的页面，而普通的WEB页面可能使用的是HTML4或更早的版本。HTML5引入了许多新的特性和API，如语义化标签、Canvas绘图、视频音频播放等，使得H5页面更加丰富和交互性强。 2. 设备支持：H5页面主要面 ......
H5页面如何适配不同的终端设备？
在H5页面中，可以使用以下方法来适配不同的终端设备： 1. 使用响应式布局（Responsive Layout）：通过使用CSS的媒体查询（Media Queries），可以根据不同的屏幕尺寸和设备类型来调整页面的布局和样式。例如，可以使用CSS的`@media`规则来设置不同的样式，以适应不同的设 ......
九州八荒录H5游戏详细图文架设教程
这次给大家带来一款丧心病狂的超变版仙侠 H5 游戏，九州八荒录 H5，变态到什么程度呢？各种宝物升级到上万阶，还没有达到上限，战力也突破到了千万亿，只有你够肝，榜一大佬指日可待！ ......
H5在线CAD前端使用mxdraw和mxcad库预览编辑DWG图纸
mxdraw 前端库预览图纸 mxdraw 的作用就是预览图纸，也可以绘制一些批注或者其他图形，首先进行安装，如果你没有前端工程化的基础，请先看前端工程化基础知识，mxdraw有详细的文档，建议点击mxdraw查看使用说明，然后我们讲一下转换后的图纸用mxdraw库显示的步骤: 1）新建工程 这里我 ......
vue3 实现移动端h5多个输入框填入验证码功能（非常简单）
使用一个输入框来获取数据，再用一组div来展示数据 用一个input 遮在展示内容的框上，给input设置opacity：0，用户每次输入的值拿到后依次展示在框内，如果用户输入或者删除就直接体现在展示框上了。 页面内容： <ul class="lists" ref="inputs"> <li cla ......
H5页面中调用微信和支付宝支付
H5页面中调用微信和支付宝支付 故友 2021-11-24 15:228641 最近在工作中，有个H5页面需要实现微信支付和支付宝支付的功能，现在已经完成，抽个时间写出来，分享给有需要的人。 第一步：先判断当前环境 判断用户所属环境，根据环境不同，执行不同的支付程序。 javascript 复制代码 ......
基础入门-APP架构&小程序&H5+Vue语言&Web封装&原生开发&Flutter
[TOC] # APP应用开发架构，四类开发形式： # 原生开发 安卓一般使用java语言开发，当然现在也有kotlin语言进行开发。如何开发就涉及到具体编程了，这里就不详说了。简单描述就是使用安卓提供的一系列控件来实现页面，复杂点的页面可以通过自定义控件来实现。 本质不是网站了，有成套的源码来实现 ......
微信官方H5链接跳转小程序
自己写H5跳转页面，不通过微信的云函数 官方H5的html页面代码：静态网站 H5 跳小程序 | 微信开放文档 (qq.com) 第一个坑：微信中点开链接时，wx.config的参数需要通过公众号来生成对应参数， 所以公众号有两个地方需要设置： 1.JS接口安全域名 2.IP白名单 第二个坑：ope ......
h5端引入moment.js
[h5端引入moment.js，会调用不同文件夹下的moment.js，且引入语言包不能使用 · Issue #10754 · NervJS/taro](https://github.com/NervJS/taro/issues/10754) 第一种引入方式（不行的，但是在其他项目正常） impor ......
初入 H5 Canvas 框架 Konva.js
# 什么是 Konva [Konva.js](https://konvajs.org/docs/index.html) 是一个 H5 Canvas 的 JavaScript 框架，我们可以通过制作桌面端和移动端的 apps。 Konva 支持动画、转换、节点嵌套、图层、过滤、缓存、事件（桌面端和移动 ......
ParaView插件—————Fluent网格(.msh .cas cas.gz .cas.h5)的读取
说明：此插件可以直接使用官方的ParaView加载 官方ParaView下载地址： https://www.paraview.org/download/ 使用方法见博文： https://www.cnblogs.com/liusuanyatong/p/16172223.html 插件下载链接： ht ......
h5的语义化标签
h5目前处于推广期 没有形成最终同意版本 h5简洁为主 h5新增的语义化标签 都有利于seo一优化 对搜索引擎友好 <header></header> 网站公共的头部 <footer></footer> 网站公用的尾部 <nav></nav> 导航 <section></section> 区块 一个 ......
高效 API 接口对接淘宝天猫 1688 拼多多京东商品详情数据（H5 端，PC 端）
淘宝商品详情接口，京东商品详情接口，1688商品详情接口，拼多多商品详情接口，虾皮商品详情接口，lazada商品详情接口 ......
介绍ChatGPT付费创作绘画系统 (WEB端+ H5端 + 小程序端)
ChatGPT付费创作系统V2.1.0提供最新的对应版本小程序端，上一版本增加了PC端绘画功能，绘画功能采用其他绘画接口-意间AI，本版新增了百度文心一言接口。 演示地址：www.runruncode.com/ai/19468.html 后台一些小细节的优化及一些小BUG的处理，前端进行了些小细节优 ......
vue+SignaturePad H5简易电子签名,横屏适配
背景 手机端的h5页面的电子签名，横屏适配。横屏适配看了挺多，但写的都挺复杂的，自己就写了个简易的。 前提 引入signature_pad npm install --save signature_pad 参考文章 (66条消息) vue 移动端 手写签名组件(引用signature_pad)_vu ......
前端Vue uni-app App/小程序/H5 通用tree树形结构图
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
vue手搓h5滚动日期选择器组件
背景 新项目为了省事和后台写一起了，所以用不了Uni-app（悲），然后element-ui的日期选择器h5不适配，看着也难受，就想找个好用的，结果找了一圈感慨，自己写个吧。 说明 为了加快速度，代码可能有些臃肿，但大概就是这样了，看着代码好多，其实只要会一个的滚动就会多个了。建议下看下参考文章，然 ......
微信小程序 h5 app 实现文件下载 支持格式：doc, xls, ppt, pdf, docx, xlsx, pptx。
<template> <div> <!-- #ifdef APP-PLUS --> <button @click="test.exportPDF">预览和下载pdf（renderjs）</button> <button @click="exportPDF">预览和下载pdf（uniapp api）< ......
uniapp H5 解决跨域
1、请求地址：http://192.168.1.216:8080/renren-api/api/getUserInfo 2、修改 manifest.json "h5": {"devServer": { "port": 5173, //端口号 "disableHostCheck": true, "pr ......
一文帮你搞定H5、小程序、Taro长列表曝光埋点
对于各种类型的埋点来说，曝光埋点往往最为复杂、需要用到的技术也最全面、如果实现方式不合理可能造成的影响也最大，因此本文将重点介绍曝光埋点尤其是长列表（或滚动视图）内元素曝光埋点的实现思路及避坑技巧 ......
h5+热更新下载wgt
html5+下载更新包 var dtask =plus.downloader.createDownload("http://192.168.4.41:8096/upgrade/__UNI__EEBDBA7.wgt", {}, function(d, status){ var filePath = p ......
h5设置ios安全距离
首先要在html里面加这个viewport-fit=cover，不加无效 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> css padding-bottom: co ......
H5跳转微信小程序query参数携带与获取
H5跳转小程序有四种方式： 1、使用wx-open-launch-weapp标签跳转 2、URL Scheme 3、URLLink 4、ShortLink 其中我感觉使用标签是最好的，参数什么的都是自定义可控的： <wx-open-launch-weapp username="小程序原始id" pa ......
H5 WebGL实现水波特效
# 前言 零几年刚开始玩电脑的时候，经常在安装程序上看到一种水波特效，鼠标划过去的时候，就像用手在水面划过一样，感觉特别有意思。但是后来，就慢慢很少见过这种特效了。最近突然又想起了这种特效，于是开始折磨怎么实现这种效果。 # 思路 我们知道，水波的运动轨迹可以看成随时间变化的三角函数，那么我们可以记 ......
uniapp 生成的页面 /h5/ 二级目录 uniapp history模式下刷新页面404
NGINX: location /h5 { try_files $uri $uri/ /h5/index.html; } ......
Angular 项目引入纯 H5 直播流播放器 Jessibuca（已被官方收录）
## 前言 最近工作 Angular 项目在做摄像监控的相关功能，需要使用 Jessibuca 插件，查阅官方文档发现只有 Vue 和 React 的 demo，百度 Google 也基本查不到有用的资料，啧啧啧- -，这还能忍！把我大 Angular 置于何地！遂自己写了个 Angular dem ......
ios系统微信浏览器打开H5,调用接口status = 0失败的问题？
最近写了一个很简单的小项目，以为不会有什么问题，今天突然说出问题了，说ios用户打开没有请求到数据。 经测试，安卓，pc,都没有问题，只有ios出问题了。因为这次的涉及到时间，我以为ios时间处理上出问题了，仔细看了看，并不是，于是开启了漫长的寻找bug的过程。 使用vConsole查看接口请求情况 ......
解决微信H5的图片缓存问题
# 解决微信H5的图片缓存问题 ## 一、缓存可以解决什么问题？他的缺点是什么？ 1、缓存可以解决什么问题： * 减少不必要的网络传输，节约宽带 * 更快的加载页面 * 减少服务器负载，避免服务器过载的情况出现 2、缓存的缺点： * 占内存，有些缓存会被存到内存中 * 页面更新不及时，使用过时的图片 ......