最新动态
417寝室微信小程序复习资料
2024-10-31 20:26

    以下哪个不是主流的手机操作系统 

417寝室微信小程序复习资料

  1. Android
  2. iOS
  3. Windows Phone
  4. Blackberry

    正确答案D     试题解析Blackberry 是黑莓手机,是一种手机品牌,不是一种手机操作系统。 

    微信小程序是于何时正式发布 

  1. 2015 1 9  
  2. 2016 1 9  
  3. 2017 1 9  
  4. 2018 1 9  

    试题解析2017 1 9 日正式发布,距离苹果第一代手机发布正好十年。 

    以下哪个不是正确的小程序入口 

  1. 微信对话分享进入 
  2. 点击 url 地址进入 
  3. 扫码进入 
  4. 搜索关键词进入 

    试题解析小程序有多重入口,常用的有:扫码、对话分享、搜索关键词 

    注册账号时,需要选择的类型是 

  1. 小程序 
  2. 订阅号 
  3. 服务号 
  4. 企业号 

    试题解析你说呢 

    小程序注册的账号是 

  1. 学号 
  2. 邮箱 
  3. 手机号 
  4. 微信号 

    试题解析是邮箱,并且一个邮箱只能注册一个小程序账号哦 

    学生注册小程序用于个人学习,选择的程序主体类型是 

  1. 企业 
  2. 政府 
  3. 媒体 
  4. 个人 

    试题解析个人学习,当然是个人。。。并且个人类型的小程序是免费的哦 

    关于小程序账号的注册,以下说明不正确的是 

  1. 一个手机号只能注册一个小程序 
  2. 注册时需要填写身份证号 
  3. 一个邮箱只能注册一个小程序 
  4. 个人类型必须是年满 18 周岁以上的微信实名用户 

    试题解析一个手机号可以注册 5 个小程序 

    以下哪个不是小程序账号完善需要填写的内容 

  1. 小程序名称 
  2. 小程序头像 
  3. 小程序介绍 
  4. 服务器地址 

    试题解析需要填写的内容是:小程序名称、头像、介绍以及服务类目的选择。 

    关于小程序成员类型,不包含以下哪个 

  1. 开发者 
  2. 管理员 
  3. 审核者 
  4. 体验者 

    试题解析只有腾讯公司官方才审核 

    关于微信 web 开发者工具的下载和安装,没有以下哪个版本 

  1. Unix
  2. Mac OS
  3. Windows 32
  4. Windows 64

    正确答案A     试题解析只有三个版本MacOSWindows32 64 位操作系统 

    新建项目时需要填写 AppID,关于此项内容以下说法不正确的是     A.  不填写 AppID 就无法成功创建项目。 

  1. 只有填写了 AppID 的项目才可以进行手机预览。 
  2. 如果填写了与开发者无关的 AppID 是无法创建成功的。 
  3. AppID 也称为小程序 ID,每个账号的 ID 都是唯一的。 

    试题解析不填写 AppID 也能创建新项目,只不过无法手机预览,部分功能受限。 

    小程序根据开发阶段可以分为不同的版本,这些版本不包括以下哪个 

  1. 开发版 
  2. 体验版 
  3. 线上版 
  4. 内部版 

    试题解析没有内部版这种说法,只有开发版、体验版和线上版。 

  1. 单选题           在创建完成的第一个小程序项目中project.config.json 文件属于以下哪种 
    1. 主体文件 
    2. 项目配置文件 
    3. 页面文件 
    4. 其他文件 

    试题解析这是唯一的项目配置文件,里面包含了小程序的类型、id、项目名称等各类信息。 

    主体文件都是 app 开头加上不同后缀名组成的,以下哪个文件是可选的 

  1. app.js
  2. app.json
  3. app.wxss
  4. 以上都不正确 

    正确答案C     试题解析app.wxss 是公共样式表文件,为可选文件,即不需要时可以不填写。 

    小程序页面的所有路径地址是保存在以下哪个文件中的 

  1. app.json
  2. app.js
  3. app.wxss
  4. project.config.json

    正确答案A     试题解析app.json 中会自动生成 pages 属性,该属性是以数组的形式保存了全部的页面地址 

    app.json window 属性中还可以配置页面顶端导航栏的样式,以下那个属性用于定义导航栏背景颜色 

  1. backgroundTextStyle
  2. navigationBarTextStyle
  3. navigationBarTitleText
  4. navigationBarBackgroundColor

    试题解析navigationBarBackgroundColor 是导航栏背景颜色navigationBarTitleText 是导航栏标题文本内容navigationBarTextStyle 是导航栏标题文本颜色backgroundTextStyle 是下拉动作时背景字体颜色。 

  1. 单选题           app.json 中的 tabBar 属性可以用于规定 tab 工具栏用于切换多页面效果。其中页面最少必须有 2 ,最多只能有多少个 
    1. 3
    2. 4
    3. 5
    4. 6

    正确答案C     试题解析最少 2 ,最多 5 页。 

    关于 app.json 中的 tabBar 功能,以下说法正确的是 

  1. tabBar 上必须同时有图标和文字 
  2. tabBar 中的指定的路径地址无需在 pages 属性中声明 
  3. tabBar 默认显示最左边的页面 
  4. tabBar 上可以只有图标,也可以只有文字 

    正确答案D     试题解析1. tabBar 可以自己定制,图标和文字可以单独存在其中一种,也可以同时存在。 

2. 所有页面的路径地址都必须在 pages 属性中声明。 

3.tabBar 默认显示的页面必须是 pages 属性中保存的第一个数组元素。 

以下哪个文件是小程序的全局逻辑文件 

  1. app.js
  2. app.wxss
  3. app.json
  4. project.config.json

    试题解析JS 类型文件都属于逻辑层的内容,其中 app.js 是小程序的全局逻辑文件 

    关于微信 web 开发者工具,不包含以下哪种界面 

  1. 计算器 
  2. 模拟器 
  3. 编辑器 
  4. 调试器 

    试题解析主要有模拟器(模拟手机画面,编辑器(项目目录结构和代码,调试器

Console 控制台等 

  1. 单选题           已知 wxml 页面上有:

<view>{{msg}}<view>

js 页面上有:

  data:{ msg:'hello' }

那么页面最终显示的文字效果是 

  1. {{msg}}
  2. msg
  3. {{hello}}
  4. hello

    试题解析带有双花括号的是动态数据,不显示其字面内容,而是应该看它对应的 js 文件中 data 里面的值。本题正确答案是 hello 

    如果希望组件被隐藏,以下哪个语句可以实现 

  1. <view wx:if='{{true}}'>隐藏组件</view>
  2. <view wx:if='{{false}}'>隐藏组件</view>
  3. <view wx:if='true'>隐藏组件</view>
  4. <view wx:if='false'>隐藏组件</view>

    正确答案B     试题解析wx:if 的属性值为布尔值true 表示显示false 表示隐藏。但是描述时必须加上双花括号强调这个单词是布尔值,不是字符串。注意不可以去掉双花括号直接写成 wx:if='false',此时 false 会被认为是一个字符串,转换为布尔值后表示 true 

已知在 wxml 页面有 

<view hidden='{{flag?false:true}}'>测试组件</view>

     data: {          flag: true

试判断测试组件<view>的最终状态。     A.  测试组件被隐藏。 

  1. 测试组件被显示出来。 
  2. 测试组件不断切换隐藏/显示状态。 
  3. 以上说法都不正确。 

    正确答案B     试题解析flag?false:true 这是一个三目运算格式,问号前面是一个运算条件如果结果是 true 则返回冒号前面的值,是 false 则返回冒号后面的值。根据 js 文件可得 flag 的值为 true,因此最后

要返回的是冒号前面的值 false。本题等同于<view hidden='{{false}}'>测试组件</view>,hidden true 表示真的要隐藏hidden false 是显示,因此最后被显示出来。(本题初始时漏加了双花括号,已经更正) 

  1. 单选题           已知 wxml 页面代码如下 

 <view> {{x - y}} + {{z}} + x </view>

js 页面代码如下 

    data: {           x : 5, y : 4, z : 3

})  

最后显示结果是 

  1. 9
  2. 1+3+5
  3. 13x
  4. 1+3+x

1.双花括号外面的+号原样显示,不做加法。 

2.双花括号内部的变量要替换成 js 文件中对应的值。 

3.双花括号外面的字母也原样显示。 

4.双花括号内部的-号做减法运算。 

  1. 单选题           已知 js 文件中有 

     data: {           teacher: [

             {name: '张老师',id: '111'},

             {name: '李老师',id: '222'},

             {name: '王老师',id: '333'}

          ]

想在 wxml 页面上显示张老师的 id <view>{{x}}</view>代码中 x 的位置应该如何写 

  1. teacher[1].id
  2. teacher.id[1]
  3. teacher[0].id
  4. teacher.id[0]

1.teacher 是一个数组,必须用 teacher[n]的形式描述其中每一个老师的信息,其中 n 是序号表示第几个元素。 

2.数组必须从 0 开始计数,因此第一个元素其实是 teacher[0] 

3.数组里面每一个元素都是一个对象,想获取其中的某个属性需要用  对象.属性  的格式写。 

6. 单选题           已知 js 文件中有 

Page({       data:{                array:[ '张三', '李四', '王五']

       }

wxml 页面代码如下 

<view wx:for='' wx:for-index='' wx:for-item=''>              学生{{stuID}}{{stuName}}

</view>

请问这三个问号的位置分别应该怎么填写,才能正确显示每个学生的姓名 stuNam 和学号 stuID(默认数组中元素序号  

  1. array, index, item
  2. array, stuID, stuName
  3. {{array}}, index, item
  4. {{array}}, stuID, stuName

1.wx:for 的属性值必须是一个数组,这里用{{array}}表示。 

2.如果 wx:for 的属性值是不带括号的 arrayarray 会被拆解为'a','r', 'r', 'a', 'y'作为学生姓名,显然不对。 

3.官方规定序号用{{index}}表示,也可以使用 wx:for-index=''替换一个新的别名 4.官方规定数组元素用{{item}}表示,也可以使用 wx:for-item=''替换一个新的别名。 

5.本题使用了 stuID stuName 显然是别名。 

<view wx:if="{{x > 99}}"> A </view>

<view wx:elif="{{x > 9}}"> B </view>

<view wx:else> C </view>

    data:{         x: 9

    }

最后页面显示的是 

  1. A
  2. B
  3. C
  4. ABC

    正确答案C     试题解析wx:if-wx:elif-wx:else 不会同时被显示出来,会根据条件依次执行,符合条件则停止,不符合才会执行下一句。 

    微信小程序特有的尺寸单位是 

  1. px
  2. rpx
  3. pt
  4. cm

    正确答案B     试题解析小程序规定了全新的尺寸单位 rpxresponsive pixel,可以根据屏幕宽度进行自适应。其原理是无视设备原先的尺寸大小,统一规定屏幕宽度为 750rpx 

px 是像素单位,在网页前端开发 CSS 样式表中也支持。pt 是字号大小cm 是厘米。 

<view id='test'>测试</view>

wxss 文件中使用以下哪种选择器可以将其中的文字更新为红色 

  1. id{color:red;}
  2. .test{color:red;}
  3. #test{color:red;}
  4. test{color:red;}

1.<view id='test'>wxss 文件中可以用 id 选择器#test 的格式 

2.<view class='test'>wxss 文件中可以用类选择器.test 的格式。 

3.也可以直接在 wxss 文件中可以用元素选择器 view 的格式。 

    以下哪个事件表示手指触摸后马上离开 

  1. touchstart
  2. touchend
  3. longpress
  4. tap

    正确答案D     试题解析longpress:长按touchstart:手指触摸动作开始touchend:手指触摸动作结束。 

    以下哪个不属于小程序的容器组件 

  1. <view>
  2. <cover-view>
  3. <text>
  4. <scroll-view>

    正确答案C     试题解析容器组件主要用于规划布局页面内容,包括 viewscroll-viewcover-viewmovable-viewswiper 

    关于滚动视图<scroll-view>,以下说法不正确的 

  1. 可以设置 scroll-x 属性进行横向滚动 
  2. 可以设置 scroll-y 属性进行纵向滚动 
  3. 纵向滚动时,必须设置该组件的固定高度 
  4. 可以自定义任意角度的滚动方向 

    试题解析目前只支持横向或纵向滚动。 

    <cover-view>组件是可以覆盖在原生组件上的视图,其内部可以包含的组件不包括以下哪个 

  1. <canvas>
  2. <button>
  3. <cover-image>
  4. <cover-view>

    正确答案A     试题解析<canvas>是画布组件,不能放在<cover-view>内部。相反<cover-view>可以覆盖在<canvas>上面。 

<icon>是图标组件,以下哪句代码可以实现一个红色、40 像素大小的搜索图标 

  1. <icon type="search" size="40" color="red"></icon>
  2. <icon type="search" size="40px" color="red"></icon>
  3. <icon type="discover" size="40" color="red"></icon>
  4. <icon type="discover" size="40px" color="red"></icon>

    正确答案A     试题解析1.搜索图标的 type 属性值应该是 search  2.size 的属性值不需要加单位,默认就是 px 像素。 

    已知有<text decode><</text>

运行后页面预览效果是 

  1. 显示<本身 
  2. 显示>符号 
  3. 显示<符号 
  4. 不显示任何内容 

    正确答案C     试题解析1.如果没有 decode 则显示<本身 

2.decode 可以解析<<符号,这里的 lt 指的是 less than(小于)的意思。 

    以下哪个不属于表单组件 

  1. <button>
  2. <icon>
  3. <input>
  4. <form>

    正确答案B     试题解析<icon>是基础组件,用于显示图标。 

    以下哪句代码可以显示按钮为红色背景 

  1. <button type='primary'>按钮</button>
  2. <button type='default'>按钮</button>
  3. <button>按钮</button>
  4. <button type='warn'>按钮</button>

    正确答案D     试题解析type 属性为 1.warn 时是红色背景 

2.primary 时是绿色背景  

3.default 或者省略不写时是默认的灰白色背景。 

    以下哪个不属于媒体组件 

  1. <image>
  2. <audio>
  3. <canvas>
  4. <video>

    正确答案C     试题解析媒体组件包括<audio><video><image><camera> 

    以下哪句代码可以点击后打开新页面 new.wxml(非 tab 页面,并且新页面带有返回箭头可以返回前一页 

  1. <navigator url='pages/new/new' open-type='redirect'></navigator>
  2. <navigator url='pages/new/new' open-type='switchTab'></navigator>
  3. <navigator url='pages/new/new' open-type='navigate'></navigator>
  4. <navigator url='pages/new/new' open-type='reLaunch'></navigator>

    正确答案C     试题解析1.符合题意的是 open-type='navigate'或干脆省略该属性不写。 

2.open-type='redirect'是重定向一个新页面,无法返回前一页。 

3.open-type='switchTab'是关闭所有页面,跳转到一个 tab 页面。 

4.open-type='reLaunch'是关闭所有页面,重新打开一个非 tab 页面。 

  1. 单选题           已知 test.png 这张图片的尺寸是宽 300px、高 150px。在 wxml 页面代码中 

<image src='/image/test.png' mode='widthFix'></image>

且在 wxss  

image{      width: 150px;

}

那么最终显示的图片尺寸是 

  1. 150px、高 75px(宽高均被更改 
  2. 300px、高 150px(原图尺寸 
  3. 150px、高 150px(宽被更改 
  4. 300px、高 225px(小程序官方默认图片尺寸 

    正确答案A     试题解析1.小程序官方默认尺寸只有在未主动设置图片尺寸时生效。 

2.宽度在 wxss 中规定了是 150px 

3.mode='widthFix'指的是根据宽度自动等比例缩放高度,因此高度也被缩放至 75px 

    以下哪个不属于小程序媒体 API 的管理范畴 

  1. 图片管理 
  2. 文档管理 
  3. 视频管理 
  4. 音频管理 

    试题解析媒体 API 包括:图片、录音、音频、视频和相机管理。 

    以下哪个组件可以用于播放视频 

  1. image
  2. view
  3. audio
  4. video

    正确答案D     试题解析<video>是视频播放组件 

    关于视频组件,以下说法正确的是 

  1. 同一个页面上多个视频组件不能使用相同的 id 名称 
  2. 同一个页面上只允许有一个视频组件 
  3. 同一个页面上多个视频组件可以使用相同的 id 名称 
  4. 视频组件必须要有 id 名称 

    正确答案A     试题解析1. id 名称必须独一无二,不能重名。 

  1. 同一个页面上允许有 1 个或多个视频组件。 
  2. 视频组件的 id 名称是为了在 js 文件中可以绑定视频上下文的,如果不需要控制视频播放等,可以不填 id 名称的。 
  1. 单选题           视频组件中的 enable-danmu 属性的作用是 
    1. 显示弹幕按钮 
    2. 允许显示弹幕内容 
    3. 不显示弹幕按钮 
    4. 不允许显示弹幕内容 

    试题解析enable-danmu 是允许显示弹幕内容 

  1. 单选题           视频组件中的 danmu-btn 属性的作用是 
    1. 发送弹幕 
    2. 禁止发送弹幕 
    3. 显示弹幕开关按钮 
    4. 不显示弹幕开关按钮 

    试题解析是一个开关按钮,绿色时可以显示弹幕,白色时禁止播放弹幕 

    已知视频组件的 id 名称为 myVideo,以下哪句代码可以获取视频上下文 

  1. this.videoCtx = wx.createCameraContext('myVideo')
  2. this.videoCtx = wx.createVideoContext('myVideo')
  3. this.videoCtx = wx.createAudioContext('myVideo')
  4. this.videoCtx = wx.getRecoderManager('myVideo')

    正确答案B     试题解析Video 是视频Audio 是音频Camera 是相机Recorder 是录音 

    视频组件的哪个属性可以用于显示播放/暂停按钮和进度条 

  1. controls
  2. danmu-btn
  3. loop
  4. autoplay

    正确答案A     试题解析controls 正确。 

    视频组件的哪个属性可以用于自动播放 

  1. controls
  2. loop
  3. autoplay
  4. enable-danmu

    正确答案C     试题解析auto=自动 play=播放 

    如何指定视频播放的来源 

  1. 视频组件的 source 属性值 
  2. 视频组件的 id 属性值 
  3. 视频组件的 src 属性值 
  4. 视频组件的 name 属性值 

    正确答案C     试题解析src 属性值用于指定播放来源 

    已知有 this.videoCtx 为已经获取到的视频上下文,以下哪句可以用于播放视频 

  1. this.videoCtx.play()
  2. this.videoCtx.pause()
  3. this.videoCtx.sendDanmu()
  4. this.videoCtx.stop()

    正确答案A     试题解析play 播放pause 暂停stop 停止sendDanmu 发送弹幕 

    小程序使用以下哪种方法异步获取设备系统信息 

  1. wx.getDeviceInfoSync(OBJECT)
  2. wx.getDeviceInfo(OBJECT)
  3. wx.getSystemInfoSync(OBJECT)
  4. wx.getSystemInfo(OBJECT)

    正确答案D     试题解析1.获取设备系统信息是 getSystemInfo2.Sync 是同步的意思,因为不带有 Sync 的是异步方法 

  1. 单选题           小程序使用 wx.getNetworkType(OBJECT)获取网络类型,以下哪个不属于获取的网络类型有效值   
    1. unknown
    2. none
    3. wifi
    4. 5g

    正确答案D     试题解析网络类型有效值为wifi2g3g4gunknownnone,其中 unknown 表示

Android 下不常见的网络类型none 表示无网络。   

    以下哪个方法可以用于长时间监听罗盘数据 

  1. wx.listenCompass(OBJECT)
  2. wx.startCompass(OBJECT)
  3. wx.onCompassChange(CALLBACK)
  4. wx.stopCompass(OBJECT)

    正确答案C     试题解析小程序使用 wx.onCompassChange(CALLBACK)监听罗盘数据,频率5 /,接口调用后会自动开始监听,可使用 wx.stopCompass 停止监听。 其中 CALLBACK 返回参数 direction,该参数是 Number 类型,表示面对的方向度数。 

    以下哪个方法可以用于长时间监听加速度数据   

  1. wx.listenAccelerometer(OBJECT)
  2. wx.startAccelerometer(OBJECT)
  3. wx.stopAccelerometer(OBJECT)
  4. wx.onAccelerometerChange(CALLBACK)

    正确答案D     试题解析小程序使用 wx.onAccelerometerChange(CALLBACK)监听加速度数据,频率5 /,接口调用后会自动开始监听,可使用 wx.stopAccelerometer 停止监听。 

    以下哪个可以用于监听用户截屏行为 

  1. wx.listenUserCaptureScreen()
  2. wx.onUserCaptureScreen()
  3. wx.hearUserCaptureScreen()
  4. wx.captureUserCaptureScreen()

    正确答案B     试题解析小程序使用 wx.onUserCaptureScreen()监听用户主动截屏事件,用户使用系统截屏按键截屏时触发此事件。该接口从基础库 1.4.0 开始支持,低版本需做兼容处理。 

以下哪个方法可以用于扫码 

  1. wx.scanCode(OBJECT)
  2. wx.scanQRCode(OBJECT)
  3. wx.scanBarCode(OBJECT)
  4. wx.scanAllCode(OBJECT)

    正确答案A     试题解析小程序使用 wx.scanCode(OBJECT)调起客户端扫码界面,扫码成功后返回对应的结果。 

    以下哪个方法用于获取系统剪贴板的内容 

  1. wx.setClipboardData(OBJECT)
  2. wx.getClipboardData(OBJECT)
  3. wx.gainClipboardData(OBJECT)
  4. wx.captureClipboardData(OBJECT)

    正确答案B     试题解析小程序使用 wx.getClipboardData(OBJECT)获取系统剪贴板内容,该接口从基础库 1.1.0 开始支持,低版本需做兼容处理。 

    以下哪段代码可以用于拨打电话给 10086 

  1. wx.makePhoneCall({     phoneNumber:'10086'
  1. wx.makePhoneCall({    phoneCall:'10086'
  1. wx.makePhoneCall({    telNumber:'10086'
  1. wx.makePhoneCall({

   telCall:'10086'

    正确答案A     试题解析小程序使用 wx.makePhoneCall(OBJECT)向指定的号码拨打电话,参数为 phoneNumber 表示拨打的电话。 

    以下哪个方法可以用于让手机保持屏幕常亮状态 

  1. wx.setScreenBrightness(OBJECT)
  2. wx.getScreenBrightness(OBJECT)
  3. wx.KeepScreenOn(OBJECT)
  4. wx.setKeepScreenOn(OBJECT)

    正确答案D     试题解析小程序使用 wx.setKeepScreenOn(OBJECT)设置是否保持常亮状态,该功能仅在当前小程序生效,离开小程序后设置失效。 

小程序使用 wx.setScreenBrightness(OBJECT)设置屏幕亮度。 

小程序使用 wx.getScreenBrightness(OBJECT)获取屏幕亮度。 

    以下哪个方法可以让手机发生 400ms 时间的振动 

  1. wx.vibrateLong(OBJECT)
  2. wx.vibrateShort(OBJECT)
  3. wx.vibrateLong(400)
  4. wx.vibrateShort(400)

    正确答案A     试题解析小程序使用 wx.vibrateLong(OBJECT)wx.vibrateShort(OBJECT)分别达到使手机发生较长时间400ms)和较短时间15ms)的振动,接口均从基础库 1.2.0 开始支持,低版本需做兼容处理。 

1. 小程序组件根据其用途可以分为容器组件、表单组件、媒体组件等,试列出任意四种媒体组件,并简单说明各自的用途?

  <image>:图片组件,用于显示指定来源的图片 

  <audio>:音频组件,可以用于播放本地或网络音频 

  <video>:视频组件,可用于播放本地或网络视频资源 

  <camera>:是系统相机组件,用于拍照或录像。 

 2.小程序媒体 API 都包含什么 

 图片管理1、选择图片 wx.chooseImage              2、预览图片 wx.previewImage

             3、获取图片信息 wx.getImageinfo              4、保存图片 wx.saveImageToPhotosAlbum       录音管理wx.getRecorderManager()       音频管理1.背景音频管理 wx.getBackgroundManager()                  2.音频组件控制 wx.createInnerAudioContext()       视频管理1、选择视频 wx.chooseVideo()

                2、保存视频 wx.saveVideoToPhotosAlbum()                 3、视频组件控制 wx.createVideoContext(videoId,this)       相机管理wx.createCameraContext(this)

3. 小程序设备 API 可以实现什么功能?可以调用手机哪些硬件设备  系统信息:获取系统信息、检测 canIUse  网络:网络状态、Wi-Fi  传感器:包括罗盘和加速度计  用户行为:截屏、扫码、剪贴板、通话  手机状态:内存、屏幕亮度、手机振动 

 

4.简述什么 flex 布局 

Flex 是指“弹性布局”,使用 Flex 布局可以为我们的盒模型提供很大的便利,可以简便、完整、响应式地实现各种页面布局。要指定一个容器为 Flex 布局,只需要设置其 display 属性即可。 

 

5. 简单描述下微信小程序的相关文件类型 

WXML 是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。内部主要是微信自己定义的一套组件。 

.WXSS

(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。 

.js

逻辑处理,网络请求。 

.json

小程序设置,如页面注册,页面标题及 tabBar 

app.json

必须要有这个文件,如果没有这个文件,项目无法运行,因为微信框架把这个作为配

置文件入口,整个小程序的全局配置。包括页面注册,网络设置,以及小程序的 window 背景色,配置导航条样式,配置默认标题。 

app.js

必须要有这个文件,没有也是会报错!但是这个文件创建一下就行 什么都不需要写以

后我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。 

6. 分析下微信小程序的优劣势 

小程序的优势 

不用安装,即开即用,用完就走。省流量,省安装时间,不占用桌面 

对于小程序拥有者来说,开发成本更低,他们可以更多财力,人力,精力放在如何运营好产品,做好内容本身 

对于用户来说,相较于各种 APP,微信小程序 UI 和操作流程会更统一。这也会降低

用户的使用难度 

对于小程序拥有者来说,相较于原生 APP,推广更容易更简单,更省成本。 

小程序的劣势 

太轻,所以很多 APP 上面的功能在小程序上面是无法展现的,小程序只能展现一部分

的核心功能。 

体验上虽然没法完全媲美原生 APP 

小程序功能不够全面,解决不了复杂的行业问题。 

7、小程序的 wxss css 有哪些不一样的地方 

WXSS 具有 CSS 大部分的特性,小程序在 WXSS 也做了一些扩充和修改。 

  1. 新增了尺寸单位。在写 CSS 样式时,开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比,采用一些技巧来换算一些像素单位。WXSS 在底层支持新的尺寸单位 rpx ,开发者可以免去换算的烦恼,只要交给小程序底层来换算即可,由于换算采用的浮点数运算,所以运算结果会和预期结果有一点点偏差。 
  2. 提供了全局的样式和局部样式。和前边 app.json, page.json 的概念相同,你可以

写一个 app.wxss 作为全局样式,会作用于当前小程序的所有页面,局部页面样式 page.wxss 仅对当前页面生效。 

  1. 此外 WXSS 仅支持部分 CSS 选择器 

【程序一】读以下程序并回答问题。已知 WXML 文件中有如下代码 

1. <view wx:if='{{flag?false:true}}'>测试组件</view>

  1. Page({
  2. data:
  3. {
  4. flag: false
  5. }
  6. }) 

试判断测试组件<view>的最终状态,并说明原因。 

:测试组件为可显示状态。   

解释flag 的值为 false,因此三目运算的结果返回值为 true,计算后得到 wx:if=

{{true}} ,所以测试组件被显示出来。 

【程序二】读以下程序并回答问题。 

已知 JS 文件中有如下代码 

  1. Page({
  2. data: {
  3. student: [
  4. {name:'张三',id:'1001'},
  5. {name: '李四',id: '1002'},
  6. {name: '王五',id: '1003'}
  7. ]
  8. }
  9. }) 

想在 WXML 页面上显示王五的 id <view>{{x}}</view>代码中 x 的位置应该如何写?试将答案写在下面。 

student[2].id   

【程序三】读以下程序并回答问题。5 )已知 JS 文件中有如下代码 

  1. Page({
  2. data:{
  3. fruit:[ '苹果', '梨子', '草莓']
  4. }
  5. }) 

WXML 文件中有如下代码 

  1. <view wx:for=''  wx:for-index=''  wx:for-item=''>
  2. 水果{{fruitID}}{{fruitName}}
  3. </view> 

请问这三个问号的位置分别应该怎么填写,才能正确显示每个水果的名称 fruitName 和编号 fruitID(注:编号默认为就是数组中元素序号 ?答wx:for={{fruit}} wx:for-index={{fruitID}} wx:for-item={{fruitName}} 

【程序四】读以下程序并回答问题。已知 WXML 文件中有如下代码 

1.  <view> {{x * y}} + {{y}} + z </view> 

  1. Page({
  2. data: {
  3. x : 7, y : 8, z : 9
  4. }
  5. }) 

试写出上述代码在 WXML 页面上的输出结果,并说明你的判断依据。答56 + 8 + z

{{x*y}}会代入数字进行算数运算{{y}}直接替换为数字+号和 z 都直接显示字面内容。 

   

1.开发完成下图效果的小程序

 

2.使用项目属性 flex-shrink 属性完成下图效果的开发

 

3.开发完成如下效果的小程序

小程序首页 

 

 

 

 

  1. 开发图片管理小程序,图片的获取可以从相册选择或拍照,并可以预览图片和显示图片信息(如宽、高等)。
  1. 开发一个视频播放器小程序,要求页面美观易操作。
  1. 开发一个小程序,输入一个整数 n,输出 n 以内所有的素数。
  1. 输出九九乘法口决表。
  1. 在页面上输入三角形的三边,在下方显示三角形的面积。

9.开发小程序,获取系统信息

 

10.开发一个罗盘应用小程序,如下图所示

 

    以上就是本篇文章【417寝室微信小程序复习资料】的全部内容了,欢迎阅览 ! 文章地址:http://dfvalve.xrbh.cn/quote/1644.html 
     行业      资讯      企业新闻      行情      企业黄页      同类资讯      网站地图      返回首页 迅博思语资讯移动站 http://keant.xrbh.cn/ , 查看更多