前端
前端
唯美清泠
这个作者很懒,什么都没留下…
展开
-
第28章 案例开发
第28章 案例开发 (视频讲解:23分钟) 对于JavaScript初学者来说,尝试开发小型的难度适中的应用程序或游戏,能够培养学习乐趣,激发开发热情。本章将通过两个相对复杂的案例,帮助读者上机进行JavaScript实战训练,为日后的开发实习积累经验。 【学习重点】 ▲ 使用JavaScript开发Web应用程序 ▲ 使用HTML5+JavaScript开发Web游戏 28.1 设计小程序:万年历 本例设计一个既可以查看公历,又可以查看农历的万年历,并且在日期的下面显示了公历与农历的各个节日原创 2020-11-17 23:19:45 · 438 阅读 · 0 评论 -
第27章 离线应用
第27章 离线应用 所有的浏览器都有自己的缓存机制,但那些机制并不可靠,而且难以控制,在Web开发时经常会因为浏览器缓存问题而让人烦恼不已。HTML5通过ApplicationCache接口解决了这个问题,并且使离线存储成为可能,离线存储使得Web应用可以在用户离线的状况下进行访问。HTML5离线存储(Offline Storage)功能非常强大,它的核心应用是:在用户没有与互联网连接时,依然能够访问站点或应用,在用户与互联网连接时,自动更新缓存数据。所以可以利用HTML5的离线存储功能开发出一些丰富的原创 2020-11-17 23:14:25 · 512 阅读 · 0 评论 -
第26章 多线程处理
第26章 多线程处理 在运行大型、复杂的JavaScript脚本时经常会发生浏览器假死现象,那么能不能让这些代码在后台运行,或者让JavaScript函数在多个进程中同时运行。HTML5 Web Workers正是为了要解决这些问题而出现的。HTML5 Web Workers可以让Web应用程序具备后台处理能力。它支持多线程处理功能,因此使用了HTML5的JavaScript应用程序可以充分利用多核CPU带来的优势。将耗时长的任务分配给HTML5 Web Worker执行,这样就避免了页面有时反应迟缓,原创 2020-11-17 23:13:54 · 1002 阅读 · 0 评论 -
第24章 ECMAScript 6
第24章 ECMAScript 6 ECMAScript 6是继ECMAScript 5之后的一次主要改进,语言规范由ECMAScript 5.1时代的245页扩充至600页。ECMAScript 6增添了许多必要的特性,如模块和类,以及一些实用特性,如Maps、Sets、Promises、生成器(Generators)等。尽管ECMAScript 6做了大量的更新,但是它依旧完全向后兼容以前的版本,标准化委员会决定避免由不兼容版本语言导致的Web体验破碎。因此所有老代码都可以正常运行,整个过渡也显得更为原创 2020-11-17 23:10:15 · 357 阅读 · 1 评论 -
第25章 移动定位
第25章 移动定位 HTML5 Geolocation API是HTML5新增的地理位置应用程序接口,它提供了一个可以准确感知浏览器用户当前位置的方法。如果浏览器支持,且设备具有定位功能,就能够直接使用这组API来获取当前位置信息。该Geolocation API可以应用于移动设备中的地理定位。 Geolocation API允许用户在Web应用程序中共享位置信息,使其能够享受位置感知服务。本章将介绍HTML5 Geolocation位置信息的来源:纬度、经度和其他特性,以及获取这些数据的途径(GPS、原创 2020-11-17 23:12:24 · 617 阅读 · 0 评论 -
第23章 ECMAScript 5
第23章 ECMAScript 5 ECMAScript 5.1(或ECMAScript 5)是ECMAScript标准最新修正。与HTML5规范进程本质类似,ECMAScript 5通过对现有JavaScript方法添加语句和原生ECMAScript对象做合并实现标准化。ECMAScript 5还引入了一个语法的严格变种,被称为严格模式(strict mode)。本章将介绍ECMAScript 5有用的改变和新特性。 ECMAScript 5完整列表可以参考:官方ECMAScript语言规范附录D和E原创 2020-11-17 23:09:53 · 244 阅读 · 0 评论 -
第22章 JSON
第22章 JSON JSON是一种轻量级的、基于文本且独立于语言的数据交换格式,它比XML格式更轻巧,是XML数据格式的一种替代方案。JSON源于ECMAScript 3的子集,定义了便于表示结构化数据的一套格式规范,JSON规范符合ECMAScript语法规范,这样按JSON规范描述出的字符串已是JavaScript的原生代码,这样就可以很轻松地在JSON字符串与JavaScript对象之间进行转换。 【学习重点】 ▲ 了解JSON ▲ 比较JSON和XML的结构特点 ▲ 正确使用JSON数据原创 2020-11-16 21:46:46 · 652 阅读 · 0 评论 -
第21章 XML
第21章 XML 自从DOM出现后,所有浏览器都内置了对XML的原生支持(XML DOM),同时也提供了一系列相关的技术支持。DOM 2是第一个提到动态创建XML DOM概念的规范;DOM 3进一步增强了XML DOM,新增了解析和序列化等特性。IE 9+、Firefox、Opera、Chrome和Safari等现代主流浏览器都支持XML DOM标准规范。本章将介绍JavaScript处理XML数据的基本方法。 【学习重点】 ▲ 了解XML语法 ▲ 正确读取XML ▲ 在主流浏览器中操作XML数据原创 2020-11-16 21:45:50 · 299 阅读 · 0 评论 -
第20章 JavaScript通信
第20章 JavaScript通信 在传统Web开发中,客户端与服务器端通信主要通过同步请求(页面刷新)来实现,当客户端向服务器端发出HTTP请求之后,服务器端接收并处理这个请求,然后响应完整的Web页面给客户端。这样当发出请求之后,用户就需要慢慢等待,直到服务器响应完毕。如果同步交互的信息和次数很多,这中间就会有大量无用,或者重复性数据挤占带宽。 Ajax完全摒弃了这种信息交互方式,它通过在客户端嵌入一个中间件(XMLHttpRequest组件),并专门负责客户端与服务器端通信,这样就不需要刷新页面,原创 2020-11-16 21:44:54 · 1166 阅读 · 0 评论 -
第19章 Web存储
第19章 Web存储 Web应用的发展,使得客户端存储的用途也越来越多,而实现客户端存储的方式则是多种多样。最简单且兼容性最佳的方案是Cookie,但是作为真正的客户端存储,Cookie存在很多缺陷。HTML5提出了更多解决方案:如果存储复杂的数据,可以使用Web Database,该方法可以像客户端程序一样使用SQL;如果需要存储简单的key/value(键值对)信息,可以使用Web Storage。本章将主要介绍Cookie、Web Storage和Web Database。 【学习重点】 ▲ 了原创 2020-11-16 21:43:48 · 539 阅读 · 0 评论 -
第18章 HTML5动画设计
第18章 HTML5动画设计 Canvas是HTML5新增的开发跨平台动画和游戏的标准解决方案,它具备对图像和视频进行像素级操作的能力,这为Web图形和视频处理打开了广阔的空间。借助HTML5 canvas技术,可以在Web中绘制各种图形。虽然在此之前也有基于XML的绘图技术,如VML、SVG等。而Canvas是基于像素的绘图,它相当于画板的html节点,开发者通过JavaScript脚本可以轻松实现任意绘图。 canvas是HTML5新增的专门用来绘制图形的元素。在页面上放置一个canvas元素,就相原创 2020-11-16 21:42:53 · 650 阅读 · 0 评论 -
第17章 脚本化CSS
第17章 脚本化CSS CSS脚本化是网页交互效果的技术基础,使用CSS和JavaScript可以设计网页动画。利用脚本化CSS可以动态地改变HTML属性,如字体颜色、字体大小等,还可以用它设置和改变元素的位置、隐藏或显示元素。动画是一种视觉效果,它就是由无数帧静态画面拼接的连续动作,主要包括尺寸、位置、显隐动画构成要素。本章将详细讲解脚本化CSS编程基础,以及如何设计大小变形、网页内容滑动、展开、折叠、位置移动、渐隐渐显动画等网页特效。 【学习重点】 ▲ 了解CSS脚本化基本信息 ▲ 使用代码控制原创 2020-11-16 21:37:25 · 507 阅读 · 0 评论 -
第16章 事件处理
第16章 事件处理 JavaScript与用户之间的交互是通过事件驱动来实现的,事件驱动是面向对象程序设计的重要概念,其核心就是“以消息为基础,以事件来驱动(message based,event driven)”。当网页对象发生特定事件时,浏览器会自动生成一个事件对象(Event),事件对象通常会沿着DOM节点进行传播,直到被脚本捕获。如果为事件绑定响应程序(事件处理函数),浏览器就会调用该事件处理函数,执行其中的代码,完成预定的任务。本章将详细讲解JavaScript事件处理的基础知识和设计技巧,帮助原创 2020-11-17 23:07:16 · 721 阅读 · 0 评论 -
第15章 DOM
第15章 DOM DOM(Document Object Model,文档对象模型)是W3C制定的一套技术规范,用来描述JavaScript脚本怎样与HTML或XML文档进行交互的Web标准。DOM规定了一系列标准接口,允许开发人员通过标准方式访问文档结构、操作网页内容、控制样式和行为等。本章将介绍DOM规范,以及规范化文档操作的基本方法和技巧。 【学习重点】 ▲ 了解DOM。 ▲ 使用JavaScript操作节点。 ▲ 使用JavaScript操作元素。 ▲ 使用JavaScript操作文本和原创 2020-11-17 23:07:01 · 253 阅读 · 0 评论 -
第14章 BOM
第14章 BOM 前面各章重点讲解了JavaScript核心部分内容,从本章开始将转向Web浏览器中JavaScript的学习,这部分通常称为客户端JavaScript。在网页设计中,BOM非常重要,它为JavaScript代码定义了特定的上下文,提供了一个可以运行JavaScript的环境。本章将介绍BOM相关的基本概念,以及包含的主要对象。 【学习重点】 ▲ 了解BOM ▲ 使用Window对象 ▲ 使用Document对象 ▲ 使用JavaScript控制客户端 ▲ 使用JavaScri原创 2020-11-16 21:32:25 · 305 阅读 · 1 评论 -
第13章 面向对象编程
第13章 面向对象编程 JavaScript是基于原型继承的机制来实现面向对象编程的。例如,对象直接量继承于Object.prototype,函数对象继承于Function.prototype,而prototype对象本身也继承于Object.prototype。每个函数对象在创建时也有一个prototype属性,它的值是一个拥有constructor属性且constructor属性值为该函数的对象。 在JavaScript中,如果类型相同或相近,则可以使用继承来抽象;如果类型不同,而功能相似,则可以使原创 2020-11-16 21:31:38 · 597 阅读 · 0 评论 -
第12章 函数式编程
第12章 函数式编程 函数式编程的本质就是一切皆函数,函数可以作为另外一个函数的输出或输入,一系列的函数使用最终会形成一个表达式链,通过这个表达式链可以最终求得一个值,而这个过程即为计算的本质。在函数式编程中,会发现代码中存在大量的连续运算。 函数式编程已经在实际应用中发挥着巨大作用,更有越来越多的语言不断地加入对诸如闭包、匿名函数等特性,从某种程度上来讲,函数式编程正在逐步同化命令式编程。本章将详细讲解JavaScript函数式编程的基本方法和技巧。 【学习重点】 ▲ 了解函数式编程 ▲ 使用表原创 2020-11-16 21:30:22 · 460 阅读 · 0 评论 -
第11章 使用函数
第11章 使用函数 函数是这样的一段JavaScript代码,它只定义一次,但可能被执行或调用任意次。在JavaScript中,函数不仅可以表示一段代码,它还扮演着多重角色,占据重要位置:在网页设计中,函数是JavaScript框架的基础;函数也是表达式运算中的运算数或子表达式;同时函数也是对象,是面向对象编程的构造器。灵活使用函数,能够提升JavaScript程序性能,帮助用户设计各种灵活的代码。本章主要讲解函数的基本概念和基本用法,在第12章中将会讲解有关函数式编程的主题。 【学习重点】 ▲ 理解原创 2020-11-16 21:29:23 · 310 阅读 · 0 评论 -
第10章 使用对象
第10章 使用对象 ECMA-262定义对象是“属性的无序集合,每个属性存放一个原始值、对象或者函数”。严格地讲,这就相当于说明了对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字,而每个名字都映射到一个值。正因为这样,我们可以把ECMAScript的对象想象成散列表:无非就是一组名值对,其中值可以是数据或函数。本章主要讲解JavaScript对象的基本概念和知识,在后面章节中再深入分析JavaScript类型和空间的高级用法。【学习重点】▲ 理解JavaScript对象及其分类▲ 正确操原创 2020-11-15 18:07:23 · 668 阅读 · 0 评论 -
第9章 操作数组
第9章 操作数组 数组(Array)是一种有序数据集合,数组中每个值被称为数组的一个元素(Element),每个元素的编码被称为数组下标(Index)。JavaScript是弱类型语言,数组结构表现和语法约定都比较松散,每个元素的值可以为任意类型,同一数组的不同元素可以保存不同类型数据。数组长度不是固定的,可以任意地拉伸和收缩。JavaScript不支持二维或多维数组,通过元素包含数组的方式,可以间接创建复杂的多维数组。本章将讲解数组基本语法、用法,以及数组方法的灵活应用,数组方法扩展及其优化。【学习重原创 2020-11-15 18:06:38 · 423 阅读 · 0 评论 -
第8章 使用正则表达式
第8章 使用正则表达式 正则表达式(Regular Expression)是一个描述字符模式的对象,其中字符模式由普通字符(如A~Z、a~z、0~9)和特殊字符(元字符)组成。正则表达式是高效的字符串检索和处理工具,在网页设计中占据重要位置。JavaScript的RegExp类表示正则表达式,String和RegExp对象都定义了支持正则表达式的方法,后者使正则表达式具备强大的模式匹配和文本检索与替换功能。本章首先介绍用以描述“字符模式”的正则表达式语法,随后介绍使用正则表达式的String和RegEx原创 2020-11-15 18:03:40 · 473 阅读 · 0 评论 -
第7章 操作字符串
第7章 操作字符串 字符串是有限字符的序列,主要包括字母、数字、特殊字符(如空格等),在程序设计中,它也是经常使用的一种数据类型。在JavaScript中,字符串只有一种类型,没有字符、字符串或文本等子类型。字符串操作常用在表单处理、HTML文本解析、异步响应文本解析中,与正则表达式配合使用,以提升字符串操作的灵活性。字符串操作包括字符匹配、查找、替换、截取编码/解码、连接等。本章将详细讲解各种String方法的使用和应用技巧。【学习重点】▲ 定义字符串▲ 字符串查找、连接和截取▲ 编辑字符串原创 2020-11-15 18:02:00 · 266 阅读 · 0 评论 -
第6章 语句和结构
第6章 语句和结构 ECMA-262规定了一组语句,这些语句也称为流程控制语句。语句通常使用一个或多个关键字来执行命令,完成给定任务。语句可以很简单,如通知函数退出;也可以比较复杂,如重复执行某个命令等。流程控制语句对于任何一门编程语言都是至关重要的,JavaScript也不例外。在JavaScript中提供了if条件判断语句、switch多分支语句、for循环语句、while循环语句、do/while循环语句、break语句、continue语句等7种流程控制语句,本章将分别对它们进行详细介绍。【学原创 2020-11-15 18:01:11 · 712 阅读 · 0 评论 -
第5章 运算符和表达式
第5章 运算符和表达式 在计算机语言中,运算通过运算符来实现,运算符和运算数(或称操作数)组合在一起就形成了表达式。本章将详细介绍JavaScript运算符和表达式的基本知识和用法,并通过大量示例代码演示运算符的使用和表达式运算。【学习重点】▲ 熟悉运算符和表达式▲ 正确使用位运算符和算术运算符▲ 灵活使用逻辑运算符和关系运算符▲ 掌握赋值运算符、对象操作运算符和其他运算符5.1 运算符和表达式概述运算符是执行各种运算操作的符号,大部分JavaScript运算符是用标点符号表示的,如“+”和原创 2020-11-15 12:28:41 · 608 阅读 · 0 评论 -
第4章 数据、类型和变量
第4章 数据、类型和变量 一般在运行程序时,都需要对值进行操作,这些值的类型被称为数据类型,数据类型是编程语言最基本的特性。当需要将值保存起来以备将来使用时,可以将其赋值给一个变量。变量是一个值的符号名称,程序可以通过这个符号名称获得值的具体内容,变量也是编程语言的一个基本特性。本章将详细讲解JavaScript数据类型、值和变量的基本概念、基本规则和使用技巧。【学习重点】▲ 了解数据和类型的关系▲ 理解JavaScript值类型数据▲ 理解引用类型数据▲ 能够正确检测数据类型▲ 能够灵活转换原创 2020-11-15 11:29:03 · 488 阅读 · 0 评论 -
第3章 JavaScript基本语法
第3章 JavaScript基本语法 JavaScript遵循ECMA-262标准,ECMA-262通过ECMAScript语言规范描述了JavaScript所有的基本概念。ECMAScript语法大量借鉴C及其他类C语言(如Java和Perl)的语法,如果读者熟悉这些语言,学习和使用JavaScript会比较亲切、轻松。 目前,ECMA-262第3版中定义的ECMAScript是各浏览器实现最多的JavaScript版本。ECMA-262第6版(ECMAScript 2015)是最新的正式版本,但该版原创 2020-11-15 11:28:05 · 559 阅读 · 0 评论 -
第2章 在网页中使用JavaScript
第2章 在网页中使用JavaScript 与能够独立执行的C/C++等传统语言不同,执行JavaScript代码需要HTML网页环境。在当初开发JavaScript时,Netscape把JavaScript定位为嵌入式Web脚本语言,这种做法被保留了下来,并被正式纳入HTML规范当中。本章将详细介绍如何在网页中编写JavaScript代码并执行,同时介绍如何在浏览器中进行JavaScript代码调试和错误处理。【学习重点】▲ 灵活使用<script>标签▲ 了解JavaScript脚本存原创 2020-11-15 11:26:50 · 3101 阅读 · 0 评论 -
第1章 JavaScript概述
第1章 JavaScript概述 JavaScript是面向Web的编程语言。绝大多数现代网站都使用了JavaScript,并且所有的现代网页浏览器均包含了JavaScript解释器。这使得JavaScript成为史上使用最广泛的编程语言之一,JavaScript也是前端开发工程师必须掌握的基本技能之一。本章将从JavaScript起源开始讲解,简单介绍JavaScript发展历史、概况以及相关基本概念,为后续章节的进一步讲解打下基础。 【学习重点】 ▲ 了解JavaScript发展历史 ▲ 了解E原创 2020-11-15 11:24:46 · 653 阅读 · 0 评论