微信小程序开发边做边学 课件 知识点篇-微信小程序第6章 驾校考题案例_第1页
微信小程序开发边做边学 课件 知识点篇-微信小程序第6章 驾校考题案例_第2页
微信小程序开发边做边学 课件 知识点篇-微信小程序第6章 驾校考题案例_第3页
微信小程序开发边做边学 课件 知识点篇-微信小程序第6章 驾校考题案例_第4页
微信小程序开发边做边学 课件 知识点篇-微信小程序第6章 驾校考题案例_第5页
已阅读5页,还剩12页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

小程序开发从入门到实践知识点课程练习模块开发驾校考题案例知识点小程序开发wxml文件引用WXML提供两种文件引用方式import和include。其中import可以用来引用template模板,在开发中可以避免相同模板的重复编写,而include适合引入组件文件。importimport可以在该文件中使用目标文件定义的template,例如:在index.wxml中引用了item.wxml,就可以使用item模板:小程序开发2.import的作用域import有作用域的概念,即只会import目标文件中定义的template,而不会import目标文件import的template。CimportB,BimportA,在C中可以使用B定义的template,在B中可以使用A定义的template,但是C不能使用A定义的template。小程序开发3.includeinclude可以将目标文件除了<template/><wxs/>外的整个代码引入,相当于是拷贝到include位置,例如右图所示小程序开发各类练习页面逻辑修改各类练习页面逻辑修改主要包括页面引用、文件修改两个部分。页面引用单击编辑器中项目目录结构区右上角的“…”按钮,打开驾校考题的项目目录,打开pages文件夹,复制pages文件夹中的answer_classify、answer_chapter、answer_info和answer_common文件夹,打开doudouyun项目目录,在pages文件夹中新建answer文件夹,将复制的文件黏贴至answer文件中,另外将驾校考题中的public文件夹拷贝至doudouyun项目目录下,其中public与pages在同一级目录下。完成以上操作操作后,doudouyun项目的项目目录结构如图所示。便是页面引用完成。小程序开发2.文件修改文件修改主要包括新增的三个页面对应的js文件、以及douban.js文件的修改,其中每个页面的js文件需要修改两处,一个是引入douban.js文件对应的相对路径的修改,另一个则是做题功能实现所需的url的修改小程序开发完成练习功能模块小程序的data-*属性先简单介绍一下事件对象,如无特殊说明,当组件触发事件时,逻辑层绑定该事件的处理函数会收到一个事件对象。其中BaseEvent基础事件对象属性列表详见表。属性类型说明typeString事件类型timeStampInteger事件生成时的时间戳targetObject触发事件的组件的一些属性值集合currentTargetObject当前组件的一些属性值集合markObject事件标记数据小程序开发

其中type代表事件的类型,timeStamp为页面打开到触发事所经过的毫秒数。Target为触发事件的源组件,其属性详见表。属性类型说明idString事件源组件的iddatasetObject事件源组件上由data-开头的自定义属性组成的集合currentTarget为事件绑定的当前组件,其属性详见表。属性类型说明idString当前组件的iddatasetObject当前组件上由data-开头的自定义属性组成的集合总结:dataset是data-开头的自定义属性组成的集合,在组件节点中可以附加一些自定义数据。这样,在事件中可以获取这些自定义的节点数据,用于事件的逻辑处理。小程序开发作业思考.讨论题讨论对驾校考题几个页面的理解。view组件中data属性如何实现向JS传值?什么情况下赋值不能使用this.setData,要使用that.setData?if(collection)、if(collection==true)、if(!!collection)的区别?为什么data属性中定义的urlParam,js中使用urlParam无法获取数值?小程序开发作业思考二.

单选题

以下关于容器属性说法错误的是?flex-wrap属性用于规定是否允许项目换行,以及多行排列时换行的方向justify-content属性用于设置项目在主轴方向上的对齐方式align-items属性用于设置项目在行中的对齐方式align-content属性用于多行排列时设置项目在中线上小程序开发作业思考2.进度条Progress的哪个说法是错误的?percent控制进度条百分比show-info在进度条右侧显示百分比color改变进度条的颜色active_modeforwards控制动画从头播放,backwards从上次结束点开始播放二.单选题小程序开发作业思考

3.下列对于text属性描述错误的是?selectable用于控制文本是否可选space可以显示连续空格decode可以控制是否解码ensp可以根据字体设置空格的大小4.WXML中getBlur和getInput的区别是?getBlur限制最大字符长度限制为10getInput限制最大字符长度限制为10使用getBlur当文本失去焦点,就会触发JS函数,使用getInput当变量修改时才触发函数getInput可以禁止输入框输入文字二.单选题小程序开发作业思考

5.以下关于项目属性说法错误的是?order属性用于设置项目沿主轴方向上的排列顺序,数值越大,排列越靠前flex-shrink属性用于设置项目收缩因子flex-grow属性用于设置项目扩张因子flex-basis属性根据主轴方向代替项目的宽或高二.单选题6.小程序创建工程显示:cetificateisnotyetvalid可能的原因是?小程序语言设置错误小程序Appid设置错误小程序新建地址错误电脑时间未设置为当前时间解析:系统时间不正确会导致工程无法正常创建小程序开发作业思考7.以下关于容器属性flex-direction的说法错误的是?row:默认值,主

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论