微信小程序对应线上面试真题:http://www.gtalent.cn/exam/interview/9w670Zy21VuXdQfJ
页面:
.js -- 对应js文件,页面的行为
.wxml -- 对应html文件(不是html 有区别),页面的结构
.wxss -- 对应css文件,页面的样式
.json -- 页面的配置文件(可以配置一些标题或者颜色之类的...)
项目目录结构:
pages -- 所有页面
utils -- 工具函数
app.js -- 入口js文件(等效于main.js)
app.json -- 全局页面配置文件
app.wxss -- 全局样式表
project.config.json -- 类似package.json(描述文件)
sitemap.json -- 类似package.json(描述文件)
小程序特有特性(和H5的不同点):
1. 小程序只借鉴了2个指令, wx:if wx:for
因为没有v-bind v-on, 获取data动态数据只需要直接加{{ }}即可!
<组件 wx:if="{{ xxx }}"></组件>
<组件 wx:for="{{ data中的数组 }}" wx:key="id"> //wx:key默认取item对象下的属性,所以这里写id === item.id
//自动产生2个形参 item index ,item为每次循环出来的对象 index为索引
{{ item.xxxx }}
{{ index }}
</组件>
常用组件:
view
scroll-view
button
image
navigator
text
map
input
swiper(swiper-item)
....