zxh7770的博客

uniapp用uParse实现解析后台的富文本编辑器的内容及修改uParse样式

有些场景我们需要从A页面带着参数到B页面，然后再B页面去修改A页面的这个参数。如果是uniapp封装的app，需要安装uniapp内置的调试器。

阐述有些时候我们在使用uniapp封装H5页面，有些图片太大了，不宜全部显示到屏幕上，uniapp提供了一个非常好用的api。实现方式如下：<template> <view class="content"> <image class="logo" src="/static/images/a.png" @click="clickImg"></image> </view></template><script&g

uniapp H5 项目 播放 m3u8格式视频阐述在项目中，可能会获取一些直播流地址，比如最常见的就是.m3u8视频格式。在小程序可以直接使用video 标签就可以直接播放，因为小程序有自己的引擎，可以直接使用。H5页面是运行在浏览器上面的，不能直接播放。解决方案安装以下依赖Dplayer.js、hls.jsnpm i dplayer -S npm i hls.js -Sps：如果版本太高了，可以指定以下版本安装即可。指定 Dplayer.js、hls.js 版本{ "depe

uniapp打包生成的H5获取URL里面的参数阐述在使用uniapp的时候，可能会打包各种版本的应用，包括H5页面，需求不同，H5页面的应用方式也是不一样的，我这里的H5页面就是通过后端的链接拼接参数，生成二维码 然后这个链接里面会有相关的参数，通过URL的方式获取到这些参数，在页面中使用。链接的两种格式我这里的域名就用xxx代替了，具体的域名路径可以找后端获取。错误的链接：https://xxx.xxx.com/cjyzwap/index.html?EB=2716523281900000

阐述当前端uniapp可以生成多端的项目，生成的项目需要将页面打包出来，生成H5的静态文件，部署在服务器上，通过服务器链接地址，就可以直接在手机上点开访问 了。ps：这里主要说明uniapp打包的H5页面。前期准备的工作，可能会遇到的坑：参考以下博文：https://blog.csdn.net/zxh7770/article/details/123905340一、uniapp打包H5发布到服务器1、点击菜单栏发行，点击选择网站-手机H52、这里的网站域名跟后台要一个就行，具体部署在下面说到

阐述：在使用uniapp打包发布项目的时候，H5页面有区别于小程序，小程序一般直接运行到微信开发者工具的，从微信开发者工具进行发布。下面说下H5打包的时候会出现的一些问题。可能会出现以下问题直接打开index.html是空白页，没有数据。css、image的src图片路径不正确，图片丢失。1、直接打开index.html是空白页，没有数据，解决方案如下：选择H5配置，把以下图片中的，运行的基础路径改为 ./ , 路由模式选择：history2、css、image的src图片路径不正确，图

uniapp同时打包了两个APP 安装的时候提示 该文件包与具有同一名称的现有文件包存在冲突阐述在使用HBuilder打包了两个不同的APP，在安装同一个手机上提示 “该文件包与具有同一名称的现有文件包存在冲突”。打包的时候需要注意：一定要注册两个账号，或者去开发者后台 “https://dev.dcloud.net.cn/”，增加应用。解决办法如下：在manifest.json 文件中添加以下代码：“packagename” : “com.公司域名.应用前缀”ps：打包的每

uniapp小程序运行正常，app运行报cid unmatched at view.umd.min.js阐述uniapp 运行小程序正常，但是调试App。有时候就会报一大堆错误，是因为小程序编辑器内部做了很强大的兼容性。错误截图如下：报错原因uniapp有着强大的 easycom 只要是符合规范，则不需要引入、注册组件。但是项目越来越大，涉及到分包，也有些子组件需要使用。使用子组件就得注册了。注册成功以后在小程序上面运行没有问题，在App调试器上面就报错了。原因如下：目录结构如下：

uniapp监测网络uni.onNetworkStatusChange & uni.getNetworkType的使用区别阐述：在实际项目开发中，难免会监测网络，下面来具体详解下小程序这两种监测网络的方法，各有什么不同以及如何配合使用。这里配置的是 uniapp，微信小程序把 uni. 换成 wx. 即可。uni.onNetworkStatusChange和 uni.getNetworkType的区别如下：1、uni.onNetworkStatusChange：uni.onNet

微信小程序 使用navigateTo跳转url传递对象阐述在使用 “uni.navigateTo” 跳转的时候，如果要不是对象的方式传递，则会在url上面拼接太多的参数了。不易阅读。我这里用的是uniapp，微信小程序也一样。使用navigateTo跳转进行参数传递let confirmData = { specificationID: this.specificationLists[this.specificationIndex].ID, Price: this.specificatio

uniapp踩坑之修改组件默认样式阐述：最近刚开始使用uniapp开发，有些组件渲染之后会生成一些标签，我需要修改生成标签的样式。比如< uni-combox >、< uni-number-box > 等组件，我觉得它们都太大了，需要重新自定义样式。网上关于如何修改uniapp组件的操作。这种方式不是不可以，但是针对的平台不同，针对的客户端也不同。这些方式也许在H5页面上就可以，在小程序上面就不可以。大家多试试看。有的说style标签上不加scoped，就可以