
uni-app
文章平均质量分 83
lj深
前端工程师
展开
-
微信小程序蓝牙对接热敏打印机
最近开发的一个小程序里需要对接热敏打印机打印小票,在此记录一下对接的过程项目开发注意点:1、因为项目中有多个页面的数据是需要进行打印的,为了保持蓝牙的连接状态和数据,所以连接蓝牙的操作和数据会在vuex里面进行统一管理。2、打印模板会统一进行管理3、打印数据前需要对上一次打印的数据进行清理 使用 printerJobs 对象里的 clear() 方法实现清理数据4、在原有的sdk上增加三列打印的方法技术栈uni-app参考资料微信小程序蓝牙打印项目效果图打印效果图项.原创 2021-07-28 11:20:59 · 9372 阅读 · 8 评论 -
uni-app canvas实现环形刻度进度条
因为项目中需要使用到一个环形刻度进度条,所以就需要实现这个需求,在uni-app插件市场找了一圈,也没有找到这种插件,只找到了一个环形进度条,所以就在该插件上修改,实现了一个环形刻度进度条参考uni-app插件市场:弧形进度条微信小程序canvas画原型带刻度进度条效果图代码<template> <view class="progress_box"> <canvas class="progress_bg" canvas-id="cpbg"><.原创 2021-01-02 12:31:24 · 6940 阅读 · 5 评论 -
uni-app 项目问题总结
uni-app项目中使用Tailwind CSSTailwind CSS 是一个工具集 CSS 框架,助你快速实现定制化的网站设计。Tailwind CSS 是一个高度可定制的基础层 CSS 框架,它为您提供了构建定制化设计所需的所有构建块,而无需重新覆盖任何内建于框架中的设计风格。Tailwind CSS官网使用体验:第一次用到这个工具集css框架,说实话,使用了之后能够大大提高写页面的速度,真的是不很不错的一个工具,推荐使用uni-app 页面关于状态栏的背景设置在网上搜索了一下怎么原创 2021-01-02 12:12:57 · 1431 阅读 · 0 评论 -
uni-app 即时聊天:朋友圈
在写uni-app即时聊天项目的时候,就想着用uni-app实现微信朋友圈的功能,在完成这些功能的时候,也遇到了很多的问题,比如数据表的设计(个人动态表,朋友圈动态表,通知表等),因为也是第一次去制作这种功能,所以可能在思路上还是有所不足的,以下代码仅供参考,如果有更好的方式,请大佬们提出来(可在评论区留言)功能设计简图关于个人动态的操作个人动态表的部分操作会导致朋友圈动态表的改变,例如发布动态和删除动态关于朋友圈动态的操作表设计个人动态表const mongoose = req.原创 2020-11-11 22:23:42 · 2644 阅读 · 3 评论 -
uni-app 即时聊天:制作分组导航
样式图效果图制作方法用户分组制作分组导航首先要做的就是将用户分组,在这个项目中我是根据用户昵称的首字母来进行分组的,所以就需要将汉字转为拼音,转换的方法大家可以在网上搜索,另外就是这个操作你可以在前端执行也可以在后端执行,当然还是在前端执行比较好,我是在后端执行好的,只作为参考,方法如下: let result = await Friend.findOne({ userID: tokenRes.id }).populate("friend_list.user", "avatars")原创 2020-08-19 15:04:59 · 726 阅读 · 0 评论 -
uni-app 即时聊天
项目介绍前段时间在B站看到了有一个UP主在讲uni-app即时聊天的项目(逸刻时光),在看了这个视频之后,感觉还是挺有兴趣的,所以在看他的讲解视频之后,就自己动手写了这个即时聊天项目,在样式方面跟(逸刻时光)相比改动的地方还是比较多的,后端的是我使用的是node的koa框架,而(逸刻时光)的up主是使用express,个人觉得还是koa框架用起来比较好用,没有那么多的嵌套,可以使用async和await来解决回调地狱等,另外就是(逸刻时光)的up主更新这个项目是更新的比较慢的,所以前后端的很多问题都得自己原创 2020-08-04 14:03:08 · 24126 阅读 · 32 评论