摘要: tab栏(标签切换栏)是app中常见的一种交互方式,它可以承载更多的内容,同时又兼顾友好体验的优点。但在小程序中,官方并没有为咱们提供现成的组件。因此我们程序员展现才艺的时候到了(其实市面上的ui库也做了这个组件)。今天咱们就来实现一个对用户更加友好的tab栏,让用户“一点”就停不下来,起到解压的功效~~! 阅读全文
posted @ 2019-01-12 20:12 code_xia 阅读(15554) 评论(1) 推荐(3) 编辑
摘要: 一、摘要 组件是小程序整个语法中占比比较大的一部分,没写过组件可以说只懂了半个小程序。组件提供了类似页面的生命周期与逻辑。相比于模板,组件能实现的功能更加全面,也更为强大。通过slot可以自由扩展组件,使组件更具有扩展性,使用起来也不会有太大的局限性。要说不足之处:在目前最新的2.4版本都不能实现组 阅读全文
posted @ 2018-12-06 09:49 code_xia 阅读(6928) 评论(3) 推荐(0) 编辑
摘要: 自从16.8.0加入hook后,在小项目中已经不需要依赖redux或者mobx进行状态管理了。 通过使用useState就可以轻松创建状态,然后再结合useContext以及createContext 就可以实现在任何组件中访问state。 废话不多说,直接上代码。 // App.tsx impor 阅读全文
posted @ 2020-06-24 17:12 code_xia 阅读(499) 评论(0) 推荐(0) 编辑
摘要: 前言 在如今mvvm框架大行其道的时代,页面组件化开发已经是每位前端开发人员必备的基本素养。事实上不仅仅是web前端领域,甚至是安卓客户端开发也使用上了mvvm的思想理念。那么怎样去以组件化的方式去思考问题呢?在小程序中怎样使用组件才是最佳的姿势呢? 有必要组件化吗 按照JQuery时代的方式,将设 阅读全文
posted @ 2019-04-13 15:47 code_xia 阅读(870) 评论(0) 推荐(0) 编辑
摘要: 一、摘要 小程序中我们会经常使用到this.data与this.setData。其中this.data是用来获取页面data对象的,而this.setData是用来更新界面的。那么他们之间的区别与联系你真的搞懂了吗? 二、正文 this.data可以获取页面data对象,但是它返回的对象到底是新的对 阅读全文
posted @ 2018-09-16 22:59 code_xia 阅读(12517) 评论(2) 推荐(2) 编辑
摘要: 今天在使用scroll-view组件的时候发现结果跟预想的不一样。其实也不是第一次用了,同样的写法却出现了意料之外的效果,所以认定是bug了。博主使用的是2.3.0版本,所以之前的版本应该也会有这个bug。 阅读全文
posted @ 2018-09-15 17:35 code_xia 阅读(5590) 评论(0) 推荐(0) 编辑