day29 fream02

1、插件库的使用步骤：

1、打开jqueryUI、layUI、jQuery之家、jQuery插件库网站
2、去挑选你需要的插件
3、下载、引入（html+css+js）
4、根据设计图修改样式
5、根据数据库的数据重新渲染页面

2、html5 十大新特性：html5其实是一个概念，里面不光包含了标签，甚至还有一些js操作 - 老IE都是不支持的

1、新的语义化标签：header、footer、nav、section、aside
2、增强型表单：type="range/date/week/month/email/tel/url/color/number"
3、音频和视频
4、webStorage：客户端存储技术（sessionStorage和localStorage）
	设置/添加：xxxStorage.属性名="属性值"   或者   xxxStorage.setItem("属性名","属性值")
	获取/得到：xxxStorage.属性名   或者   xxxStorage.getItem("属性名")
	删除一个：xxxStorage.removeItem("属性名");
	清空所有：xxxStorage.clear();
5、canvas画图 - 用于做数据可视化（统计图），不会学习如何画图，因为我们程序员大部分人，没有学过美术，你画出来不会好看，三阶段会学习chart.js和echart.js框架
6、svg画图 - 几乎同上，用于画矢量图、实现小图标
7、web worker
8、web socket - 搭配上node.js的框架express：websocket直播、在线聊天、机器人、股票走势图实时应用
9、地图 - 百度地图、高德地图
10、拖拽事件 - jQueryUI一句话稿定

3、express：Node.js后端语言的框架两个核心概念

1、路由
目的：
	1、express搭建服务器&文件系统
	2、前端->后端（表单、ajax - get、post）

如何使用：
	1、第三方框架，下载：npm i express
	2、写服务器代码引入：var express=require("express")
	3、固定步骤：
		var express=require("express");
		//创建服务器
		var app=express();
		//绑定端口
		app.listen(80);
		//不需要绑定请求事件，有一个方法：直接判断路由，然后你要干什么
		app.get("/",(req,res)=>{
			//获取到前端发来的请求消息：ajax、表单（get）				
			req.query.键名

			//响应数据给前端
			res.send(数据库的数据)

			//读取静态资源发送给用户观看
			res.sendFile(__dirname+"/public/html/index.html");
		})
		
				//post如何操作？要麻烦一些，需要加上两句中间件操作，帮助我们解析post提交的东西，因为post不是显示提交，而是隐式提交
		app.use(express.json())
		app.use(express.urlencoded({ extended: false }))

		app.post("/",(req,res)=>{
			//获取到前端发来的请求消息：ajax、表单（get）				
			req.body.键名

			//响应数据给前端
			res.send(数据库的数据)

			//读取静态资源发送给用户观看
			res.sendFile(__dirname+"/public/html/index.html");
		})
		
2、中间件
		express是一个自身功能极简的框架，完全由路由和中间件构成的一个开发框架，从本质来说express就是要各种调用各种中间件
		中间件是一个函数，他也可以访问请求对象（req），响应对象（res）。和web应用中处于请求 - 响应循环流程的中间部分，一般被命名为next的变量

		中间件的功能包含：
			执行任何代码
			修改请求和响应对象
			终止请求 - 响应循环，不会一直转圈圈了
			调用下一个中间件

		中间件的语法：
			app.use("url",(req,res,next)=>{
				//....中间件要执行代码
				//next(); 放行：调用下一个中间件 或 路由
			})

		最大的作用：
			1、除了post这两句话：
				app.use(express.json())
				app.use(express.urlencoded({ extended: false }))

			2、加载其他静态资源
				app.use(express.static("public"));