1.单页面应用程序

下面构建一个简单的 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 元素很可能冲突，一旦页面多了同样难以维护，因此诞生了三大前端框架：

你要用什么模块来写图片呢？

我用PIL

import Image

a=Image.new("RGB",(256,256))

for i in range(256):

for j in range(256):

a.putpixel((j,i),(0,0,j))

a.save("try.jpg")

反正就这几句就能生成那个图片了。

要点就是:RGB代表red,green,blue，而黑色是r=0,g=0,b=0，蓝色是r=0,g=0,b=255

从黑道蓝就是r=0,g=0不变而b=0变化到255即可。

例如要从黑变化到红的渐变图片，只需要将(0,0,j)改为(j,0,0)即可

入下图：

---