前端AJAX、JSON、VUE初学笔记——快速入门

AJAX:

概念:AJAX(Asynchronous JavaScript And XML):异步的JavaScript和XML
jsp下,web网页运行流程
前端AJAX、JSON、VUE初学笔记——快速入门_第1张图片
ajax下,web网页运行流程
前端AJAX、JSON、VUE初学笔记——快速入门_第2张图片
Ajax的作用:
前端AJAX、JSON、VUE初学笔记——快速入门_第3张图片

同步与异步:前端AJAX、JSON、VUE初学笔记——快速入门_第4张图片
前端AJAX、JSON、VUE初学笔记——快速入门_第5张图片

JSON

概念: JavaScript Object Notation.JavaScript对象表示法。
由于其语法简单,层次结构简单,现对用于作为数据载体,在网络中进行数据传输。
基础语法:
前端AJAX、JSON、VUE初学笔记——快速入门_第6张图片
JSON数据和Java对象转换
请求数据:JSON字符串转为Java对象
响应数据:Java对象转为JSON字符串
前端AJAX、JSON、VUE初学笔记——快速入门_第7张图片
JSON的API
前端AJAX、JSON、VUE初学笔记——快速入门_第8张图片

案列:
前端AJAX、JSON、VUE初学笔记——快速入门_第9张图片

VUE

概念: 一套前端框架,免除原生JavaScript的DOM操作,简化书写。 基于MVVM(Model-View-ViewModel)思想,实现数据的双向绑定,将编程的关注点放在数据上。
JSON基础语法

前端AJAX、JSON、VUE初学笔记——快速入门_第10张图片
model与view实现双向绑定
前端AJAX、JSON、VUE初学笔记——快速入门_第11张图片
使用VUE的步骤:
前端AJAX、JSON、VUE初学笔记——快速入门_第12张图片
VUE常用指令:
前端AJAX、JSON、VUE初学笔记——快速入门_第13张图片
1.
v-bind

v-model
前端AJAX、JSON、VUE初学笔记——快速入门_第14张图片
2.
V-on
前端AJAX、JSON、VUE初学笔记——快速入门_第15张图片
3.
前端AJAX、JSON、VUE初学笔记——快速入门_第16张图片
4.
前端AJAX、JSON、VUE初学笔记——快速入门_第17张图片
VUE的生命周期
前端AJAX、JSON、VUE初学笔记——快速入门_第18张图片

前端AJAX、JSON、VUE初学笔记——快速入门_第19张图片

——————未完待续,有时间再来学

你可能感兴趣的:(前端,前端)