手册网-优快云博客

4.2 执行环境及作用域【JavaScript高级程序设计第三版】

执行环境（execution context，为简单起见，有时也称为“环境”）是JavaScript 中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象（variable object），环境中定义的所有变量和函数都保存在这个对象中。虽然我们编写的代码无法访问这个对象，但解析器在处理数据时会在后台使用它。全局执行环境...

2017-06-02 09:15:25 246

22.5 拖放【JavaScript高级程序设计第三版】

拖放是一种非常流行的用户界面模式。它的概念很简单：点击某个对象，并按住鼠标按钮不放，将鼠标移动到另一个区域，然后释放鼠标按钮将对象“放”在这里。拖放功能也流行到了Web 上，成为了一些更传统的配置界面的一种候选方案。拖放的基本概念很简单：创建一个绝对定位的元素，使其可以用鼠标移动。这个技术源自一种叫做“鼠标拖尾”的经典网页技巧。鼠标拖尾是一个或者多个图片在页面上跟着鼠标指针移动。单元素鼠标拖...

2017-05-27 10:53:32 291

21.1 XMLHttpRequest 对象【JavaScript高级程序设计第三版】

IE5 是第一款引入XHR 对象的浏览器。在IE5 中，XHR 对象是通过MSXML 库中的一个ActiveX对象实现的。因此，在IE 中可能会遇到三种不同版本的XHR 对象，即MSXML2.XMLHttp、MSXML2.XMLHttp.3.0 和MXSML2.XMLHttp.6.0。要使用MSXML 库中的XHR 对象，需要像第18章讨论创建XML 文档时一样，编写一个函数，例如：//适用...

2017-05-25 09:06:49 237

13.4.3 鼠标与滚轮事件【JavaScript高级程序设计第三版】

鼠标事件是Web 开发中最常用的一类事件，毕竟鼠标还是最主要的定位设备。DOM3 级事件中定义了9 个鼠标事件，简介如下。 click：在用户单击主鼠标按钮（一般是左边的按钮）或者按下回车键时触发。这一点对确保易访问性很重要，意味着onclick 事件处理程序既可以通过键盘也可以通过鼠标执行。dblclick：在用户双击主鼠标按钮（一般是左边的按钮）时触发。从技术上说，这个事件并不是DO...

2017-05-22 08:39:37 300

13.6 模拟事件【JavaScript高级程序设计第三版】

事件，就是网页中某个特别值得关注的瞬间。事件经常由用户操作或通过其他浏览器功能来触发。但很少有人知道，也可以使用JavaScript 在任意时刻来触发特定的事件，而此时的事件就如同浏览器创建的事件一样。也就是说，这些事件该冒泡还会冒泡，而且照样能够导致浏览器执行已经指定的处理它们的事件处理程序。在测试Web 应用程序，模拟触发事件是一种极其有用的技术。DOM2 级规范为此规定了模拟特定事件的方...

2017-05-17 09:50:43 180

14.5 富文本编辑【JavaScript高级程序设计第三版】

富文本编辑，又称为WYSIWYG（What You See Is What You Get，所见即所得）。在网页中编辑富文本内容，是人们对Web 应用程序最大的期待之一。虽然也没有规范，但在IE 最早引入的这一功能基础上，已经出现了事实标准。而且，Opera、Safari、Chrome 和Firefox 都已经支持这一功能。这一技术的本质，就是在页面中嵌入一个包含空HTML 页面的iframe...

2017-05-15 09:19:48 179

12.2.1 访问元素的样式【JavaScript高级程序设计第三版】

任何支持style 特性的HTML 元素在JavaScript 中都有一个对应的style 属性。这个style 对象是CSSStyleDeclaration 的实例，包含着通过HTML 的style 特性指定的所有样式信息，但不包含与外部样式表或嵌入样式表经层叠而来的样式。在style 特性中指定的任何CSS 属性都将表现为这个style 对象的相应属性。对于使用短划线（分隔不同的词汇，例如b...

2017-05-11 08:54:19 191

20.2 解析与序列化【JavaScript高级程序设计第三版】

JSON 之所以流行，拥有与JavaScript 类似的语法并不是全部原因。更重要的一个原因是，可以把JSON 数据结构解析为有用的JavaScript 对象。与XML 数据结构要解析成DOM 文档而且从中提取数据极为麻烦相比，JSON 可以解析为JavaScript 对象的优势极其明显。就以上一节中包含一组图书的JSON数据结构为例，在解析为JavaScript 对象后，只需要下面一行简单的代...

2017-05-10 09:40:18 153

10.1.5 Comment类型【JavaScript高级程序设计第三版】

注释在DOM中是通过Comment 类型来表示的。Comment 节点具有下列特征：nodeType 的值为8；nodeName 的值为"#comment"；nodeValue 的值是注释的内容；parentNode 可能是Document 或Element；不支持（没有）子节点。Comment 类型与Text 类型继承自相同的基类，因此它拥有除splitText()...

2017-05-09 08:49:50 195

4.1 基本类型和引用类型的值【JavaScript高级程序设计第三版】

ECMAScript 变量可能包含两种不同数据类型的值：基本类型值和引用类型值。基本类型值指的是简单的数据段，而引用类型值指那些可能由多个值构成的对象。在将一个值赋给变量时，解析器必须确定这个值是基本类型值还是引用类型值。第3 章讨论了5 种基本数据类型：Undefined、Null、Boolean、Number 和String。这5 种基本数据类型是按值访问的，因为可以操作保存在变量中的实际...

2017-05-08 09:01:13 155

原创 10.2 DOM 操作技【JavaScript高级程序设计】

很多时候，DOM 操作都比较简明，因此用JavaScript 生成那些通常原本是用HTML 代码生成的内容并不麻烦。不过，也有一些时候，操作DOM 并不像表面上看起来那么简单。由于浏览器中充斥着隐藏的陷阱和不兼容问题，用JavaScript 代码处理DOM 的某些部分要比处理其他部分更复杂一些。10.2.1 动态脚本使用<script>元素可以向页面中插入JavaScrip...

2017-05-06 15:12:25 165

Bootstrap CustomBox 弹层

这个模态窗口插件使用原生javascript制作，它也可以和jQuery完美的结合。请注意：这些模态窗口动画仅仅工作在支持各自CSS3属性的浏览器上。Internet Explorer 8 和 9需要legacy.min.js的支持，但是没有动画效果。在线实例实例演示使用方法<script> $(function () { $('#...

2017-03-07 08:46:42 339

MovingBoxes左右滑动放大图片插件

MovingBoxes左右滑动放大图片插件在产品预览时很有用哦实例代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w...

2017-02-28 08:23:56 326

poshytip漂亮的表单提示插件

一款很实用的小插件，在表单的输入框会显示提示信息，你可能会用的它。实例代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www...

2017-02-24 09:04:48 358

原创 CSS4.2.3 参考手册.CHM

手册名称在线版离线版CHMCSS4.2.3 参考手册阅读下载CSS3.0 中文手册阅读下载CSS2.0 参考手册阅读下载

2017-02-23 11:07:39 1075 1

jQuery fsBanner 手风琴

fsbanner是一款自定义功能丰富的响应式网站Banner手风琴特效jQuery插件。该手风琴特效兼容性很好，支持点击和鼠标滑过等触发事件，并且可添加标题或描述。在线实例默认带标题鼠标滑过带文字介绍带文字介绍（默认隐藏）onChanged事件使用方法<div class='fsbanner' > <div ...

2017-02-22 08:51:15 145

9种不同的面包屑和分布式多步骤导航

【常用面包屑】9种不同的面包屑和分布式多步骤导航实例代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/199...

2017-02-21 08:36:49 262

jQuery Flipping Gallery 特效翻转画廊

在线实例简单配置翻转方向鼠标滚动自动播放绑定事件使用方法 <div class="main"> <div class="page_container"> <div class="gallery"> <a href="#">&

2017-02-20 08:35:51 211

超炫jQuery测试答题功能

推荐一款超炫jQuery测试答题功能插件实例代码<body> <div class="container" id="main"> <div class="demo"> <div id='quiz_area'></div>

2017-02-17 08:45:15 674 1

折叠纸片PFold.js

PFold.js是一款折叠纸片插件,支持定义折叠纸牌数量、折叠动画效果、折叠方向，而且还支持折叠结束后回调方法。在线实例效果一效果二效果三使用方法<div id="uc-container" class="uc-container"> <div class="uc-initial-content"> ...

2017-02-16 08:55:23 192

jQuery waterbubble 水球图

很炫的一款水球图插件介绍给大家在线实例默认效果显示文本水球半径文本颜色边框宽度设置字体数据多少是否显示波纹水球颜色是否显示动画使用方法<div class="wrap"> <canvas id="sucaihuo"></canvas></div&g...

2017-02-15 08:30:06 610

jQuery Filterizr 筛选过滤

Filterizr 是一款功能强大的筛选过滤插件，它提供了多重筛选过滤方式，配合了css3的动画效果。在线实例默认回调函数使用方法<div class="sucaihuo"> <div class="filtr-item" data-category="1, 5"> <img src="img/ci.

2017-02-13 08:45:19 449

jQuery Tocify 定位导航

Tocify是一个jQuery插件，能够动态的生成文章目录，Tocify可以随意的设置Twitter Bootstrap 或者 jQueryUI Themeroller支持的可选动画和jQuery的显示/隐藏效果，Tocify还支持平滑滚动，向前和向后按钮支持，可以监听浏览器的滚动显示当前的目录结构。插件特点主题支持 Twitter Bootstrap 或者 jQueryUI Th...

2017-02-11 09:14:08 200

jQuery progression 表单进度

progression.js是一款表单输入完成进度插件。支持自定义提示框大小、方向、左边、动画效果、间距等，也支持是否显示进度条、字体大小、颜色、背景色等。在线实例实例演示使用方法<form id="myform"> <p> <label>点击一个字段</label> ...

2017-02-10 08:32:23 174

jQuery BreakingNews 间歇滚动

BreakingNews 是一款基于jQuery的间歇滚动插件。它可以设置标题、标题颜色、标题背景颜色、链接颜色、字体大小、边框、宽度、自动滚动、间歇时间等等，同时它还好提供两种过度方式——淡入淡出（fade）和向上滑动（slide）。在线实例实例演示使用方法<div class="BreakingNewsController easing" id="breakingn...

2017-02-09 08:41:27 158

jQuery eislideshow 图片轮播

在线实例基础演示自动播放使用方法<div id="ei-slider" class="ei-slider"> <ul class="ei-slider-large"> <li> <img src="images/large/4.jpg&quo

2017-02-08 08:36:43 148

jQuery Jcrop 图像裁剪

Jcrop 是一个功能强大的 jQuery 图像裁剪插件，结合后端程序（例如：PHP）可以快速的实现图片裁剪的功能。版本：jQuery v1.5.1+jQuery Jcrop v0.9.12github在线实例实例预览 jQuery Jcrop 图像裁剪插件 Hello World 基础示例实例预览 jQuery Jcrop 图像裁剪插件 Basi...

2017-02-07 08:35:36 172

Javascript中的prototype与继承

通常来说，javascript中的对象就是一个指向prototype的指针和一个自身的属性列表。javascript创建对象时采用了写时复制的理念。只有构造器才具有prototype属性，原型链继承就是创建一个新的指针，指向构造器的prototype属性。prototype属性之所以特别，是因为javascript时读取属性时的遍历机制决定的。本质上它就是一个普通的指针。构造器...

2017-02-06 08:30:50 117

JS中的phototype详解

作者：轩脉刃1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是，现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。2 javascript的方法可以分为三类：a 类方法b 对象方法c 原型方法例子：functionPeople(name){this.name=name;...

2017-02-04 08:52:14 167

jQuery选项卡wdScrollTab

实例Demo运行一下参数说明 ConfigactiveNumber Active tab index. Base on 0.autoResizableBoolean Whether panel resizes itself according to content.borderBoolean To show border or n...

2017-02-03 09:11:44 1336

jQuery 滑动选项卡jQuery tabulous.js

A jQuery tabs module for todays web! 实例DEMO运行一下DocumentationTabulous.js can be used with any contents you choose in the tabs and it couldn't be more simpler to use...:: Getting Started...

2017-01-24 08:38:24 249

jQuery 滑动选项卡jQuery tabslet

Tabslet Yet another jQuery plugin for tabs, lightweight, easy to use and with some extra featuresDemonstration pageDocumentation (wiki)实例DEMO运行一下FeaturesBeyond the standard tabs...

2017-01-23 08:22:08 252

jQuery 滑动选项卡SmartTab

Smart TabOverviewSmart Tab is a jQuery plugin for tabbed interface. It is flexible and very easy to implement. It has a lot of features that you will love and it is completely open source. It can...

2017-01-22 08:46:55 174

jQuery 选项卡 CleverTabs

CleverTabs是一款jQuery插件，所需jQuery版本:1.6.1，jQuery UI样式版本:1.8.13；其功能为创建jQuery UI风格的Tab用于显示iframe。本示例中符加了jQuery.contextMenu插件，我修改了其样式，使用了jQuery UI的皮肤运行一下效果如下图:初级应用示例：HTML代码:<div id=...

2017-01-20 08:32:26 575

ThinkPHP5.0完全开发手册.【CHM】

ThinkPHP5已经出来很长时间了，官网也没有提供CHM格式的手册下载只有PDF格式的，我根据官网的在线手册制作了一个离线版的ThinkPHP5.0完全开发手册.CHM格式的文档。 ...

2017-01-17 16:12:22 1431

Flexible 弹性盒子模型之CSS order 属性

实例设置弹性盒对象元素的顺序：div#myRedDIV {order:2;}div#myBlueDIV {order:4;}div#myGreenDIV {order:3;}div#myPinkDIV {order:1;}复制效果预览浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。紧跟在 -webkit-, -...

2017-01-17 08:36:20 319

Flexible 弹性盒子模型之CSS justify-content 属性

实例在弹性盒对象的 <div> 元素中的各项周围留有空白：div{display: flex;justify-content: space-around;}复制效果预览浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属性的第一个...

2017-01-16 09:27:49 654

Flexible 弹性盒子模型之CSS align-self 属性

实例居中对齐弹性对象元素内的某个项：#myBlueDiv{align-self:center;}复制效果预览浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属性的第一个版本。属性 align-self21.0...

2017-01-13 08:34:19 330

Flexible 弹性盒子模型之CSS align-items 属性

实例居中对齐弹性盒的各项 <div> 元素：div{display: flex;align-items:center;}复制效果预览浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属性的第一个版本。属性 ...

2017-01-12 08:32:47 386

CSS align-content 属性

实例对齐弹性盒的 <div> 元素的各项：div{display: flex;flex-flow: row wrap;align-content:space-around;}复制效果预览浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。紧跟在 -webkit-, -ms- 或 -moz- 后的数字...

2017-01-11 08:26:09 315

空空如也

空空如也