1.前言 之前主要讲解了关于MGR的一些工作原理以及限制，那么今天这里主要操作MGR,2.环境准备mysql8.0.25 10.211.55.230:3306 10.211.55.220:3306 10.211.55.210:3306这里主要搭建的是单机多实例单主模式的MGR环境3.配置文件参数(必须要有的) server_id=1
gtid_mode=ON
enforce_gtid_co
转载
2023-07-12 13:52:50
72阅读
一，概述本文主要是使用webpack5+vue3+vw适配+axios+vue-router+vuex+vant搭建一个基础的h5项目结构。其中每一节都是独立的配置，想要webpack搭配其他的也可以参考下。至于项目的代码，放在本文最后面，不想看的可以直接下载使用。为了自己后续搭建h5项目能有个干净的项目框架直接使用，而不是每次都得重新搭建。每一个步骤都是我实践过的，其中存在的一些注意点和原理，我
转载
2024-01-18 22:35:53
145阅读
首先要在html文件中引入微信文件，它会暴露出一个全局的对象:wx<link rel="preload" ,href="//res.wx.qq.com/open/js/jweixin-1.3.2.js" ,as="script" />其次是init基础配置，比如微信好友/朋友圈分享。这个一般写在全局方法中，一开始就调用。 从后端获取appid 这些数据，目的是安全。async func
转载
2024-04-16 22:00:55
79阅读
怎么搭建自己的H5响应式网站?大部分的企业朋友在考虑网站建设时的第一反应一般都是找网站建设公司，心想自己既不懂代码，又不懂设计，除了交给别人做还有什么方法吗？其实不然，下面梅江小程序制作公司圣辉友联先说说H5响应式网站建设前期准备和网站整体规划。 H5响应式网站建设前期准备 H5响应式网站建设前期准备对于一个网站的形成一般是包括域名，空间以及在内容上的正确的管理，主要是用于存放企业
转载
2023-11-14 22:09:34
85阅读
要搭建H5环境，你可以按照以下步骤进行操作：安装编辑器：首先，你需要选择一个合适的代码编辑器。常见的选择包括Visual Studio Code、Sublime Text、Atom等，你可以根据个人喜好选择一个适合自己的编辑器，并安装在本地电脑上。安装Node.js：H5开发通常需要使用到Node.js，因此你需要先安装Node.js。前往Node.js官方网站创建项目：在你希望存放H5项目的文件
原创
2024-05-18 00:07:59
223阅读
H5页面&小程序如何实现emoji表情？emoji表情都非常熟悉了，比如微信的会话窗口可以发表情。 但是仔细看有一个重要的发现，比如朋友给你发一个emoji表情，在聊天会话列表页查看最近消息，会发现有点不同，体现在如下：列表页看到的就是一个表情，比如大笑?的表情。列表页看到的是一个文字，比如[发呆]，[懵逼]前者就是默认emoji表情了，后者则是自定义表情。显然你拿着微信的[懵逼]在微博上
转载
2024-03-26 11:36:11
413阅读
linux系统搭建前端h5和jenkins一键部署的学习日志前言搭建流程jenkins一键部署Jenkins--H5前端部署自动化（Jenkins在Linux系统）Job工程配置及脚本Nignx转发规则配置域名配置h5根目录访问规则:默认页面跳转的设置 前言大家好，这是一个普通的程序员学习日志。总结了搭建h5页面至linux 服务器，并开通访问权限过程中，对新手可能有用的技术要点和遇到的问题以及
转载
2024-04-06 12:27:31
19阅读
最近，一个项目上使用到一些数据，这些数据必须要从本地导入，因此提供了相关的服务端上传接口，然鹅我是一个纯纯的后端，前端的各种框架都不太会使，并且我认为这样的小项目使用一个前端框架反而不好，比如LayUi，虽然很简单就可以引入，但是有时候我需要做些特殊操作，修改人家源码的底层方法还是不太方便，因一顿google后实现了纯H5+JS实现的方法，连ajax都使用的原生；记录一下：一、单文件上传<!
转载
2023-12-27 14:18:45
156阅读
知识点一：H5拖拽1、设置元素为可拖放首先，为了使元素可拖动，把draggable属性设置为true：2、拖动什么 ondragstart和setData()然后，规定当元素被拖动时，ondragstart属性调用了一个函数，start(event)，它规定了被拖动的数据。在所有的拖放事件中都提供了一个数据传输对象dataTransfer，主要是用于在源对象和目标对象之间传递数据。se
转载
2023-06-30 12:29:22
341阅读
# 实现Android打开H5和关闭H5页面的教程
## 概述
在移动应用开发中，Android应用常常需要在原生应用中打开H5页面并在需要的时候关闭这些页面。本教程将教你如何在Android应用中实现打开和关闭H5页面的功能。
## 教程步骤
下面是整个流程的步骤表格：
| 步骤 | 操作 |
| ---- | ---- |
| 步骤一 | 在Android项目中添加Webview组件
原创
2024-03-26 06:22:06
706阅读
pxpx像素（pixel）：相对长度单位。相对于显示器屏幕分辨率而言。pc端使用px倒也无所谓，可是在移动端，因为手机分辨率种类颇多，不可能一个个去适配，这时px就显得非常无力，所以就要考虑em和rem。em 相对于父节点的font-size，会有一些组合的问题。比如你把body的font-size定义为50%，一般地会是8px。那么你在body里字体大小就是1em=8px了。可当你定义
转载
2024-04-29 10:15:47
87阅读
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的w
最近在开发项目遇到一个office文档和PDF文档预览的需求，并且需要控制用户是否可以下载文件和拷贝文档中的文字。
H5office
h5office 官网文档地址，需要进去申请自己的appid。免费的查看最终实现的效果很简单的用法。<!-- 创建一个标签就可以了 -->
<div id="office"></div>
<button id="open"&
转载
2024-04-11 10:53:57
137阅读
H5里面的App Cache是由开发Web页面的开发者控制的，而不是由Native去控制的，但是Native里面的WebView也需要我们做一下设置才能支持H5的这个特性。1.工作原理写Web页面代码时，指定manifest属性即可让页面使用App Cache。通常html页面代码会这么写：<html manifest="xxx.appcache">
</html>xxx.
转载
2024-03-16 00:34:14
79阅读
从「前端开发」的视角来看，微信小程序和H5也存在着多方面的不同。概括来说有以下四个方面的区别。一、运行环境的不同 H5的运行环境是浏览器，包括webview，而微信小程序的运行环境并非完整的浏览器，因为小程序的开发过程中只用到一部分H5技术。 小程序的运行环境是微信开发团队基于浏览器内核完全重构的一个内置解析器，针对性做了优化，配合自己定义的开发语言标准，提升了小程序的性能。 官方文档表明脚本内无
转载
2024-05-27 20:47:43
123阅读
# 云服务搭建H5服务平台
随着移动互联网的迅速发展，越来越多的企业和开发者开始关注H5（HTML5）服务平台的搭建。H5平台可以轻松实现响应式设计，支持多种设备，成为了开发移动应用和网页的重要选择。本文将为您介绍如何通过云服务搭建H5服务平台，并提供代码示例与一些可视化工具，帮助您更好地理解整个流程。
## 一、搭建H5服务平台的步骤
### 1. 选择云服务提供商
在搭建H5服务平台之
环境搭建引入库 我这里已经安装好了nodejs，并且已经配置好了淘宝镜像npm config set registry https://registry.npm.taobao.orgvscode不能直接在工具里创建项目，要先创建一个空文件夹，然后通过vscode打开文件夹。 在E:\vueProject文件夹下创建VueForBlog文件夹，使用vscode打开（vscode默认只能打开一个项目，
转载
2023-11-01 23:00:52
96阅读
提到拖拽，我们都很熟悉，那么拖放呢？一字之差，代表的意义是不一样的，拖拽就是拉着走，拖放就是有拖，有放，我们都知道原生 JS 拖拽效果的缺点： 1. 代码相对复杂与冗余 2. 仅限于在浏览器内的元素间拖放 3、不能实现跨页面的拖放 所以H5就出现了拖放技术，与 JS 原生相比 HTML5 拖放的优势： H5拖放技术，drag
转载
2023-07-12 13:57:03
317阅读
前言：2015年下半年开始接手开发iData相关的H5活动和手机端看数据功能，虽然在web开发方面已经有不少校验，但是手机端的web开发还是个小白，从到处查资料，请教其他部门有丰富开发经验的同事开始到现在已经积累了一些经验，当然也是从各种采坑开始，本文依旧旨在总结，对手机端H5开发中需要注意的一下问题列一列，说说自己的看法，大家一起学习：) 1、关于js框架选择js框架选择上遇到了一个难
转载
2023-07-12 13:53:21
179阅读
没有iPhone手机，都是找别人测和云真机，但云真机调ar也不方便，微信也难登，真的很难搞。AR场景下，在播放视频或音频前，一般只有一次点击按钮的机会，然后就是一段用户拍摄目标的空窗期，因此必须在用户点击按钮的时候解锁声音bgm.muted = false，此时播放空白音频或视频成为基本操作，等到识别到目标物体再替换音视频路径即可（如用AudioContext也可通过代码产生音频解锁，如JSMpe
转载
2024-05-09 09:48:54
91阅读
