前端技术栈的作用

JavaScript   --形成交互

jQuery         --封装JavaScript，代码更加简洁高效

ajax             --异步请求

json             --数据传输

Web中间件（tomcat）   --处理请求和响应

Mysql数据库                   --存储数据

 jQuery的功能：

jQuery的优势： 

基本选择器

 jQuery教程：w3school.com.cn/jquery。 

 1.使用script引入外部的js文件

2.下载：

https://download.csdn.net/download/z1362170786/43621612

3.要输出标签里的东西：

使用xx.innerText或者xx.innerHtml进行打印输出

防止读不到内容报错，使用下面方法去先把全部页面读完再使用：

        

 当网页全部加载完成时（文档就绪函数），再用资源，不然的话可能用到null会报错，简写形式

利用css改变颜色属性

 JSON：：：轻量级的 客户端 和 服务端之间 交互数据的格式，本质上是一个字符串

 格式："Key":"Value"这种格式才能发给服务器。（服务器和客户端交互数据的格式）

--Json对象：{"k":"v","k":"v","k":"v","k":"v","k":"v"}

--Json数组：【{"k":"v","k":"v","k":"v","k":"v","k":"v"}，{"k":"v","k":"v","k":"v","k":"v","k":"v"}】

 Json和js对象之间互相转换：

注意：：

 

 

 Ajax：为了提高浏览器的响应速度，ajax可以实现异步访问（不必等待上一次的结果），局部刷新。

格式：

测试：

1. 2.

Tomcat：

基础概念：

Web服务器概念：

下载：

Apache Tomcat® - Apache Tomcat 8 Software Downloads

下载源码：

Apache Tomcat® - Apache Tomcat 8 Software Downloads

开启和关闭：bin（存放可执行的一些文件）目录下

开启：

先检查jdk安装环境，然后开启脚本

 然后直接网页进入：localhost：8080

用idea部署Tomcat：

 关闭运行，重新启动，如果其中有项目的话就可以重新测试了。

 修改配置：

 

 对于无法启动Tomcat的人，可能是环境有问题。

Path变量中：

添加vue依赖：