前端开发 - 微信小程序
初次开发小程序,对于小程序的看法:小程序就是一个工具,里面有成型的方法,有可直接调用的接口,开发者就像在使用一个制作工具一样,所以,作为一个开发者要善于利用小程序所基于的平台,运用它自身的方法去使用。
一、小程序使用规则:
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>中进行。
页面布局如下:
请发表评论