简单的一个拥有数据库增删改查的留言板

CacheControl

缓存是浏览器为了加载文件性能(默认都是有缓存),缓存是以URL为依据

加缓存

后台http头加 Cache-Control:public,max-age=3600

去除缓存

1.Chrome F12点击Network,勾选Disable cache

2.Chrome 手动清掉痕迹

3.在每个文件后面加?随机数

从回调到Promise

Handlerbars.js官网

http://handlebarsjs.com/

使用

HTML = structure + data

HTML = 结构 + 数据

前端leancloud模块

1
2

npm init 
npm install leancloud-storage --save

后台leancloud

https://leancloud.cn/dashboard/applist.html#/apps

300ms延迟

时间流

• 那时的网页都是给 PC 用的，宽度是 1000px 左右
• 移动端页面会自动缩放,如320px缩放成980px来看960px的页面
• 双击是表示放大,单击是点击
• 单击会出现300ms延迟,如果300ms内再点击就是放大,否则是点击
• BAT程序员解决单击出现300ms延迟用touchstart事件
• 导致一系列问题,所以造了fackclick.js库

登录与注册

UI

dribbble

流程

1.需求分析

• 登录（邮箱、密码）
• 注册（邮箱、密码、重复密码）
• 重置密码（邮箱）
• 已登录

栅格是由网格演变而来的另一种说法，都是一个意思——格子,栅格有了规则，也就形成了我们所说的栅格系统

CSS栅格元素

• container(容器)
• rows(行数)
• columns(列数)
• gutters (列间隙)

HTML及CSS模拟报纸

任务目的

深入掌握CSS中的字体、背景、颜色等属性的设置

进一步练习CSS布局

任务一

任务目的

了解HTML的定义、概念、发展简史

掌握常用HTML标签的含义、用法