
小程序
文章平均质量分 69
小程序知识汇总总结
樊小书生
前端开发工程师
展开
-
小程序横屏兼容处理
小程序竖屏采用 rpx 自适应,横屏采用 vmin 自适应,提供 rpx/px 到 vmin 的转译。原创 2022-04-11 21:45:53 · 1886 阅读 · 0 评论 -
微信开发者工具 Source Map 的使用
在小程序后台 -》开发管理 -》运维中心 -》 错误日志 中可以看到小程序运行中的报错信息,但是代码都是压缩混淆的,那就需要如何去定位,下面说明说如使用微信开发者工具 Source Map。下载微信开发者工具微信开发者工具下载sourceMap文件在小程序后台 -》开发管理 -》运维中心 -》错误日志 可以下载线上最新版本的 Source Map 文件。下载的 sourceMap 的目录和文件说明:1. `APP` 是主包,`FULL` 是整包(仅在不支持分包的低版本微信中使用),其他原创 2021-12-11 15:26:12 · 5856 阅读 · 0 评论 -
uni-app钉钉小程序兼容性总结
uni-app钉钉小程序兼容性总结本总结基于最开始使用 uni-app 开发的微信小程序,后续又需要开发钉钉小程序。首先钉钉小程序需要自定义条件编译平台,在 package.json 文件中增加 uni-app 扩展节点,如下:{ ... "uni-app": { "scripts": { "mp-dingtalk": { "title":"钉钉小程序", "env": { "UNI_PLATFORM": "mp-a原创 2021-01-14 10:12:58 · 4146 阅读 · 2 评论 -
小程序tabBar右上角添加角标
小程序可以在 pages.json 中使用 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页。关于 tabBar 的配置可以查看 https://uniapp.dcloud.io/collocation/pages?id=tabbar 。但我们有时候在某个 tab 展示角标,比如微信第一个 tab 的未读消息提示,第三个 tab 的朋友圈未读消息,这些信息是不能通过 pages.json 中的 tabBar 来配置的,而是使用如下API进行设置:uni.setTabBarB原创 2020-07-28 00:09:21 · 2949 阅读 · 1 评论 -
uni-app开发小程序总结
最近开发项目中使用 uni-app 开发了 微信小程序,整个体验下来还算流畅,下面做一些总结:HBuilderX安装HBuilderX安装的时候选择标准版,不要下载APP开发版,至于uni-app编辑都可以在标准版里面通过插件安装或者是直接通过vue-cli命令行创建项目,另外就我个人使用之后,APP开发版编译小程序的时候,有时候会导致编译出来的小程序页面空白(只剩下<page></page>)。微信开发者工具HBuilderX运行/发布微信小程序在编译完成之后会尝试打开微信原创 2020-07-25 22:08:00 · 2704 阅读 · 1 评论