微信小程序课程-第七章 微信小程序作业

第七章更多电影与电影详情填空题1.微信小程序的onLoad(option)函数中如何获取________URL请求?QUERY=？参数的值.答案：option.query。2.微信小程序使用________API实现页面下拉刷新效果。答案：onPullDownRefresh。3.在微信小程序中设置______禁止下拉。答案：“enablePullDownRefresh”:false。4.实现动态设置导航栏loading图标需要用到______方法。答案：wx.showNavigationBarLoading和wx.hideNavigationBarLoading5.页面上滑上拉触底事件的处理函数API是________答案：onReachBottom判断题1.页面跳转中使用url的query的参数传递可以通过在跳转到对应的页面js文件的onLoad(options)方法中使用options.参数名的方式获取(√)2.对应实现页面的下拉刷新只需要实现页面中onPullDownRefresh方法即可(×)3.微信小程序中在调用基于Promise方式封装的http请求方法，必须要求在被调用方法声明中使用“async”关键字(√)在微信小程序中可以使用wx.setNavigationBarTile(Object)方式实现动态标题(√)scroll-view组件是一个可滚动视图区域的组件，可以支持横向滑动和纵向滑动，使用竖向滚动时，必须需给scroll-view一个固定高度，通过WXSS设置height。(√)选择题微信小程序中scroll-view组件属性是(ABD)A.scroll-xB.scroll-yC.heightD.enable-flex2.下列关于微信小程序中动态设置导航栏标题和loading图标说法错误是(C)。A.微信小程序页面标题可以通过配置文件与调用方法两种实现方式。B.相比wx.showToast提示动态导航loading图标的提示方式侵入性更小，用户体验更好。C.wx.showNavigationBarLoading方法必须与wx.hideNavigationBarLoading配对使用，否则程序会报异常。D.由于版本兼容的问题，在onLoad函数中调用wx.showNavigationBarLoadin方法存在风险，更加推荐在onReady方法中进行调用。3.下列选项中，关于小程序中页面实现下拉刷新与上滑加载数据说法错误是(C)A.在实现页面下拉刷新步骤中先必须要在json配置文件中配置enablePullDownRefresh选项为“true”。B.实现下来刷新的逻辑处理需要在Page对象中onPullDownRefresh方法即可。C.在实现上滑加载数据功能，除了需要实现Page对象中onReachBottom方法，同时也许在json配置文件中相关属性。D.在实现下滑刷新功能步骤终最后需要调用wx.stopPullDownRefresh方法停止页面刷新状态。4.下列选项中，关于使用Promise封装Http请求数据说法错误是(D)。A.在调用基于Promise封装http请求数据的方法，被调用的方法声明必须使用“async”关键字。B.在调用基于Promise封装http请求数据的方法，必须使用”await”关键字。C.使用基于Promise封装http请求的方法，可以避免“回调地狱”编程方式。D.在微信小程序中使用基于Promoise封装http请求方法有版本的限制，需要谨慎使用。5.下列关于scroll-view组件描述错误的是(B)。A.scroll-view组件是可滚动视图区域B.scroll-into-view的值是某子元素的id(id允许数字开头)C.scroll--top设置竖向滚动条位置D.scroll-left设置横向滚动条位置简答题1.简述微信小程序中如何禁止下拉？请简单描述如何在自定义组件中处理组件的公共逻辑？简述如何封装微信小程序的数据请求。编程题通过基于Promise封装后的http请求的方法，重构电影首页的功能。参考实现步骤：步骤一：引入已经封装request.js模块。在moives.js中导入request.js模块，示例代码如下：import

request

from

'../../util/request'步骤二：修改movies.js中处理请求服务器数据方法bindMoviesDataByCategory，示例代码如下：

//

基于不同url对http请求获得服务器数据进行封装

async

bindMoviesDataByCategory(url,

data

=

{},

settedKey,

categoryTitle)

{

let

httpData

=

await

request(url,

data);

cessMovieData(httpData,settedKey,categoryTitle);

},步骤三：修改moives.js的onLoad方法，示例代码如下：/**

*

生命周期函数--监听页面加载

*/

onLoad:

function

(options)

{

//

绑定正在热映的电影数据

this.bindMoviesDataByCategory("/movie/in_theaters",

{

start:

1,

count:

3

},

"inTheaters",

"正在热映");

//

绑定即将上映的电影数据

this.bindMoviesDataByCategory("/movie/coming_soon",

{

start:

1,

count:

3

},

"comingSoon",

"即将上映");