01 2018 档案

摘要:一.什么是jQueryjQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方法。它的作者是John Resig,于2006年创建的一个开源项目,随着越来越多开发者的加入,jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功 阅读全文
posted @ 2018-01-24 10:12 puppeteers 阅读(163) 评论(0) 推荐(0) 编辑
摘要:源码地址:https://github.com/whisper540/Base 阅读全文
posted @ 2018-01-23 15:32 puppeteers 编辑
摘要:2005年Jesse James Garrett发表了一篇文章,标题为:“Ajax:A new Approach to Web Applications”。他在这篇文章里介绍了一种技术,用他的话说,就叫:Ajax,是Asynchronous JavaScript + XML的简写。这种技术能够想服务 阅读全文
posted @ 2018-01-23 15:17 puppeteers 阅读(193) 评论(0) 推荐(0) 编辑
摘要:前两章我们探讨了XML的结构化数据,但开发人员还是觉得这种微型的数据结构还是过于烦琐、冗长。为了解决这个问题,JSON的结构化数据出现了。JSON是JavaScript的一个严格的子集,利用JavaScript中的一些模式来表示结构化数据。 一.JSON语法 JSON和XML类型,都是一种结构化的数 阅读全文
posted @ 2018-01-23 15:16 puppeteers 阅读(164) 评论(0) 推荐(0) 编辑
摘要:XPath是一种节点查找手段,对比之前使用标准DOM去查找XML中的节点方式,大大降低了查找难度,方便开发者使用。但是,DOM3级以前的标准并没有就XPath做出规范;直到DOM3在首次推荐到标准规范行列。大部分浏览器实现了这个标准,IE则以自己的方式实现了XPath。 一.IE中的XPath 在I 阅读全文
posted @ 2018-01-23 15:14 puppeteers 阅读(472) 评论(0) 推荐(0) 编辑
摘要:随着互联网的发展,Web应用程序的丰富,开发人员越来越希望能够使用客户端来操作XML技术。而XML技术一度成为存储和传输结构化数据的标准。所以,本章就详细探讨一下JavaScript中使用XML的技术。 对于什么是XML,干什么用的,这里就不在赘述了,在以往的XHTML或PHP课程都有涉及到,可以理 阅读全文
posted @ 2018-01-23 15:13 puppeteers 阅读(614) 评论(0) 推荐(0) 编辑
摘要:随着Web越来越复杂,开发者急切的需要能够本地化存储的脚本功能。这个时候,第一个出现的方案:cookie诞生了。cookie的意图是:在本地的客户端的磁盘上以很小的文件形式保存数据。 一.Cookie cookie也叫HTTP Cookie,最初是客户端与服务器端进行会话使用的。比如,会员登录,下次 阅读全文
posted @ 2018-01-23 15:11 puppeteers 阅读(279) 评论(0) 推荐(0) 编辑
摘要:JavaScript在错误处理调试上一直是它的软肋,如果脚本出错,给出的提示经常也让人摸不着头脑。ECMAScript第3版为了解决这个问题引入了try...catch和throw语句以及一些错误类型,让开发人员更加适时的处理错误。 一.浏览器错误报告 随着浏览器的不断升级,JavaScript代码 阅读全文
posted @ 2018-01-23 15:09 puppeteers 阅读(224) 评论(0) 推荐(0) 编辑
摘要:为了分担服务器处理表单的压力,JavaScript提供了一些解决方案,从而大大打破了处处依赖服务器的局面。 一.表单介绍 在HTML中,表单是由<form>元素来表示的,而在JavaScript中,表单对应的则是HTMLFormElement类型。HTMLFormElement继承了HTMLElem 阅读全文
posted @ 2018-01-23 15:07 puppeteers 阅读(404) 评论(0) 推荐(0) 编辑
摘要:事件绑定分为两种:一种是传统事件绑定(内联模型,脚本模型),一种是现代事件绑定(DOM2级模型)。现代事件绑定在传统绑定上提供了更强大更方便的功能。 一.传统事件绑定的问题 传统事件绑定有内联模型和脚本模型,内联模型我们不做讨论,基本很少去用。先来看一下脚本模型,脚本模型将一个函数赋值给一个事件处理 阅读全文
posted @ 2018-01-23 15:05 puppeteers 阅读(207) 评论(0) 推荐(0) 编辑
摘要:JavaScript事件的一个重要方面是它们拥有一些相对一致的特点,可以给你的开发提供更多的强大功能。最方便和强大的就是事件对象,他们可以帮你处理鼠标事件和键盘敲击方面的情况,此外还可以修改一般事件的捕获/冒泡流的函数。 一.事件对象 事件处理函数的一个标准特性是,以某些方式访问的事件对象包含有关于 阅读全文
posted @ 2018-01-23 15:03 puppeteers 阅读(169) 评论(0) 推荐(0) 编辑
摘要:JavaScript事件是由访问Web页面的用户引起的一系列操作,例如:用户点击。当用户执行某些操作的时候,再去执行一系列代码。 一.事件介绍 事件一般是用于浏览器和用户操作进行交互。最早是IE和Netscape Navigator中出现,作为分担服务器端运算负载的一种手段。直到几乎所有的浏览器都支 阅读全文
posted @ 2018-01-23 15:01 puppeteers 阅读(173) 评论(0) 推荐(0) 编辑
摘要:学习要点: 1.元素位置 2.动态脚本 3.动态样式 本章主要讲解上一章剩余的获取位置的DOM方法、动态加载脚本和样式。 一.元素位置 上一章已经通过几组属性可以获取元素所需的位置,那么这节课补充一个DOM的方法:getBoundingClientRect()。这个方法返回一个矩形对象,包含四个属性 阅读全文
posted @ 2018-01-23 14:54 puppeteers 阅读(204) 评论(0) 推荐(0) 编辑
摘要:学习要点: 1.获取元素CSS大小 2.获取元素实际大小 3.获取元素周边大小 本章,我们主要讨论一下页面中的某一个元素它的各种大小和各种位置的计算方式,以便更好的理解。 一.获取元素CSS大小 1.通过style内联获取元素的大小 var box = document.getElementById 阅读全文
posted @ 2018-01-23 14:30 puppeteers 阅读(151) 评论(0) 推荐(0) 编辑
摘要:DOM在操作生成HTML上,还是比较简明的。不过,由于浏览器总是存在兼容和陷阱,导致最终的操作就不是那么简单方便了。本章主要了解一下DOM操作表格和样式的一些知识。 一.操作表格 <table>标签是HTML中结构最为复杂的一个,我们可以通过DOM来创建生成它,或者HTML DOM来操作它。(PS: 阅读全文
posted @ 2018-01-23 14:27 puppeteers 阅读(448) 评论(0) 推荐(0) 编辑
摘要:学习要点: 1.DOM类型 2.DOM扩展 3.DOM操作内容 DOM自身存在很多类型,在DOM基础课程中大部分都有所接触,比如Element类型:表示的是元素节点,再比如Text类型:表示的是文本节点。DOM也提供了一些扩展功能。 一.DOM类型 DOM基础课程中,我们了解了DOM的节点并且了解怎 阅读全文
posted @ 2018-01-23 14:21 puppeteers 阅读(192) 评论(0) 推荐(0) 编辑
摘要:学习要点: 1.DOM介绍 2.查找元素 3.DOM节点 4.节点操作 DOM(Document Object Model)即文档对象模型,针对HTML和XML文档的API(应用程序接口)。DOM描绘了一个层次化的节点树,运行开发人员添加、移除和修改页面的某一部分。DOM脱胎于Netscape及微软 阅读全文
posted @ 2018-01-23 14:18 puppeteers 阅读(297) 评论(0) 推荐(0) 编辑
摘要:由于每个浏览器都具有自己独到的扩展,所以在开发阶段来判断浏览器是一个非常重要的步骤。虽然浏览器开发商在公共接口方面投入了很多精力,努力的去支持最常用的公共功能;但在现实中,浏览器之间的差异,以及不同浏览器的“怪癖”却是非常多的,因此客户端检测除了是一种补救措施,更是一种行之有效的开发策略。 一.na 阅读全文
posted @ 2018-01-23 14:16 puppeteers 阅读(239) 评论(0) 推荐(0) 编辑
摘要:学习要点: 1.window对象 2.location对象 3.history对象 BOM也叫浏览器对象模型,它提供了很多对象,用于访问浏览器的功能。BOM缺少规范,每个浏览器提供商又按照自己想法去扩展它,那么浏览器共有对象就成了事实的标准。所以,BOM本身是没有标准的或者还没有哪个组织去标准它。 阅读全文
posted @ 2018-01-23 14:10 puppeteers 阅读(184) 评论(0) 推荐(0) 编辑
摘要:学习要点: 1.匿名函数 2.闭包 匿名函数就是没有名字的函数,闭包是可访问一个函数作用域里变量的函数。声明:本节内容需要有面向对象和少量设计模式基础,否则无法听懂.(所需基础15章的时候已经声明过了)。 一.匿名函数 //普通函数 function box() { //函数名是box return 阅读全文
posted @ 2018-01-23 14:06 puppeteers 阅读(138) 评论(0) 推荐(0) 编辑
摘要:学习要点: 1.学习条件 2.创建对象 3.原型 4.继承 ECMAScript有两种开发模式:1.函数式(过程化),2.面向对象(OOP)。面向对象的语言有一个标志,那就是类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。但是,ECMAScript没有类的概念,因此它的对象也与基于类的语 阅读全文
posted @ 2018-01-23 14:04 puppeteers 阅读(165) 评论(0) 推荐(0) 编辑
摘要:学习要点: 1.Global对象 2.Math对象 ECMA-262对内置对象的定义是:“由ECMAScript实现提供的、不依赖宿主环境的对象,这些对象在ECMAScript程序执行之前就已经存在了。”意思就是说,开发人员不必显示地实例化内置对象;因为它们已经实例化了。ECMA-262只定义了两个 阅读全文
posted @ 2018-01-23 13:58 puppeteers 阅读(154) 评论(0) 推荐(0) 编辑
摘要:1.基本包装类型概述 2.Boolean类型 3.Number类型 4.String类型 为了便于操作基本类型值,ECMAScript提供了3个特殊的引用类型:Boolean、Number和String。这些类型与其他引用类型相似,但同时也具有与各自的基本类型相应的特殊行为。实际上,每当读取一个基本 阅读全文
posted @ 2018-01-23 13:53 puppeteers 阅读(155) 评论(0) 推荐(0) 编辑
摘要:JavaScript的变量与其他语言的变量有很大区别。JavaScript变量是松散型的(不强制类型)本质,决定了它只是在特定时间用于保存特定值的一个名字而已。由于不存在定义某个变量必须要保存何种数据类型值的规则,变量的值及其数据类型可以在脚本的生命周期内改变。 一.变量及作用域 1.基本类型和引用 阅读全文
posted @ 2018-01-23 13:45 puppeteers 阅读(143) 评论(0) 推荐(0) 编辑
摘要:在ECMAScript中,Function(函数)类型实际上是对象。每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法。由于函数是对象,因此函数名实际上也是一个指向函数对象的指针。 一.函数的声明方式 1.普通的函数声明 function box(num1, num2) 阅读全文
posted @ 2018-01-23 13:40 puppeteers 阅读(141) 评论(0) 推荐(0) 编辑
摘要:假设用户需要在HTML表单中填写姓名、地址、出生日期等。那么在将表单提交到服务器进一步处理前,JavaScript程序会检查表单以确认用户确实输入了信息并且这些信息是符合要求的。 一.什么是正则表达式 正则表达式(regular expression)是一个描述字符模式的对象。ECMAScript的 阅读全文
posted @ 2018-01-23 13:37 puppeteers 阅读(186) 评论(0) 推荐(0) 编辑
摘要:ECMAScript提供了Date类型来处理时间和日期。Date类型内置一系列获取和设置日期时间信息的方法。 一.Date类型 ECMAScript中的Date类型是在早期Java中java.util.Date类基础上构建的。为此,Date类型使用UTC (Coordinated Universal 阅读全文
posted @ 2018-01-23 13:32 puppeteers 阅读(143) 评论(0) 推荐(0) 编辑
摘要:什么是对象,其实就是一种类型,即引用类型。而对象的值就是引用类型的实例。在ECMAScript中引用类型是一种数据结构,用于将数据和功能组织在一起。它也常被称做为类,但ECMAScript中却没有这种东西。虽然ECMAScript是一门面向对象的语言,却不具备传统面向对象语言所支持的类和接口等基本结 阅读全文
posted @ 2018-01-23 13:30 puppeteers 阅读(170) 评论(0) 推荐(0) 编辑
摘要:函数是定义一次但却可以调用或执行任意多次的一段JS代码。函数有时会有参数,即函数被调用时指定了值的局部变量。函数常常使用这些参数来计算一个返回值,这个值也成为函数调用表达式的值。 一.函数声明 函数对任何语言来说都是一个核心的概念。通过函数可以封装任意多条语句,而且可以在任何地方、任何时候调用执行。 阅读全文
posted @ 2018-01-23 13:24 puppeteers 阅读(163) 评论(0) 推荐(0) 编辑
摘要:ECMA-262规定了一组流程控制语句。语句定义了ECMAScript中的主要语法,语句通常由一个或者多个关键字来完成给定的任务。诸如:判断、循环、退出等。 一.语句的定义 在ECMAScript中,所有的代码都是由语句来构成的。语句表明执行过程中的流程、限定与约定,形式上可以是单行语句,或者由一对 阅读全文
posted @ 2018-01-23 13:21 puppeteers 阅读(223) 评论(0) 推荐(0) 编辑
摘要:ECMA-262描述了一组用于操作数据值的运算符,包括一元运算符、布尔运算符、算术运算符、关系运算符、三元运算符、位运算符及赋值运算符。ECMAScript中的运算符适用于很多值,包括字符串、数值、布尔值、对象等。不过,通过上一章我们也了解到,应用于对象时通常会调用对象的valueOf()和toSt 阅读全文
posted @ 2018-01-23 13:18 puppeteers 阅读(174) 评论(0) 推荐(0) 编辑
摘要:学习要点: 1.typeof操作符 2.Undefined类型 3.Null类型 4.Boolean类型 5.Number类型 6.String类型 7.Object类型 ECMAScript中有5种简单数据类型:Undefined、Null、Boolean、Number和String。还有一种复杂 阅读全文
posted @ 2018-01-23 13:14 puppeteers 阅读(218) 评论(0) 推荐(0) 编辑
摘要:一.语法构成 区分大小写 ECMAScript中的一切,包括变量、函数名和操作符都是区分大小写的。例如:text和Text表示两种不同的变量。 标识符 所谓标识符,就是指变量、函数、属性的名字,或者函数的参数。标识符可以是下列格式规则组合起来的一或多个字符: 1.第一字符必须是一个字母、下划线(_) 阅读全文
posted @ 2018-01-23 13:08 puppeteers 阅读(163) 评论(0) 推荐(0) 编辑
摘要:一.创建一张HTML页面 初学者创建一张html页面建议借助工具,例如Dreamweaver可视化编辑器。 二.<Script>标签解析 <script>xxx</script>这组标签,是用于在html页面中插入js的主要方法。它主要有以下几个属性: 1.charset:可选。表示通过src属性指 阅读全文
posted @ 2018-01-23 12:54 puppeteers 阅读(229) 评论(0) 推荐(0) 编辑
摘要:学习一门知识应该了解其背景,很多人认为会用就行,起初我也是这么认为的,但后来才知道对起源的了解也很必要,从事javascript开发5年,今天开始总结一些笔记,分享下。 一.什么是JavaScript JavaScript是一种具有面向对象能力的、解释型的程序设计语言。更具体一点,它是基于对象和事件 阅读全文
posted @ 2018-01-23 12:44 puppeteers 阅读(485) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示