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

时间:2022-01-28 09:29:56

《疯狂前端开发讲义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