使用 ajax 和 Vue 进行前后端交互

Separation

在传统的 Web 应用开发中,浏览器的请求首先会发送到 Controller, 由 Controller 交由相应的 Model 进行业务逻辑处理,处理完毕后将结果交由 View 进行渲染,动态输出完整的 HTML 返回给浏览器。这么做有两个缺点,一是需要在 HTML 中嵌入后端模板引擎,如 JSP、Thymeleaf 等。JSP饱受诟病,在HTML中写大量的java代码,显然让程序显得很混乱,无法很好地解耦。而 Thylemeaf 虽然是纯 HTML 的后端模板引擎,但这样前后端的关联性还是比较强。二是使用后端模板引擎的坏处是,HTML页面需要完全渲染完毕后,才返回给浏览器展示。这样一来,如果页面元素非常多,页面加载时间就很长了,影响用户体验不说,还会给服务器造成很大的处理压力。

阅读更多

JavaScript(三)Document Object Model

前面提到,完整的 Javascript 由以下三个部分组成:

  • 语言基础
  • BOM(Browser Object Model 浏览器对象模型)
  • DOM(Document Object Model 文档对象模型)

这一篇主要讲讲 DOM ,DOM 其实就是把 html 里面的各种数据当作对象进行操作的一种思路。

阅读更多