微信小程序制作网页 第1篇
我们先要分析最外层的目录结构以及文件：
通常在开发过程中我们只会关注 这三个文件。
外层了解完后，再继续深入了解：
每个页面都有四个文件。
为了让大家更好都理解，我用游戏LOL来举个例子：
在一个页面中，通常主要用到wxml、wxss、js。json文件大部分可以不用，直接删除不受任何影响。
小程序中的wxml，wxss，js 相当于网页开发中的html，css，js。
分析完目录结构后我们在来看看更具体的代码。
微信小程序制作网页 第2篇
需求背景：由于码仔每天有做不完的事情，所以经常忘记一些事情。这样时候码仔需要一个备忘录用于记录自己的事情。
码仔需求：
项目界面：
先从启动页面开始，布局分析：
一共是两个元素，一个是码仔图片，一个是按钮。
首先在项目中新建一个images文件夹存放码仔图片和按钮背景图与pages文件夹同级。
建立好images文件夹后右键打开文件夹，把下载好的素材图片改好名字放入文件。
准备好素材之后我们开始对页面做布局代码编写。
通常我们都会用view容器来包裹住所有组件。image组件就有个src属性用于放显示的图片路径。
代码如下：
这里我们是用view组件包裹来一个image组件和view组件，那么这个时候有人就说为什么不用button组件？因为button组件用起来比较麻烦，button自带很多样式，布局起来比较麻烦。除非要用到button到特殊能力，否则通常情况下是不用button组件的，view组件可以通过css来完成按钮样式。
看下上面代码显示的样式，我们会发现图片有些变形。
这个是为什么呢？我们通过调试器Wxml定位看下。
微信小程序制作网页 第3篇
只能用于跳转到 tabBar 页面。 不能带参数跳转，因为 tabBar 页面的定位是固定的，不支持动态传递参数。但可以通过全局变量（如）或页面的 onLoad 事件结合options 参数间接传递信息。 如果目标页面没有配置在 tabBar上，使用此属性会导致跳转失败。
给要动态显示的内容在 （.js） 页面中设置值，让其动态显示
要在哪个页面引用动态组件就在哪个页面的 .json 页面中以以下格式引用
wenzitext 用来动态显示的属性值 url 用来跳转页面的路径