这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助背景应用背景：vite搭建的vue3项目需求背景：功能都涉及了支付业务，故需要和外部支付系统对接外部支付系统：聚合支付、微信小程序支付、微信H5支付目录读完本文，你将会对以下几个坑点有所了解：对接第三方服务商过程踩坑对接小程序支付踩坑对接微信H5支付踩坑关于客户端页面的H5支付踩坑一、 对接第三方服务商过程踩坑踩坑1：业务前期对接第三方服务商，一开始完全是由业务和服务商对接，研发团队没有参与，技术风控风险没能及时发现解决1：只要涉及到研发工作，业务需通知研发团队需同时和服务商对接，这样研发团队可以尽早了解到相关风险一开始和服务商聚合支
实现思路通过@media媒体查询结合rem继承html文字大小来实现。快捷插件配置这里使用了VSCode的pxtorem插件。先在插件市场搜索cssrem下载插件；配置插件页面编写流程及适配详情配置metah5常用配置信息:metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">2.公共样式编写*{border:0;-webkit-tap-highlight-color:tra
背景背景由于公司最近项目有一个H5测试项目，功能测试不用多说，但是H5性能测试是一个大难题，于是研究下H5性能测试，下面总结下，希望能帮助自己回顾项目也希望能帮到测友。总结H5性能测试的常用指标：白屏时间：用户首次看到网页内容的时间，即第一次渲染流程完成的时间；首屏时间：用户看到第一屏，即整个网页完全显示出来的时间；首资源下载时间：从开始下载第一个资源到下载完成的时间；总资源下载时间：从开始下载到所有资源下载完成的时间；用户可操作时间：从页面开始加载，到用户能够操作界面的时间。H5性能测试工具下面以chrome浏览器为例：通过chrom应用商店搜索Lighthouse下载安装后，打开需要测试的
拼接mp4格式的视频用FFmpeg工具对视频进行处理，FFmpeg有非常强大的功能包括视频采集功能、视频格式转换、视频抓图、给视频加水印等。准备下载FFmpeg视频工具。直接搜索下载，根据电脑选择不同的资源。下载完解压，可以解压到任何盘，可以改一下文件夹名称。使用比较方便的方法这种先要设置环境变量先找到解压后的bin路径然后进行设置环境变量将解压后的bin路径填入测试一下这里只合成两个视频，多的也可以合成。首先在控制台进入视频文件所在的文件夹然后进行操作方法1：直接拼接mp4文件//可以使用filelist.txt方式，也可以使用"concat:01.mp4|02.mp4"这种方式ffmpeg
移动H5-9光猫获取超级管理员权限亲测可用型号：H5-9、h3-2se1.使用光猫背后的普通用户名登录进光猫，浏览器复制以下链接打开方法一：http://192.168.1.1/usr=CMCCAdmin&psw=aDm8H%25MdA&cmd=1&telnet.gch方法二：（亲测有效）http://192.168.1.1/getpage.gch?pid=1002&nextpage=tele_sec_tserver_t.gch2.电脑启用telnet3.通过telnet进入光猫CMD下输入：telnet192.168.1.1用户名、密码如下：CMCCAdminaDm8H%MdA注意：密码默认
目前扫码模块是用原生小程序写的页面，登录和之后跳转的页面都是通过webView嵌套在小程序里面的h5。需求：h5页面扫码，拿到扫码后的结果，去查询列表的数据。方案：在h5中引入微信的sdk，在A页面跳转进入原生小程序的B扫码页面，在B扫码页面拿到扫码结果，再跳转回原来的A页面，并且在路由上携带扫码的结果1.安装依赖npminstallweixin-js-sdk2.h5使用依赖进行跳转A.vuetemplate>van-colclass="scan"span="3"@click="gotoScan">van-iconclass="scanIcon"name="scan"/>/van-col>/t
以下为下载ffmpeg的地址：Releases·BtbN/FFmpeg-Builds·GitHubContributetoBtbN/FFmpeg-BuildsdevelopmentbycreatinganaccountonGitHub.https://github.com/BtbN/FFmpeg-Builds/releases下载好相应的版本后，解压即可，添加bin至环境变量（linux环境变量的添加，详见另一篇文章：修改Linux环境变量PATH_MasterD56的博客-CSDN博客vim/etc/environment在PATH="/usr/local/sbin:/usr/sbin:/u
vueh5项目中与app安卓orios进行交互方式，h5与app交互前端同学可以加我一起交流一起进步案例描述：需求是混合开发中，H5页面与原生app安卓或者ios交互（包括，调用app的方法，或者app调用h5中定义的方法）从而实现交互项目场景：开发帮助中心页面，帮助中心页面采用h5页面开发，页面中有两个按钮需要和app进行交互第一步，先定义公共方法：H5页面和原生app进行互相传参数调用需要使用WebViewJavascriptBridge，下面是项目中的封装appBridge.js的公共方法示例为vue代码ios的公共方法 //新建appBridge.js //ios公共方法 fun
背景之前构建过文件预览服务，对于视频部分前端播放组件限制只能为mp4格式，为了支持更多视频格式决定对方案进行升级，由于视频格式较多，针对每一种格式定制选择播放器不太现实，决定对视频源统一转码，转码后的格式为mp4，兼容性稳定且前后端改造工作较小配置maven添加java-all-deps引用，该引用内置不同版本ffmpeg文件，为了避免打包后文件过大，排除不需要的平台兼容支持ws.schildjave-all-deps3.3.1ws.schildjave-nativebin-win32ws.schildjave-nativebin-linux32ws.schildjave-nativebin-
FFmpeg是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。它提供了录制、转换以及流化音视频的完整解决方案。FFmpeg在Linux平台下开发，但它同样也可以在其它操作系统环境中编译运行，包括Windows、MacOSX等。FFmpeg编码库可以使用GPU加速。官网下载linux版的ffmpeg，官网链接：Indexof/ffmpeg/release-source #解压压缩包cd/soft/ffmpegtarxvJfffmpeg-4.1.tar.xz# 安装gcc和yasm编译器cdffmpeg-4.1yuminstallgccyuminstallyasm#指定安装
