前端开发 JS 15 最佳实践

前端开发 JS 15 最佳实践

最佳实践 学习完了JS基础语法,BOM与DOM对象,事件等一系列API。还有两部分高级函数应用和存储,遇到的时候再学习吧。 归根结底JS也是一种编程语言,一般到了最后,还是要提一下这门编程语言在开发时候的理念,高程三也不例外。这里列出这些“JavaScript之禅”: 可维护性 可理解性--代码可读

前端开发 JS 14 AJAX 与 跨域资源共享技术

前端开发 JS 14 AJAX 与 跨域资源共享技术

AJAX AJAX已经在Django中使用jQuery发送过了,当时原生的AJAX方法没有学。现在通过JS,多了解一下原生AJAX以及从AJAX来的跨域请求。 在2005年,Jesse James Garrett发表的一篇文章《Ajax: A New Approach to Web Applicat

前端开发 JS 13 HTML5脚本、错误处理与JSON详解

前端开发 JS 13 HTML5脚本、错误处理与JSON详解

HTML5 脚本 对于HTML5来说,引入了一些新事件以及媒体元素,其中的主要内容有: 跨文档消息传递 原生拖放 媒体元素 历史状态管理 这部分的内容里媒体元素比较重要,待单独学习了妙味课堂的HTML5新属性再回头来整理该部分内容,先有所了解即可。 错误处理 对于用户来说,现代浏览器一般不会像早期的

前端开发 JS 12 Canvas绘图

前端开发 JS 12 Canvas绘图

Canvas元素基本用法 HTML5里引入的最受欢迎的功能大概就是canvas元素了,这个元素在页面中指定一个区域,然和可以通过JS动态的在这个区域里边画图,单用canvas元素和JS甚至可以做出交互式的游戏。 canvas的所有功能由几组API构成,还有一个WebGL的3D上下文。 开始绘画之前.

前端开发 JS 11 表单脚本

前端开发 JS 11 表单脚本

表单 为何要把表单专门拿出来说,就是因为表单是与服务器通信的重要手段,在Web应用开发中使用的范围非常广泛,还关系到与后端的数据交换,所以需要专门学习。JS中有一些增强表单元素的默认行为,可以更有效的操作表单元素。 表单基础知识 在HTML中表单是form元素,在JS中form元素对应的类是 HTM

前端开发 JS 10 事件

前端开发 JS 10 事件

事件 BOM和DOM都是用来控制页面的表现形式,是一种单向展示给用户的方式,只有引入了事件,才可以说是交互式的页面。 事件的类型比较复杂,有传统的DOM事件,还有DOM2级事件,BOM也有事件,API非常繁琐,但无论如何,事件的处理流程和原理必须清楚。 事件流的概念 事件流描述的是从页面接收事件的顺

前端开发 JS 09 DOM 2 和 DOM 3

前端开发 JS 09 DOM 2 和 DOM 3

DOM2与DOM3的特性 DOM 2 和 DOM 3 在之前提过,是一系列各种功能的模块用于增强DOM,可以通过测试函数document.implementation.hasFeature()来测试浏览器是否支持DOM 2 和 3。 DOM2 和 DOM3的特性主要集中在对样式的方便访问,更强的遍历

前端开发 JS 08 DOM 1级扩展

前端开发 JS 08 DOM 1级扩展

DOM模型自诞生之日,各个浏览器厂商针对DOM操作都编制了自己的API,现在一些广泛使用的API已经事实上被W3C作为通用的API。 之前的DOM模型是DOM 1级的内容,所有的现代浏览器都已经完整的实现了DOM 1级的内容,所以DOM 1级实际上不太会有浏览器兼容问题。对DOM 1级的扩展主要是S

前端开发 JS 07 DOM基础

前端开发 JS 07 DOM基础

DOM模型 文档对象模型是HTML和XML文件的一个API,是一个层次化的节点树模型。DOM有1-3级规范。不需要了解规范的具体定义,但是目前来学的DOM模型,都是1级的内容,也就是最基础和最标准,得到所有浏览器支持的DOM模型,也是今后DOM2,3级新增的API操作的基础。 学习JS的目的,就是为

前端开发 JS 06 BOM

前端开发 JS 06 BOM

BOM 在学习完了JS的基础语法部分之后,就要开始学习JS最令人兴奋的地方,就是页面相关操作。为了操作页面,JS中有DOM文档模型,还有BOM浏览器对象模型,二者从不同角度对网页的行为和内容都有着影响。JS中针对BOM和 DOM 都有特别的对象映射以及方法,现在首先来学习BOM。 WINDOW对象