范围:深圳yaboapp开发,软件定制开发,yaboapp软件开发公司,深圳软件外包公司.TEL:3447249690
当前位置:首页 > app小程序

yabo-微信小程序前端开发经验分享

06-27 yaboAPP
摘要:假如你是新手,保举你先看官方文档,假如你在开辟小法式进程中碰到一些不懂的处所,可以看看这篇文章会不会给你开导。

假如你是新手,保举你先看官方文档,假如你在开辟小法式进程中碰到一些不懂的处所,可以看看这篇文章会不会给你开导。

细则

1、优先利用rpx替换px。

2、设计图凡是依照iPhone6的基准。

3、当利用一些交互组件时,优先从官方组件里面遴选,没有再自界说组件。

4、自界说组件凡是依照以下格局来写js。

Component({

options: { multipleSlots: true },

properties: { data: { type: String } }, methods: { handleClcik: function (e) { if (!!e) { //handleClcik近似一个回调函数,点击当前自界说组件的某个按钮触发 this.triggerEvent(\'_handleClcik\', e) } } } })

5、自界说组件还需要增添json文件。

{

component: true

}

6、自界说组件的wxml和wxss和官方组件写法一样。

7、事务凡是以catch或bind开首,事务函数用双引号括起来,固然单引号也是可以的。catch和bind的区分是前者不会冒泡,后者撑持冒泡。

8、假如你的page援用了某个自界yabo说组件,需要在json设置装备摆设路径,不然不克不及在page里面挪用。

{

usingComponents: { myComponent: /components/MyComponent/myComponent } }

9、在page里面挪用自界说组件也很简单,下面这类体例。_handleClcik对应自界说组件里面的triggerEvent。

data={{data}}

bind:_handleClcik=_handleClcik

10、组件中的事务若何传递参数呢?这就需要用到HTML5的 data-xx 了。

bindtap=handleClcik

data-item={{data}}

{{data}}

接着你可以按照上面用到的triggerEvent传递的e,将数据和函数一路传递给父组件中获得履行。

_handleClcik: function(e) { console.log(e) //打印它,你会看到当前点击对象的实例。 }

11、小法式没有window对象,所有原生组件(包罗view)、自界说组件等,经由过程操作它们的实例,可以获得到组件的信息(好比高度)。 let query = wx.createSelectorQuery() query.select(\'#id\').boundingClientRect() query.exec((res) => { console.log(res) //当前组件实例的属性 })

12、onReady是确保你的组件已实例而且衬着完成的函数。

13、更新数据经由过程 this.setData({}) 来完成,这类行动很像React,但在小法式中是同步的操作。

14、给组件绑定命据就很简单了,2个年夜括号 {{data}}。

15、在组件中设置三元表达式。有时辰,我们需要用三元表达式判定样式。

style=color: {{isRed: \'#f00\' : \'#fff\'}}

总结

临时只想到这些,更多的用法在官方文档有具体申明。

相干资讯:微信小法式微信小法式开辟教程

版权保护: 本文由 yaboapp开发 原创
转载请保留链接: http://www.

关于我们      深圳yabo定制开发软件有限公司,自2013年成立以来,为上千家企业提供软件外包、系统软件开发、yaboapp开发、微信公众号开发、深圳yabo小程序开发等各种优秀的软件定制开发服务.关键词:软件外包公司、手机软件开发、app制作开发、手机yaboapp开发、小程序开发公司【TEL】:3447249690 微信:3447249690 QQ:3447249690
  • 1578文章总数
  • 13访问次数
  • 建站天数