• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序 - 常见问题总结

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

  前端开发 - 微信小程序

  初次开发小程序,对于小程序的看法:小程序就是一个工具,里面有成型的方法,有可直接调用的接口,开发者就像在使用一个制作工具一样,所以,作为一个开发者要善于利用小程序所基于的平台,运用它自身的方法去使用。

  一、小程序使用规则:

    1、常用元素包括view、button、text等,其中view相当于HTML中的div,使用频率最高

    2、wxs不直接操作DOM,只负责管理状态,通过{{}}将一个变量绑定到界面上(数据绑定),在页面中可以使用if/else,for等控制能力,控制能力都用wx:开头的属性来表达

    3、小程序不支持Window和document对象,所以在小程序中是不能使用jQuery和其他包含这两个对象的插件的

    4、在js文件中引用其他js文件:var util = require(\'../../utils/util.js\')

    5、在小程序中自定义弹框:可在页面中直接使用<modal>标签包裹,调用时设置显示与隐藏即可

      

 

    二、小程序坑之 - video

    1、视频上悬浮其他元素:video层级很高,在模拟器上无法体现。若想在video上悬浮元素的话,需使用<cover-view>标签,注意在该标签中的子标签都应用<cover-view>或<cover-image>,但使用该标签后,在安卓上还是无法悬浮,但在IOS系统上是可以悬浮在video上的。

    2、视频固定在页面顶部,下方列表可以滚动:开始我使用上方video用元素包裹,下方列表用<scroll-view>包裹,按理说是没问题的,但是在滚动页面过程中,视频下方黑色的部分会随着页面滚动,效果很不好,视频根本无法固定在顶部不动。。

       解决方法:在该页面的json文件中设置"disableScroll": true,即禁止页面滚动,所以页面中可以滚动的部分就只有<scroll-view>啦!要注意的是整个页面的高度不能超过屏幕高度,即滚动只是在<scroll-view>中进行。

    页面布局如下:

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序遇到的问题发布时间:2022-07-18
下一篇:
微信小程序的原理及技术理解 - isote发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap