![](https://img-blog.csdnimg.cn/direct/ab39a343f27a4b4397794249d37d1188.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
uni-app
文章平均质量分 74
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。
邹荣乐
拥有多年开发经验的前端工程师,曾经参与过多个大型项目的开发,积累了丰富的项目经验。希望能结交更多志同道合的朋友。
展开
-
微信小程序动态tabBar实现:基于自定义组件,灵活支持不同用户角色与超过5个tab自由组合(更新版)
在开发小程序过程中,有个需求是,小程序底部的tabBar需要根据不同用户角色显示不同底部导航。这里不用管tabBar的list超过5个,因为后面是使用自定义组件,完全接管 tabBar 的渲染。2、本示例是7个底部导航,分2种权限,权限1显示1,2,3;权限2显示4,5,6,7;3、当然你也可以自由其他组合,比如:权限1显示1,4;权限2显示1,2,3,4;另1种权限显示4个按钮(这里做的是显示4,5,6,7导航)1种权限显示3个按钮(这里做的是显示1,2,3导航)修改好权限后,记得要重新编译哦。原创 2024-01-04 09:18:43 · 13717 阅读 · 43 评论 -
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
如果你使用的是 webpack v5 或以上版本,你不需要安装这个插件。uni cli在App平台,仅支持生成离线打包的wgt资源包,不支持云端打包生成apk/ipa;此时,会提示选择项目模板(使用Vue3/Vite版不会提示,目前只支持创建默认模板),初次体验建议选择 hello uni-app 项目模板。在 HBuilderX 中,点击“运行”编译出来的代码是开发环境,点击“发行”编译出来的代码是生产环境。提供有完整的cli 脚手架,可以通过 vue-cli 创建、运行、发行 uni-app 项目。原创 2023-10-21 18:22:01 · 3625 阅读 · 0 评论 -
uni-app多端应用开发:常见跨端兼容问题及处理策略
每个端有每个端的特点,有的能被抹平,有的不可能被抹平。跨端,不是把web的习惯迁移到全平台。而是按照uni的写法,然后全平台使用。按照uniapp规范开发可以保证多平台兼容,但每个平台有自己的一些特性。uni-app在跨平台的过程中,不牺牲平台特色,不限制平台的能力使用。应用开发中,90%的常规开发,比如界面组件、联网等api,uni-app封装为可跨多端的API。而各个端的特色功能,uni-app引入条件编译。可以优雅的在一个项目里调用不同平台的特色能力。原创 2023-10-20 09:14:52 · 4811 阅读 · 0 评论 -
uni-app开发微信小程序的报错[渲染层错误]排查及解决
通常情况下,在小程序启动时,启动页面依赖的所有代码包(主包、分包、插件包、扩展库等)的所有 JS 代码会全部合并注入,包括其他未访问的页面以及未用到自定义组件,同时所有页面和自定义组件的 JS 代码会被立刻执行。在这个配置中,button 和 list 两个自定义组件是跨分包引用组件,其中 button 在渲染时会使用内置组件 view 作为替代,list 会使用当前分包内的自定义组件 simple-list 作为替代进行渲染;在这两个分包下载完成后,占位组件就会被替换为对应的跨分包组件。原创 2023-10-12 16:27:03 · 10506 阅读 · 0 评论 -
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
对于大部分APP或网站而言,字体是很重要的一部分。在前端开发中,选用合适的字体往往会极大地提升网站的视觉体验。然而,网页中默认字体的种类和风格有限,且在不同的设备、浏览器上渲染效果不尽相同。因此,很多开发者会选择自定义字体来提升用户体验。原创 2023-10-11 17:56:30 · 2629 阅读 · 0 评论 -
微信小程序OCR插件,实现身份证、行驶证、银行卡、营业执照和驾驶证等识别
随着科技的不断发展,图片识别技术已经成为了当下移动互联网中的热点话题。而基于微信小程序和 OCR 插件的图文识别方案,更是成为了越来越多小程序开发者关注和研究的问题。本文中,我将为大家介绍微信小程序 OCR 插件,帮助大家实现身份证、行驶证、银行卡、营业执照和驾驶证等识别功能。原创 2023-08-17 17:34:34 · 3396 阅读 · 3 评论 -
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
使用uniapp开发微信小程序时主包太大和vendor.js过大无法打包的问题在uniapp开发小程序这一块,相信很多开发者都遇到过代码体积太大无法打包的问题,这时候就要优化小程序包大小。下面分享一下我的解决思路。希望能给大家一些帮助吧。原创 2024-01-22 10:15:06 · 27843 阅读 · 4 评论 -
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
下拉刷新和上拉加载是业务上一个很常见的需求,在微信小程序里,提供了下拉刷新的方法 onPullDownRefresh。最近在开发一个微信小程序项目,里面用到了下拉刷新重新加载数据的功能。做完后做了下总结。使用的是uni-app开发的,所以就以uni-app为例。原创 2023-06-16 16:14:43 · 4272 阅读 · 0 评论 -
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
3.如果在特定页面需要自定义分享内容,也仍旧可以使用页面的 onShareAppMessage() 和 onShareTimeline() 方法自定义分享的内容,全局的分享会被页面定义的分享内容覆盖。开发过小程序的朋友们应该都遇到这样的情况,可能很多个页面有相同的函数,例如onShareAppMessage,有什么最佳实践吗,应该如何处理呢?如果你的小程序,发现他的【转发给朋友】的按钮时灰色的,不能点击,那么说明这个小程序没有写这部分的代码。很常见的功能,但是这几个功能,并不是你项目建起来了就有的。原创 2023-06-14 13:55:55 · 11141 阅读 · 4 评论 -
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
话不多说,先看下问题描述:使用uni-app开发微信小程序项目,使用的是Vant Weapp实现Tab标签页。要实现跳转过来,显示默认的当前tab。原创 2023-06-06 14:15:58 · 2241 阅读 · 1 评论