《疯狂前端开发讲义jQuery+Angular+Bootstrap前端开发实践》学习笔记

《疯狂前端开发讲义jQuery+Angular+Bootstrap前端开发实践》学习笔记

二〇一九年二月十三日星期三2时28分54秒

前提：本书适合有初步HTML、CSS、JavaScript基础的读者，或对企业应用前端开发不太熟悉的开发人员。

第1章：前端开发与Ajax技术

要点：C/S模式应用的结构和缺点；B/S模式应用的结构和优势；传统Web应用的不足；如何改进传统的Web应用；现代Web应用与前端开发；改进的通信方式和增强的UI界面；体验前端Ajax开发；使用Serlet生成文本响应内容；使用JSP生成文本响应；获取服务器的响应内容；通过DOM加载服务器响应；前端技术的难点。

1.1重新思考Web应用

从C/S到B/S,MVC模式：Model-View-Controller,模型、视图、控制器分离。

传统Web应用的优缺点：独占式请求、频繁的页面请求、简陋的页面----频繁刷新页面，每次响应都必须下载整个页面，耗费资源，响应速度慢！

1.2重新设计Web应用

RIA:Rich Internet Application富Internet应用，运营于B/S结构上的C/S应用！比如地图！

改进的服务器通信：2005年Ajax:使用XMLHttpRequest异步发送请求，不要求重新加载页面。Ajax还能动态加载服务器响应数据。

WebSoket通信技术：基于TCP协议的服务器与浏览器连接，可实时双向发送数据。而且已成H5规范。

Server-sent Events技术：服务器推送技术，不需要双向通信场景下，简单高效。

COMET技术：长轮询技术。应该是即时通信软件的核心技术吧。

此外：现代WEB应用还有：优雅、美观的用户界面；丰富的客户端交互。如H5的<canvas>,还有C3，以及层出不穷的大量框架：简单、易用、跨浏览器、支持响应式布局。

1.3 前端开发介绍

三句话：当下的前端开发都会借助Ajax技术，Ajax并没有太多新的内容，但Ajax丰富了前端开发的功能。

Ajax的核心是XMLHttpRequest对象，Ajax使用JavaScript来回传送数据。准备的表述为：

(1) JS脚本使用XMLHttpRequest对象向服务器发送请求，GET或POST。

(2) JS脚本使用XMLHttpRequest对象解析服务器响应数据。回调函数。

(3) JS脚本通过DOM动态更新HTML页面，也可为服务器响应数据增加CSS样式表。

前端开发的核心技术：

(1) 前端开发的核心技术是JavaScript

(2) DOM是操作HTML文档和XML文件的一组API,它提供了文件的结构表述。DOM提供 了动态改变HTML页面内容的方法。

(3) CSS3

1.4 前端开发体验：Ajax聊天室

安装tomcat、JDK、JRE……连实验程序，花掉了我好几个小时的时间……

再往后翻一翻书，感觉好像掉进陷阱里面去了----没有java编程基础这些.java文件的代码还真看不懂！真的不想再往JAVA、JSP里面跳了。感觉这纯粹是为了推销他的课程嘛！干嘛不用大家普遍认可和接受的JavaScript来配合jQuery啊？想想，这本书扔了怪可惜的，越过jQuery看看AngularJS和Bootstrap能不能看懂吧，感觉里面好像没有java的例子，不过，已经对李刚这个作者产生了信任危机了，不知道往下看他的书会不会带着情绪，也好，突破自己的心理障碍也是一种修炼。

“因为AngularJS 1.X是真正轻量级JavaScript框架，比较适合熟悉JavaScript的前端开发者；而Angular2.X使用的是TypeScript脚本,而且它的开发高度依赖Node.js，因此本书介绍的是目前比较流行的Angula1.X”摘自第149页提示。

无语！！！决定彻底放弃这本书以及古董级的李刚们！ 白白浪费了1整天的时间和那么多感情！还是看腾讯课堂比较实在些！      --2/14/2019 5:45:27 AM