如何创建微信单页小程序呢？

1、升级你的微信到最新的6.5.3版本。

2、在微信的第一个页面顶端，有一个搜索条局带，在搜索条里输入：小程序示橘旁例然后搜索。点最下面的：搜一搜

小程序示例

朋友圈、公众号、文章等。

3、选择第一个结果，图标是黑色斜写的英文字母“S”，点开它

4、看到这个页面的时候，你就已经激活了小程序。不需要做任何额外的 *** 作。

5、退出上面这个页面，点开你的微信第三页面“发现”。最下面就出现了小程序的入口！

6、一旦激活了小程序，你就可以在“发现”里点开小程序，在里面搜索不同的小程序。随手做一个“姨妈日历”给女读者记录生理期，请在小程序里输入：姨妈日历

搜索添加圆腊橡。希望对你，或者你的女朋友有用。

下面构建一个简单的 todo list 来展现多页

后台

后台只需要设计好以下数据接口，让前端可以访问

Get： http://127.0.0.1:3000/todos

Post： http://127.0.0.1:3000/todos

前端

前端直接使用 ajax 异步请求后台的接口请求数据后渲染页面

index.html （渲染 todo list）

add.html （输入 todo 点击保存后跳转 index.html）

上述例子可以看出来前端后台职责明确，但多页需要整个页面重新渲则余染

单页开发可以通过增加 hash 进行页面标识（类似锚点），通过 window.onhashchange 事件判断 hash 值改变，进而通过 window.location.hash 获取 hash 值渲染对应的局部页面。（本案孙哗滚例服务端接口同前）

index.html

myTodoList.html

add.html

通芦耐过上述方式可以实现单页，但是这种方式有缺陷，在 *** 作 DOM 元素进行渲染的过程中，不同页面的 DOM 元素很可能冲突，一旦页面多了同样难以维护，因此诞生了三大前端框架：

---