教程地址：https://www.bilibili.com/video/BV1WQ4y1T7D8

1.小程序目录：

　　Pages存放每个页面，每个页面单独一个文件夹，

//  /*  pages 中的配置项，上移下移可以用快捷键：ALT+方向键 */

　　index.js 存放js逻辑，index.json配置，index.wxml存放页面组件(类似于html)，index.wxss样式（如CSS文件）。

　　app.js 入口文件。

　　app.wxss 放公共的样式。页面内部的wxss文件的样式权限高于公共的样式，如果一样会覆盖外面公共的。

　　project.config.json，项目配置文件。如本地配置、项目配置等等。

　　sitemap.json，类似于网站地图。

　　util.js 公共的js文件。

　　app.json 配置文件，放目录结构。pages这里，哪一行写最前面，哪一个页面就是启动页面（首页）。添加页面，可以直接在这里添加页面，速度快。删除的时候要手工删除。

　　小程序最大不能超过2M，否则不能上传，所有的图片都要放在云端。

2.微信小程序的组件

　　不支持html标签，要用小程序自己的标签。

　　View组件（容器标签，类似于div）：

　　hover-class：手按上去效果样式。

　　hover-start-time：按住后多久出现样式效果，单位毫秒。

　　hover-stay-time：手指松开后效果保留时间，单位毫秒。

　　hover-stop-propagation：【阻止冒泡】指定是否阻止节点的祖先节点出现点击状态。true或false逻辑型。（当子组件在父窗口中点击时出现了样式效果，父窗口也出现了此效果，用这个属于可以阻止。）

　　display:inline 使view在同一行显示（两个view标签放在同一行，会显示成两行）

　　text标签：

 　　selectedable： 文字是否可以选择。view标签没有这个属性。 

　　space：是否显示连续空格。

 　　decode：是否解码，如  < 等等

　　<image></image>：标签

　　 找元素。

　　mode="widthFix"  按比例缩放模式。

　　show-menu-by-longpress：长按图片显示识别小程序菜单。如：<image src="XXXX.jpg" show-menu-by-longpress></image>

　　超级链接：块元素，不是行元素

　　<navigator url="/pages/logs/logs"></navigator>

　　url不能跳转到web页面

　　target：可以跳转到其他小程序 

　　open-type：

　　redirect：跳转到新页面

　　reLaunch：跳转到新页面，而且还可以带参数

　　scoll-view：滚动条，scoll-x左右滚动，scoll-y上面滚动。　　　　

                    .