jQuery
jQuery是一个快速、简洁的JavaScript框架,设计的宗旨是“write Less,Do More”。
它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
Bootstrap(Web框架)
- 我主要使用他家的网页模板,css样式,栅栏,组件;
基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。
CSS: 全局的 CSS设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。
组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。
JavaScript 插件:Bootstrap包含了十几个自定义的jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。
Thymeleaf
- 因为springBoot 不支持jsp,所以模板引擎还是需要了解的,包括坐标依赖,页面引入th,常见templates包结构,接收数据后的显示数据代码编写。
⾯向Web和独⽴环境的现代服务器端Java模板引擎,能够处 理HTML,XML,JavaScript,CSS甚⾄纯⽂本。
LomBok
- LomBok简化代码编写,就是可以用注解代替你javaBean中的Getter,Setter等啥啥啥的重复书写
LomBok并不是工具类或是什么的api,它只是,ide编译器的一个插件,唔,我也不知道我想说明啥,听听就完了
Ajax
- Ajax是指一种创建交互式网页应用的网页开发技术。 异步 JavaScript 和 XML 或者是 HTML。(在JS中学习到使用)
是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
服务器返回数据给前端的两种数据格式:
- (1)XML
- XML可扩展标记语言,ajax可返回的一种数据类型。
需注意1.头行
<?xml version="1.0" encoding="UTF-8" ?>
2.根标签(名字随意)
<person>
<name>临安将</name>
<age>33</age>
</person>
注 : 若Ajax返回xml格式数据,需设置header,并获取xml文件路径,前端
xhr.reponseXML
res.querySelector("name").innerHTML
- (2)JSON
- JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。字符串。
因为json中无多余字符,相较于xml体积更小,传输数据更快。
数组
{
"people":[
{
"firstName": "Brett",
"lastName":"McLaughlin"
},
{
"firstName":"Jason",
"lastName":"Hunter"
}
]
}
对象
{"firstName": "Brett", "lastName": "McLaughlin"}
RESTful(Representational State Transfer) -->Web API的标准
RESTFUL是一种网络应用程序的设计风格和开发方式,基于HTTP,可以使用XML格式定义或JSON格式定义。RESTFUL适用于移动互联网厂商作为业务使能接口的场景,实现第三方OTT调用移动网络资源的功能,动作类型为新增、变更、删除所调用资源。
REST主要对以下两方面进行了规范
-定位资源的URL风格,例如
http://bhusk.com/admin/1234
http://bhusk.com/admin/1234/10/11
-如何对资源操作
采用HTTP协议规定的GET、POST、PUT、DELETE动作处理资源的增删该查操作
Node.js
基于事件循环的异步IO框架(相当于后端的tomcat)
- 基于事件循环的异步IO
- 单线程运行,避免多线程的变量同步问题
- JS可以编写后台代码
NPM
node 的包管理(相当于后端的maven)
MVVM
- M:即Model,模型,包括数据和一些基本操作
- V:即VIew,视图,页面渲染结果
- VM:即View-Model,模型与视图间的双向操作(无需开发人员干涉)