小程序模板网

微信小程序中的position问题,自定义函数学习使用

发布时间:2018-04-17 11:41 所属栏目:小程序开发教程

 

作者:WickedDogg,来自原文地址 
如果同时将一个position不为static的容器内的多个块position设置为absolute,开发者工具和安卓端会正常表现,即从容器左上角开始算起,依据设置的top,right,bottom,left来定位,像下面这样

而在测试iOS时候,表现有所差异,如果只设置某一边,比如说我设置了蓝块的top=0,黄块的bottom,那么我们期待的应该是这样表现

但实际上在ios上测试的时候出现了这样的情况

在ios中,为了表现效果,设计者将position的某些情况做出了一定的调整,但是这些调整对于开发者来说并不一定友好,这种情况下就需要开发者做出一定的调整。

上面这种情况其实很好解决,只需要在两个方向上设置一定的值就行了,比如将黄块的left设置为0,就和图二表现一样了。

小程序的开发者工具只能观察到在不同大小的屏幕和dpi上的表现情况,而实际上开发者工具,安卓端,ios端三个平台的内核有所不同

  • 开发者工具上小程序是运行在nwjs内核上
  • 安卓端小程序运行在X5内核中
  • ios上小程序运行在JavaScriptCore中

所以搞清楚这些差异,有些问题就好理解了。

 

二:自定义函数的使用

作者:汜慕魂落,来自原文地址 
最近在给学校搞个党费计算器。需要自己定义函数来实现某个功能。

1、无参函数:

函数都是写在js文件里面的。

 

				
  1. Page({
  2. data:{
  3. income1:'0',
  4. },
  5. cal:function(e){
  6. this.setData({
  7. income1:e.detail.value.input11,
  8. })
  9.  
  10.  
  11. var in11=parseFloat(this.data.income1);
  12.  
  13. var m2=this.dd();//计算所得税,比较麻烦。
  14. this.setData({
  15. incomeTax:m2
  16. })
  17. },
  18. dd:function (){return 5;
  19. }
  20. })

var m2=this.dd();调用函数的方式

定义函数的格式,dd为函数名字

 

				
  1. dd:function(){
  2.  
  3. return 5;
  4.  
  5. }

2、有参函数

在上面的基础上稍加修改:

var m2=this.dd(6);调用函数的方式

定义函数的格式,dd为函数名字

 

				
  1. dd:function(n){
  2.  
  3. n=n+1
  4.  
  5. return n;
  6.  
  7. }

最后的计算结果为 7



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23552.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询