因业务需求，需要由前端来生成PDF，之前是后端生成的PDF，不够美化，所以我就在网上找了找实现方式，基本上全部都是由html2canvas和jspdf生成的，实现方式都是由html2canvas将页面转换成canvas图片，然后jspdf根据图片生成PDF。然后自己也按照网上的尝试了一番，最后发现无法按照自己的需求正常分页，之后自己又查了一堆，百度了好久，最后自己终于算是成功做出了可以按照自己需求
转载
2024-03-08 08:31:46
191阅读
多次论证、数月研发，我们重写部分Vue底层、重构uni-app框架，实现了微信端性能翻倍及更多Vue语法支持。 背景uni-app在初期借鉴了mpvue，实现了微信小程序端的快速兼容，感谢美团点评团队对于开源社区的贡献！ 随着使用uni-app的开发者愈来愈多，业务复杂度不断增加，不少开发者抱怨uni-app支持的vue语法少，某些场景性能有问题（特别是页面存在复杂组件的情况），这些问题其实是由m
转载
2024-10-06 13:14:21
0阅读
公司仓库需要打印小票。最终效果如下图：经过调查，首先选用了康虎云打印，原因是简单容易上手。但发现存在几个问题：1、小票打印机，纸张的切刀操作，多执行了一次。采用的是小票打印机，专门购买了带切刀功能的，解决了撕纸缺口不整齐的问题。但采用康虎云打印的时候，发现在正确切纸完成后，会继续出纸2cm左右，然后再进行一次切纸。每次都浪费2cm的纸，虽然是个小问题，但总觉得不太爽。2、当数据量大时候，超过一定量
转载
2023-11-25 22:06:53
202阅读
文章目录 前言一、使用步骤1.安装依赖2.main引入总结 前言uniapp导出页面级的pdf。具体功能没有测试完成。已经交给后端实现，前端这边分页处文字没有截断，图片和echart导出暂时没有看，不知道行不行。。。。。个人建议还是后端实现比较好，毕竟前端还要适配不同机型和浏览器。一、使用步骤1.安装依赖代码如下（示例）：npm install html2canvas
npm inst
转载
2023-11-24 00:38:57
530阅读
Android uni-app封装原生插件 uni-app是什么?一个使用Vue.js开发所有前端应用框架,开发者编写一套代码,可发布到ios、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。如果你还没有了解uni-app是什么：点击这里：这篇文章举例说明。。。 uni-app的特点跨平台更多
真正做到“一套代码、
转载
2023-09-18 16:34:07
852阅读
# Uniapp插件开发指南
Uniapp是一个跨平台的开发框架，支持同时发布到多个平台，包括Android、iOS等。在Uniapp中，我们可以通过开发插件来扩展框架的功能，以满足特定需求。本文将介绍如何在Uniapp中开发Android插件，并提供一个简单的示例来帮助读者快速入门。
## 开发环境准备
在开始开发Android插件之前，我们需要安装Android Studio，并配置好相
原创
2024-07-12 05:54:34
140阅读
文章目录前言一、UniApp简介二、Lodop简介三、在UniApp中集成Lodop四、UniApp中配置打印机五、打印模板设计总结 前言在当今移动互联网时代，移动应用程序已经成为人们日常生活中不可或缺的一部分。随着移动设备性能的不断提升和移动网络的普及，越来越多的企业和个人开始将业务扩展到移动端。UniApp 作为一种新兴的跨平台移动应用开发框架，为开发人员提供了快速构建高质量移动应用的能力。它
转载
2023-12-16 15:42:37
3207阅读
参考了很多大佬们的写法并进行了优化，最终实现安卓本地通知，已在安卓7.0以及10.0版本真机测试。 在需要生成通知的地方调用方法即可，在uni-app的App.vue的onShow中监听通知点击动作即可。方法直接封装在一个js文件中 文件在本文测试项目位置：/my_utils/myNJS.jslet myNJS = {
'aOSNotify':aOSNotify,
'aOSReceive':a
转载
2024-01-11 10:14:16
205阅读
最近开发一个代取快递的功能模块，需求是当快递取到之后要给用户一个反馈，也就是以语音提示的方式给用户提示因为提示的文字是固定的，所以其实思路就是利用文字识别，之后转换为语音进行播报这么一个思路但是问题就在于客户端如何进行判断快递到达这边的话是采用，服务人员确认取件---服务器改变状态----给与客户端提示，客户端进行语音播报，但是！！！！首先要保持客户端的运行，可以是后台，也可以是锁屏状态，但是一定
转载
2023-07-14 10:22:50
481阅读
需要打开手机的gps开关，正常的授权也要有判断当前设备是否打开gps开关checkOpenGPSServiceByAndroid () {
let system = uni.getSystemInfoSync();// 获取系统信息
if (system.platform === 'android') { // 判断平台
var context = plus
转载
2023-05-18 14:21:32
423阅读
背景之前的工时系统是原生的小程序实现，由于产品逻辑需要优化，代码混乱又仅限微信平台使用，公司致力于想给工时系统重构后支持多平台，并对外开放使用，使之成为一款真正的商业产品。经过前期调研后，uni-app对于多平台的支持最好，且易于上手，于是采用该框架对工时系统进行改造。uni-app介绍uni，读 you ni，是统一的意思。很多人以为小程序是微信先推出的，其实，DCloud才是这个行业的开创者。
转载
2024-07-26 07:57:38
57阅读
目录一、准备工作(开发环境）二、实操 1、使用Android studio开发工具打开UniPlugin-Hello-AS工程请在App离线SDK中查找 编辑2、创建Andorid Libray名字为（mylibrary），名称可以自定义 编辑3、复制代码到mylibrary下的buil
转载
2023-09-23 10:06:51
415阅读
uni-app的学习心得体会总结 uni-app的优点： 跨平台开发：uniapp可以基于同一套代码，实现在多个平台（如IOS、Android、H5）上进行开发，这大大提高了开发效率，同时降低了开发成本。开发效率高：基于Vue框架开发，uniapp具备Vue的优秀特性，如数据绑定、组件化、虚拟DOM等，大大提高了开发效率
转载
2024-01-01 11:08:24
89阅读
第三方平台选型：腾讯、阿里、即构、声网由于即构直播平台支持uni-app故本文章选用的是即构sdk版讲解一、效果二、sdk集成 1、 首先注册即构平台账号，然后对照即构官网一步步集成主要分为sdk插件集成与JS 封装层集成这两部分，具体步骤请移步官网查看。uni-app实时音视频示例源码下载 - 开发者中心 - ZEGO即构科技 &nb
转载
2024-08-07 12:05:32
330阅读
下载后解压文件，将 HBuilder-Integrate-AS 重命名 build-template 并拷贝到一个专门打包用的文件夹下作为打包模板该文件夹中有一个 simpleDemo 文件夹即 build-template\simpleDemo\src\main\assets\apps将 apps 文件夹下的内容删除运行 HbuilderX选择生成本地打包 APP 资源打包完成控制台会提示下面内
转载
2023-08-24 18:30:58
105阅读
在本文中，我将详细记录在“android 佳博票据打印机开发 uniapp原生”项目中解决技术问题的过程，以供日后参考和学习。
### 背景定位
在我们的项目中，集成打印机与移动应用的开发是至关重要的一部分。使用佳博票据打印机的需求加大了与 Android 设备间的交互复杂性，这直接影响了用户体验以及业务的响应速度。我们发现用户在进行打印时，常常遭遇到连接不稳定、打印队列混乱等问题，这不仅影响
目前正在做的一个项目需要用到地图功能，在使用数据线连接到手机进行真机调试的时候，由于uniapp自带了高德的SDK能够获取位置信息，但是在打包成apk后就不行了，原先地图的位置显示一片空白，这个时候，就需要我们去高德(或者百度)开放平台去申请应用的key了，在这里以高德地图为例，步骤如下：第一步：登录uniapp开发者后台(DCloud开发者中心)，登录后，切换到 应用管理 -> 我创建的应
转载
2023-07-30 18:30:15
1622阅读
前言：使用uniapp做的h5页面，在PC端显示时，发现由于upx单位计算基准值太大，导致页面排班布局错乱思路：刚开始发现使用px单位不会导致页面布局混乱，但这对刚开启的项目友好，对已经成型的项目修改成本太高，风险也大，而且px是固定单位，在移动端显然没upx好使；后来百度好久，发现都没有解决办法，偶然间突发奇想，能不能利用iframe在页面载入前将宽度设置为375px(750upx)，来达到欺骗
转载
2023-11-30 09:42:12
62阅读
首先在学习uni-app之前，确保我们的电脑上已经安装HBuilderX，与微信开发者工具为了大家快速了解学习这个框架我们这里就不放过多的演示图片了，大家按照提供的方法或API进行操作即可这里要说一下uni-app这个框架是便于开发者一端开发多段使用的，就像官方文档里解释的一样（uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发
转载
2024-08-19 10:35:56
64阅读
需要一点点的Uni-app的经验，如果大家是刚刚上手可以在站内收索 ：uni-app微信项目练习.先巩固一下基础知识，那么本文针对uni.request(OBJECT) 接入API进行简单的介绍，样式枫瑞就不做演示，能显示内容就行哈哈。 API：小说接口：https://www.apiopen.top/novelApi详情接口：https://www.apiopen.top/n
转载
2024-01-07 11:00:42
564阅读
