taro H5
转载
2020-03-24 10:18:00
419阅读
2评论
介绍uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。目前支持的小程序有支付宝小程序、微信小程序、百度小程序、头条小程序。 官网官网：https://www.dcloud.io/文档：https://uniapp.dcloud.io/README为什么选择uni-app?跨终端数量多1、一套代
转载
2023-11-29 15:11:24
35阅读
一、项目背景：原项目：Cordova + vue（H5）现项目：Uniapp + vue（H5）二、问题：Uniapp作为Cordova的替代，则以前Cordova的插件，例如调用摄像头扫码，这种接口需要重写。由于H5的环境和APP的环境是两个天然隔离的运行环境，所以通过常规的手段是不能互相通信的。三、解决方法： 1、App前提条件，在app写绑定事件。 在app
转载
2023-10-11 10:39:34
1073阅读
主要采用媒体查询方法
1）在body的head里面的style里面引入
@media screen and (min-width: xpx) and (max-width: ypx) {
}
此段代码表示屏幕在最小宽度为xpx和最大宽度为ypx范围的特定样式。
2）在body的head里面直接引入
3）在body的head里面采用@import引入@import url("example.css"
转载
2023-11-02 06:20:40
136阅读
一、今日的进展PS：以下内容说的是H5端的真机调试环境，app端的会在文末给出1.知道了uni-app应该如何调试手机端的应用，但仍有一些问题 还是要依赖浏览器，不过是Chrome浏览器，需要在手机端和电脑端配置一个版本相同的Chrome浏览器，通过USB数据线将两台设备相连，再在Chrome地址栏输入chrome://inspect/#devices
转载
2023-12-17 16:04:22
364阅读
前段时间用 uniapp 做了个h5的小商城，详情页结构相对比较复杂，包含了幻灯，评价，购买人，都在不停的切换，popup 过度的效果，还有一个差不多毫秒级别的 倒计时抢购（很多页面都有倒计时）基本结构如下图：在别的手机上还好，在我的 24K 低端机上，简直卡成了翔，，，毫秒级别的倒计时，几乎成了分钟级别的，，，寻找问题首先 通过浏览器的性能监控 去查找问题：按F12 > 找到 Perfor
转载
2023-12-02 16:24:26
132阅读
今天继续说一下使用uniapp开发app遇到的坑----ecahrts直接导致手机模拟器白屏。之前使用h5开发，然后通过hbuilderx打包成跨端app，此时的app类似h5套壳，本质上应该仍然是浏览器访问h5。这时候项目中使用的插件echarts可以非常正常的显示。
然后将echarts搬到uniapp后会发现，一边开发一边通过浏览器看，会觉得很不错，打开手机模拟器，一片空白！！！
浏览器一切
转载
2023-07-26 05:00:16
1088阅读
1 、manifest.json配置：2、发行3、直接找到这个包，发给运维部署即可。（不要本地打开这个html文件，可能打不开，但是按照上述配置也是可以打开的）
原创
2022-11-18 00:08:41
572阅读
# 如何使用 UniApp 开发 H5 应用并适配 iOS
在开发的过程中，使用 UniApp 开发 H5 应用已经成为了一种流行的选择。UniApp 是一个非常强大的框架，可以帮助开发者快速构建多端应用。本文将引导你一步步学习如何使用 UniApp 开发 H5 应用，并适配 iOS。
## 整体开发流程
以下是开发 UniApp H5 应用的整体流程：
| 步骤 | 描述
最近在给f做一些工具app，学习了不少关于uniapp编写android应用的知识。
首先，App应用的创建的时候要选择项目类型为uniapp类型。最开始我选择的是h5+项目，这种项目就比较容易写成纯js的项目，利用一些html5plus能力，或者使用mui来编写手机app。
我调研了一下，uniapp和h5+（mui为代表）的差异和优缺点如下所示。技术类型优点缺点uniapp可以使用unipp封
转载
2024-02-26 17:04:05
554阅读
## Taro H5兼容Android 5白屏问题解决指南
在开发过程中，许多开发者会遇到浏览器及其兼容性的问题，尤其是在较旧的 Android 5 设备上，使用 Taro 开发的 H5 应用可能会出现白屏现象。本文将详细介绍解决这一问题的过程，步骤以及需要的代码示例供你参考。
### 整体解决流程
以下是解决 Taro H5 兼容 Android 5 白屏的基本流程表：
| 步骤 | 描
一、描述要实现自定义微信分享功能，需要使用到微信官方提供的 js-sdk，微信JS-SDK是微信公众平台 面向网页开发者提供的基于微信内的网页开发工具包，通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。二、准备工作下载 HBuilderX 并安装 js-sd
转载
2023-12-07 18:47:39
202阅读
了解 Uni-Appuni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。即使不跨端，uni-app同时也是更好的小程序开发框架。uni-app 是由 DCloud 公司打造的，DCloud公司拥有340万开发者用户，旗下uni-app有5万+案例、600+插件、
概述前段时间评估开发新版APP使用原生+H5混合的方式开发，进行了多项评估后，发现Dcloud的uni-app比较符合我们的需求，于是开始了uni-app的爬坑之路。有熟悉uni-app的一定知道，uni-app本来就可以编译打包成为app,为什么还要用原生app套壳，不是增加负担么，其实，这是由于项目中也属需求，暂时uni-app没有办法达到目标，于是使用uni-app开发H5端，再使用原生AP
转载
2023-11-06 23:32:55
233阅读
前端生成海报兼容H5和小程序最近做项目需求是生成商品分享海报，并且保存到手机中要兼容H5和小程序<br>与后端同学沟通后，海报在前端生成最省性能和有较好的交互体验，先看做好的效果源码地址 前端框架使用的是uni-app方便打包成H5和小程序实现方案是拿到后端返回的数据后，利用canvas画布把各个数据拼在一起
转载
2024-08-15 15:04:44
145阅读
效果图：一， 项目说明两张相片融合使用的是百度人脸融合接口（https://ai.baidu.com/tech/face/merge）制作动态相册用的是腾讯人像渐变接口（https://cloud.tencent.com/product/ft?fromSource=gwzcw.3561173.3561173.3561173&utm_medium=cpc&utm_id=gwzcw.3
转载
2024-01-25 20:19:10
66阅读
webview和H5页面双方通讯方式首先，表示对uniapp官网文档的亲切问候，然后，以下代码是测试调试中通过的，我未正常打包app去测试。友情提示：1、app跟H5如何通讯，代码备注已经写了，我自己测试是没问题的，app还没打包apk测试，不清楚打包后的，2、我的需求是高德地图方面的功能，uniapp官网提供功能太少了，所以嵌套H5页面，需要来回交互，一整天就为了搞个通讯，血泪史，uniapp官
转载
2023-12-17 21:55:24
522阅读
客户端 兼容性H5 √iOSApp ×Android App ×微信小程序 ×安装vue-json-excel插
原创
2022-07-20 10:44:36
1038阅读
# UniApp在iOS和H5上的兼容性
随着移动互联网的发展，跨平台开发框架受到越来越多开发者的青睐。其中，UniApp是一个基于Vue.js的跨平台应用框架，支持在iOS、Android、H5等多种平台上运行。在开发时，我们常常会遇到兼容性的问题，尤其是在iOS和H5平台之间。本文将探讨这方面的内容，并提供一些实用的代码示例。
## UniApp简介
UniApp允许开发者使用Vue.j
原创
2024-09-23 05:55:24
107阅读
# uniapp H5 iOS白屏问题分析与解决
## 引言
在使用uniapp开发H5应用时，有时候会遇到iOS设备上出现白屏的问题，即应用打开后无法正常显示页面内容，只显示一片空白。这个问题可能会让开发者感到困惑，本文将介绍该问题的原因和解决方法。
## 问题描述
当我们在iOS设备上使用uniapp开发的H5应用时，偶尔会出现打开应用后页面仅显示一片空白的情况，没有任何内容显示。这种
原创
2023-11-23 09:29:09
1482阅读
