微信小程序demo,

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/u011592708/article/details/70169824

微信小程序的帮助手册,个人觉得这个比腾讯自己的详细:

http://www.w3cschool.cn/weixinapp/9wou1q8j.html

微信小程序的页面用的较多的是view 标签,这个标签很像html中的div 比较大的模块。

小程序中的打的骨架就可以用view 来做。

但是小程序不支持dmo 的方式的寻找页面的节点 ,它不支持last-childern    class:first 这种的都不支持。所以要使用一个事件响应的这个元素去获取他的子元素或者旁元素都是获取不到的。

 1. 如何通过响应的控件来获取其他的控件的数据,我们可以用程序的自带的data-* 这个标签把数据放入到响应的标签中通过事件获取。data-xxx 不能有数字

<view data-tip="{{input_value}}"  bindtap=" dogetinputdata">

             <input type="text"  bindinput="doimput"  vaule="">

      </view>

     doimput:function(event){    var data = event.detail.value; this.setData({input_value:data })   },

    dogetinputdata:function(event){ var data =evnet.currentTarget.dataset.tip ; console.log(data)} 获取到数据

2.为什么flex-derection 不管用  ;

    有时候需要设置view 为 display :flex 这样设置的下面的 再设置 flex-derection:row /column 就会起作用 。很多时候我们使用后隐藏如果 display:none 之后 再使用display:block可能就会出现界面上的view 变了


3.在css中使用了background-image 之后就会使用url 这个时候使用了url 这个图片在本地开发工具会显示,本地显示但是手机上不显示?

   由于我们使用的是url 会中网络加载这个资源,这个图片应该放到一个服务器上才会加载上了,这个时候我们可以对图片进行base64位的编码,然后使用就不许要非得上传图片到服务器了。


4.连接的url 寻址失败

 在跳转连接的时候发现跳转不过去,跳转的文件需要跳转到本目录下的一个子目录的页面跳转失败我觉得不是我寻址的问题,寻址都好好的,然后我就把跳转的页面放到一个目录,待跳转的放入兄弟目录,就可以跳转了


5.js中如何在本模块内使用全局变量

    在js 中的 data:[] 里面的数据时可以全局的访问的。 我们需要使用它就使用 this.data.*  就能获取到data 里面的数据,通过下面的方法来更新这个数据。达到本模块中全局变量

6.关于隐藏模块

   wx.if 的使用会增加消耗,如果频繁的隐藏和显示,建议使用hidden , 当然使用  display 的 none 与 block 都是可以的。

7.暂时不知道如何在js中去调用js ?


展开阅读全文

没有更多推荐了,返回首页