小程序面试题整理

 1小程序和普通网页区别*

---

1.运行环境不同
  网页      运行在   浏览器环境上
  小程序  运行在   微信环境

2开发模式不同
  网页的开发模式  浏览器+代码编辑器
  小程序有自己的一套标准的开发模式

3API不同
  因为运行环境不同，小程序没有办法调用BOM和Dom的API
  小程序可以调用微信环境提供的各种API
  地理定位,扫码,支付

---

2.小程序项目的基本组成结构

  ① pages    用来存放所有小程序的页面  
  ② utils    用来存放工具性质的模块（例如：格式化时间的自定义模块）
  ③ app.js   小程序项目的入口文件  
  ④ app.json  小程序项目的全局配置文件  
  ⑤ app.wxss  小程序项目的全局样式文件  
  ⑥ project.config.json 项目的配置文件
  ⑦ sitemap.json   用来配置小程序及其页面是否允许被微信索引

---

3.小程序页面组成部分

  每个页面由 4 个基本文件组成 ：
  ① .js 文件（页面的脚本文件，存放页面的数据、事件处理函数等）
  ② .json 文件（当前页面的配置文件，配置窗口的外观、表现等）
  ③ .wxml 文件（页面的模板结构文件）
  ④ .wxss 文件（当前页面的样式表文件）

---

4.WXSS 和 CSS 的区别

① 新增了 rpx 尺寸单位 
    CSS 中需要手动进行像素单位换算，例如 rem 
    WXSS 在底层支持新的尺寸单位 rpx，在不同大小的屏幕上小程序会自动进行换算 
② 提供了全局的样式和局部样式 
   项目根目录中的 app.wxss 会作用于所有小程序页面 
   局部页面的 .wxss 样式仅对当前页面生效 
③ WXSS 仅支持部分 CSS 选择器 
    .class 和 #id 
    element 
    并集选择器、后代选择器 
    ::after 和 ::before 等伪类选择器

---

5 常用的内容组件

<view></view>
<text></text>
<swiper>
   <swiper-item></swiper-item>
</swiper>
<icon></icon>
<image  src=""></image>
<rich-text  nodes="<p></p>"></rich-text>

---

6 通过调用 this.setData(dataObject) 方法，可以给页面 data 中的数据重新赋值

---

7.事件传参

 <butt