盘点那些神级uniapp插件,总有一款让你事半功倍

自从有了uniapp,各位做小程序,app是不是感觉快起飞了,如果你想快速推出自己的移动端(各平台小程序,安卓、苹果),那么uniapp还是很不错的,至少时间和研发成本可以帮你降低很多很多。

所谓天下技术是一家,各位flutter或者react native心态不要急躁,更不要鄙视uniapp

下面就给大家推荐几款,我用过的uniapp插件,让你事半功倍,即使你是不会设计,不懂前端的后端同学,也能通过简单的上手,成为一名全栈!!!!

1、瀑布流布局-waterfall

f85b5fd0-c698-11eb-a222-ff4a42b44eca_0.gif

这款瀑布流插件,是我用过的最好用的瀑布流插件,完美解决了自动适配的问题,其他的多多少少都有些问题,如果你的项目里需要瀑布流,选择这个一定没有错。

waterfall组件地址:https://ext.dcloud.net.cn/plugin?id=5280

2、TinyPng - 无损压缩png jpg Webp图片

TinyPng(这个大熊猫是不是很眼熟)应该很多同学都知道吧,非常好用的图片压缩网站,因为小程序包大小限制的问题,经常需要把图片文件压缩,通常的做法是把需要压缩的资源上传到TinyPng,压缩好以后又下载下来覆盖源文件,但是,只要安装了这个插件,就可以直接在HBuilderX压缩处理,不需要上传、下载、覆盖这些过程了,非常的爽!

dbbf6fa0-bcc6-11ea-953a-0b0f8d0a9c1f_0.webp

TinyPng - 无损压缩png jpg Webp图片组件地址:https://ext.dcloud.net.cn/plugin?id=2215

3、uView2.0重磅发布,利剑出鞘,一统江湖

uView准确来说应该是一套前端组件,相对比uniapp官方提供的样式来说要更好看一些,或者说是提供了另一套完整的视觉解决方案,总的来说就是即使你没有很好的设计能力,使用uView也能制作出漂亮的前端页面。

在这里插入图片描述

4、秋云 ucharts echarts 高性能跨全端图表组件

图标这个东西,如果自己设计,那是相当的麻烦,反正我是搞不定,但是有了秋云,各类饼图、柱状图都可以轻松搞定,开发者编写一套代码,可运行到 Web、iOS、Android(基于 uni-app / taro )、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等更多支持 canvas API 的平台

在这里插入图片描述

秋云 ucharts echarts 高性能跨全端图表组件地址:https://ext.dcloud.net.cn/plugin?id=1593

5、本地同城生活平台系统-同城趣

最后这套,严格来说已经是一套系统,但是里面包含的页面可以帮你实现非常多的功能,而且少有的设计感让人看上去非常的喜欢,里面包含了UGC系统、砍价、分享、团购、商户、结算、提现、订单管理几乎涵盖了你能想到的各种常用页面,可以帮你节省不少的前端开发时间。

在这里插入图片描述

本地同城生活平台系统-同城趣组件地址:https://ext.dcloud.net.cn/plugin?id=10308

Uniapp是一个使用Vue.js开发跨平台应用的前端框架,它可以编译到iOS、Android、H5、以及各种小程序等多个平台。在使用Uniapp开发微信小程序时,你可能会需要将图片从一种格式转换为另一种格式,比如将PNG格式转换为JPG格式。 在微信小程序中,可以通过微信提供的API `wx.getFileSystemManager()` 获取文件系统管理器实例,然后使用这个实例提供的方法进行格式转换。但是,需要注意的是,微信小程序API本身并不直接提供转换图片格式的功能,因此需要借助一些第三方库或者服务端的API来完成这个任务。 一种方法是在小程序端使用canvas来实现格式转换,具体步骤如下: 1. 创建一个`<canvas>`标签,并使用`wx.createCanvasContext`方法获取canvas上下文。 2. 使用`drawImage`方法将PNG图片绘制到canvas上。 3. 利用canvas的`toDataURL`方法,可以导出图片,并指定导出格式为JPG。 示例代码如下: ```javascript // 获取canvas上下文 const ctx = wx.createCanvasContext('myCanvas'); // 将PNG图片绘制到canvas上 ctx.drawImage('path/to/png/image', 0, 0, 300, 300); // 转换为JPG格式并导出 ctx.draw(false, () => { const jpgDataUrl = ctx.toDataURL('image/jpeg', 1.0); // 可以在这里将jpgDataUrl进行保存或者上传等操作 }); ``` 如果小程序端无法满足需求,也可以通过调用后端API来实现图片格式的转换。将PNG图片上传到服务器,使用服务器端的语言和库(如Node.js的sharp库)进行转换,然后再将转换后的JPG图片返回给小程序。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值