JavaScript高级程序设计知识点汇总

前七章读书笔记详细介绍了原生JavaScript的基于ES5的全部知识点,本篇文章展示了本人绘制的后面章节内容的百度脑图,以便需要回顾知识点时能够作为一个索引,仅供参考。

JavaScript相关技术

BOM

浏览器对象模型(Browser Object Model),负责处理与浏览器自身有关的交互操作的对象集合。

JavaScript高级程序设计知识点汇总_第1张图片

客户端检测

讨论了检测客户端机器及其支持特性的各种手段,包括特性检测及用户代理字符串检测的不同技术。

JavaScript高级程序设计知识点汇总_第2张图片

DOM

文档对象模型(Document Object Model),即DOM1规定的JavaScript中的DOM对象。

JavaScript高级程序设计知识点汇总_第3张图片

DOM扩展

介绍了其他API以及浏览器本身为DOM添加的各种功能。设计内容包括Selectors API、Element Traversal API和HTML5扩展。

JavaScript高级程序设计知识点汇总_第4张图片

DOM2和DOM3

探讨了DOM2和DOM3中新增的DOM属性、方法和对象。

JavaScript高级程序设计知识点汇总_第5张图片

事件

解释了JavaScript中时间的本质,对遗留机制的支持,以及DOM对事件机制的重新定义。

JavaScript高级程序设计知识点汇总_第6张图片

表单脚本

讲述如何使用JavaScript增强表单的交互性,突破浏览器的局限性。

JavaScript高级程序设计知识点汇总_第7张图片

使用Canvas绘图

讨论了标签以及如何通过它来动态绘图。不仅涵盖2D上下文,也将讨论WebGL(3D)上下文,可以为创建动画和游戏夯实基础。

JavaScript高级程序设计知识点汇总_第8张图片

HTML5脚本编程

介绍了HTML5规定的JavaScript API,涉及跨文档传递消息、拖放API和以编程方式控制元素,以及管理历史状态。

JavaScript高级程序设计知识点汇总_第9张图片

错误处理与调试

讨论了浏览器如何处理JavaScript代码错误,并展示了一些处理错误的方式。并对每种浏览器分别讨论了相应的调试技术,还给出了简化调试工作的建议。

JavaScript高级程序设计知识点汇总_第10张图片

JavaScript与XML

展示了JavaScript中用于读取和操作XML(eXtensible Markup Language,可扩展标记语言)的特性。并分析了不同浏览器提供的XML支持和对象的差异,给出了编写跨浏览器代码的简易方法。另外还介绍了用于在客户端转换XML数据的XSLT(eXtensible Sytlesheet Language Transformations,可扩展样式表转换)技术。

JavaScript高级程序设计知识点汇总_第11张图片

E4X

ECMAScript for XML,ECMAScript中的XML扩展;设计E4X的出发点是简化XML处理任务。

JavaScript高级程序设计知识点汇总_第12张图片

JSON

介绍了作为XML替代格式的JSON,包含浏览器原生支持的JSON解析和序列化,以及使用JSON时要注意的安全问题。

JavaScript高级程序设计知识点汇总_第13张图片

Ajax与Comet

常用的Ajax技术,包括使用XMLHttpRequest对象及CORS(Cross-Origin Resource Sharing,跨来源资源共享)API实现跨域Ajax通信。

JavaScript高级程序设计知识点汇总_第14张图片

高级技巧

深入了解一些JavaScript中较复杂的模式,包括函数柯里化(currying)、部分函数应用和动态函数。

JavaScript高级程序设计知识点汇总_第15张图片

离线应用于客户端存储

如何检测应用离线以及在客户端机器中存储数据的各种技术。从受到广泛支持的特性cookie,继而介绍了新兴的客户端存储技术,如Web Storage和IndexedDB。

JavaScript高级程序设计知识点汇总_第16张图片

最佳实践

企业及环境中使用JavaScript的各种方式。其中,着眼于提高可维护性的内容包括编码技巧、格式化和通用编程实践。还介绍了改善代码执行性能及速度优化的一些技术。

JavaScript高级程序设计知识点汇总_第17张图片

新型的API

ES6新增的API。

JavaScript高级程序设计知识点汇总_第18张图片

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