微信小程序开发
文章平均质量分 69
踩坑记录,项目的仓库地址:https://github.com/Joy917/signgo
Joy_917
一个被修电脑耽误的民谣厨子
展开
-
vant tabbar遮挡内容的解决方式
vant tabbar 遮挡内容是由于cover-view的自定义组件实现形式导致的,与内容元素并不是同级关系。可以使用一个空view占位来解决原创 2022-06-12 22:08:21 · 6568 阅读 · 16 评论 -
vant popup+其他组件的组合使用,及避坑指南
做小程序开发,相信大家对于表单收集肯定不陌生。但是我们经常会碰到一些比较稍微复杂的选项,并不是简单的填一些文字,数字,或者选择一下是否就能搞定的。可能需要交互判断,或者结合其他自定义组件才能很好的展示出来,但这种组件往往都很占空间,如果一股脑都叠罗汉似的放到表单里,页面会显得非常拥挤。那么如何解决这个问题呢?常见的方式有,popup弹出层、跳转新页面等等。其中跳转页面的加载卡顿和不连续感会影响用户体验,除非是单独的多项收集页面,信息量很大那另说。所以在实际应用中,popup弹出层是最常见的...原创 2022-06-10 22:53:47 · 4702 阅读 · 0 评论 -
引入 vant-weapp tabbar 并适配 pagePath跳转
之前的专栏文章有提到过引入三方组件库的必要性,因为官方的很多组件扩展性很差,甚至很多常用的组件都没有,比如 popup,自己又不想重复造轮子(目前的前端实力也不允许~)。但是引入组件库之后,又会导致一些其他问题,就拿tabbar来说,原生的tabbar,只需要在app.json文件里定义好tabbar的配置,然后在具体的page里写逻辑就好了,框架会自动判断当前tab页并渲染,然后执行对应page的逻辑代码,如下:"tabBar": { "list": [{ "pagePath.原创 2022-05-03 12:23:09 · 2420 阅读 · 3 评论 -
UI组件库的引用方式
一、引入组件库:引入官方组件库有两种方式,分别是:通过npm下载依赖项到本地,以及在 app.json 中设置 useExtendedLib: { "weui": true}。后者引入的组件不会计入代码包大小。Tips: 因为小程序的代码包有上限,目前总包是 20M,每个分包/主包大小不能超过 2M。简单理解就是主包在小程序启动的时候会默认加载启动,分包在需要的时候才会下载并加载,用来提升小程序初次加载速度。但是实际在使用中,我们经常用到的 tabbar 组件(和其他组件),往往需要搭配图标使用原创 2022-04-08 02:32:08 · 2003 阅读 · 0 评论 -
开发者工具的基本设置
笔者环境:macos Monterey12.3版本 + 24寸显示器,大家可以根据自身环境进行适当微调一、编辑器&终端其实主要也就是终端显示和字体大小,macos上默认终端字体拉伸太严重,用 monospace等宽字体代替{ "editor.fontFamily": "Consolas", "editor.fontSize": 16, "editor.lineHeight": 24, "files.autoSave": "off", "editor..原创 2022-04-05 21:31:48 · 2238 阅读 · 0 评论 -
写在开头的一些话
其实我自己也是个小程序新手,但是好歹有过其他领域的开发经验,还是可以触类旁通的。本身这个专栏叫「从零开始-小程序开发」,想做成一个完整记录的专栏,但是考虑到各大平台,包括微信开放平台本身都有丰富的各个阶段的教程。所以最终还是决定以记录开发过程中遇到的疑难点这种风格,穿插着记录一些关键的知识,毕竟我碰到的问题可能有的同学也会碰到,权当做抛砖引玉了:)先记一下自己开发小程序的整体计划:基础学习:a. 官方的教学视频,官方用五个简单的小视频,以开发一个名片小程序为线索,介绍了包含:开发者注册,开.原创 2022-04-04 01:59:01 · 701 阅读 · 0 评论 -
场景值获取
如上图,初始化后的项目,app.js 中 onLaunch() 方法在小程序初始化完成时,可以指定参数 options,也就是小程序里的场景值对象。简单来说也就是从哪里进入小程序页面的。它的基本组成:{ mode: "default" path: "pages/index/index" query: {} referrerInfo: {} scene: 1001 shareTicket: undefined __proto__: Object}scene 为场景code,有可能是.原创 2022-04-04 01:04:14 · 593 阅读 · 0 评论