美文网首页
小程序心得

小程序心得

作者: 泪花烟熏妆 | 来源:发表于2019-02-28 22:10 被阅读0次

1.小程序里面所有的变量都需要用{{}}包裹起来。

2.小程序设置自定义属性通过data-xx,获取属性值是e.currentTarget.dataset.xx的方式获取。input等输入框的☞通过e.detail.value的方式获取。

3.使用template模板时,在需要使用模板的页面通过<import src="xx" />的方式引入,如模板内容需要添加点击事件,可以通过给模板添加点击事件然后触发事件,通过引入js来调用事件。

4.组件使用

1)首先创建组件,然后在需要使用组件的页面json文件引入组件usingComponents:{''name":"地址"},在页面中调用组件。

2)组件传参,可通过在组件写参数传递,通过properties属性接收eg:name:{type:String,value:''""},value用于设置默认值。如js其他地方需调用属性值可通过this.data.name

5.页面里面不能写过于复杂的运算,最多3元运算

6.通过设置tabbar的页面切换只能通过wx.switchtab,通过其他几种方式进行页面跳转无效。

全局的tabbar不可配置个数。

7.页面回退可通过wx.navigateBack({belta:1}),1表示回退几级。

8.页面传参

1)页面跳转传参:通过wx.navigateTo(url:"xxx?="+参数),可在下一级页面的options参数里面进行获取。

2)页面返回参数:页面返回时传递参数可通过修改上级页面的data值

eg:let pages = getAppPages();//所有页面的实列

let prePage = pages[pages.length-2];

prePage.setData({xx:xx});

9.小程序的全局参数wx.globalData

10.使用阿里矢量图库,通过在阿里矢量图库里面创建项目,然后添加所需图片到项目生成样式文件,项目里面通过引入,即可使用矢量图,矢量图比较小可以节约内存,可通过字体大小改变矢量图。

11.可使用小程序ui框架,例如:wux

12.scroll-view滚动需要设置高度:可以通过js动态设置高度,也可通过flex布局,通过设置外层包裹sroll-view的元素为flex:1,然后给外层设置任意高度height;0,设置scroll-view 高度100%,即可实现scroll-view铺满剩余屏幕,这个方法简单实用。

13.小程序不得超过2M,超过2M需分包加载,分包加载不得超过4M,一个小程序账号只能发布一个小程序

未完待续。。。。。。

相关文章

  • 小程序心得

    1.小程序里面所有的变量都需要用{{}}包裹起来。 2.小程序设置自定义属性通过data-xx,获取属性值是e.c...

  • 手把手带你做项目,3周学会小程序

    初衷 自微信小程序出道以后不断升温,各行各业都在尝试使用小程序。所以小编特此把自己编写小程序过程中遇到的问题,心得...

  • 小程序开发心得

    最近我们要上小程序的项目,作为一名开发人员首当其冲的要参与研发攻坚~ 大家或多或少的应该对小程序有所耳闻,...

  • 小程序开发心得

    小程序开发前后用了半个月结束了,对于其中遇到的一些注意事项记录一下:1.小程序中 登录设计2.数据缓存清除问题3....

  • Alpha小程序心得

    1.上传了任何图片以后多图文选项上。注意“描述”该图片特性,有助于导航和提高B格。 2.文章和图片展示全依靠:“自...

  • 小程序开发心得

    通过三周的时间,经历了一次完整的前后端分离的开发过程,下面说说我对小程序新的理解和一些前后端分离的看法。 开发前准...

  • 2018-08-23

    小程序初次使用心得体会 之前是用vue来做开发的,最近刚开始谢小程序,写过小程序的小伙伴都知道,小程序和vue是比...

  • 学习小程序之零到一的经验分享1

    文章记录了本人学习小程序从零到一过程。把心得分享出来个有需要的人阅读。 小程序是什么? 小程序特点是什么? 在前面...

  • 新手转战小程序开发心得

    小程序开发心得 得益于会react,会点jQuery,也会点vue,研究了一下小程序,发现这东西有好处也有坏处。 ...

  • 关于客户,关于小程序的一些碎碎念……

    今天分享一些心得体会和小程序未来发展趋势: 1:每天找我咨询小程序的客户超过50个,最近也统计去年咨询过小程序的客...

网友评论

      本文标题:小程序心得

      本文链接:https://www.haomeiwen.com/subject/xikluqtx.html