微信小程序开发边做边学 课件 知识点篇--微信小程序第6、7章 驾校考题案例、签到测距模块开发.pptx

小程序开发从入门到实践

知识点课程练习模块开发

驾校考题案例知识点

小程序开发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可以显示连续空格decod