Do not forget what it is

jQuery

jQuery is a fast and concise JavaScript framework, design aim is to "write Less, Do More".
It encapsulates the JavaScript code for commonly used functions, provide a simple JavaScript design patterns to optimize HTML document manipulation, event handling, animating and Ajax interactions design.

Bootstrap (Web Framework)

• I mainly use the web templates of his house, css styles, fences, assembly;

Based on simple, intuitive, and powerful front-end development framework for HTML, CSS, JavaScript development, makes Web development faster.
CSS: CSS global settings, define the basic elements of HTML style, scalable class, and an advanced grid system.
Components: Bootstrap contains a dozen reusable components for creating images, drop-down menus, navigation, alert box pop-up box and so on.
JavaScript plug-ins: Bootstrap contains a dozen custom jQuery plugin. You can directly contains all the plug-ins, these plug-ins can also be included individually.

Thymeleaf

• Because springBoot does not support jsp, so the template engine still need to know, including the coordinates of dependence, page introduction th, common templates package structure, the display data write code to receive data.

⾯ to modern Web server environment and unique attention immediately end Java template engine that can handle HTML, XML, JavaScript, CSS and even ⾄ Text is pure.

chilli

• LomBok simplify coding, is that you can use your annotations instead of javaBean the Getter, Setter, etc. Han Han Han repeated writing

LomBok not the tools or something api, it's just a plug-ide compiler, Well, I do not know what I am trying to listen would be finished

Ajax

• Ajax means web development technique for creating interactive web applications. Asynchronous JavaScript and XML or HTML. (Learn to use in JS)

It is a without having to reload the entire web page technical section of the page can be updated.

The server returns the data to the front end of the two data formats:

• （1）XML
  • XML Extensible Markup Language, a data type can be returned ajax.

1. It should be noted first row <?xml version="1.0" encoding="UTF-8" ?>
2. root tag (random name)
<person>
<name>临安将</name>
<age>33</age>
</person>
Note: If Ajax return xml format data, set the header, and obtains xml file path, the distal end
xhr.reponseXML
res.querySelector("name").innerHTML

• （2）JSON
  • JSON (JavaScript Object Notation, JS objects notation) is a lightweight data-interchange format. String.

Since no extra characters json, xml compared to the smaller, faster data transfer.

数组
{ 
	"people":[ 
		{
		"firstName": "Brett",            
		"lastName":"McLaughlin"        
		},      
		{        
		"firstName":"Jason",
		"lastName":"Hunter"
		}
	]
}
对象
{"firstName": "Brett", "lastName": "McLaughlin"}

RESTful (Representational State Transfer) -> Web API standards

RESTFUL design and development is a way to network applications based on HTTP, you can use XML or JSON format defined custom formats. RESTFUL for mobile Internet companies can make the scene as a business interface to achieve third-party call OTT mobile network resource function, the type of action to add, change, delete, called resources.

 REST主要对以下两方面进行了规范

	-定位资源的URL风格，例如
	
		http://bhusk.com/admin/1234
		
		http://bhusk.com/admin/1234/10/11
	
	-如何对资源操作
	
		采用HTTP协议规定的GET、POST、PUT、DELETE动作处理资源的增删该查操作

Node.js

IO framework based asynchronous event loop (equivalent to tomcat backend)

• Event-based asynchronous IO cycle
• Run single-threaded, multi-threaded variable avoid synchronization problems
• JS can write code behind

NPM

package management node (corresponding to the rear end maven)

MVVM

• M: That Model, models, some basic operations, including data and
• V: That VIew, view, page rendering results
• VM: i.e. View-Model, between the model and view bidirectional operation (without interference developer)