关于jQuery UI 使用心得及技巧

2017年02月06日 17 阅读

1 jQuery UI 2 为我所用 2.1 Tabs 2.2 Accordion 2.2.1 使用基本的Accordion 2.2.2 实现打开多个标签 2.2.3 Accordion的嵌套 3 给插件应用主题——Theme Roller 3.1 更改配色 3.2 更改图标 4 相关连接 jQuery UI 有时你仅仅是为了实现一个渐变的动画效果而不得不把javascrip 重新学习一遍然后书写大量代码。直到jQu...

jQuery 右下角滑动弹出可关闭重现层完整代码

2017年02月06日 21 阅读

效果图： 完整代码如下： jquery右下角滑动弹出可关闭重现层 博客园 计划 教程 *{ margin:0px; padding:0px;} #jihuaslide{ width:300px; height:200px; border:1px solid #000; position:fixed; bottom:2px; right:2px; display:none; background-color:White;} #jihuasli...

Jquery图形报表插件 jqplot简介及参数详解

2017年02月06日 22 阅读

功能概述： 有多种图表样式可供选择 可以自定义日期轴线 可设置旋转轴文字 自动计算趋势线 工具条提示和高亮数据点 默认最优设置，非常易于使用 以上功能在jqPlot主页中的示例页面有 很多直观的展示。这里是它详细使用文档。 缺点：柱状图无法显示具体数据值。饼状图无法显示具体百分比。 下边是搜集的详细参数配置： 复制代码 代码如下: options = { seriesColors: [ "#4bb2c5", "#c5b47f", "#EAA228", "#...

jQuery插件开发全解析

2017年02月06日 18 阅读

jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。 1、类级别的插件开发 类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX（）这个函数，将函数定义于jQuery的命名空间中...

一个日期下拉菜单的js实现代码

2017年02月06日 21 阅读

1.先看效果图： 2.js代码 year_month_day.js 复制代码 代码如下: year_month_day.js function DateSelector（selYear, selMonth, selDay） { this.selYear = selYear; this.selMonth = selMonth; this.selDay = selDay; this.selYear.Group = this; this.selMonth.Gro...

javascript测试题练习代码

2017年02月06日 17 阅读

1、给你一个字符串，要你找出里面出现次数最多的字母和出现的次数，例如：“abaasdffggghhjjkkgfddsssss”； 复制代码 代码如下: var str = "abaasdffggghhjjkkgfddsssss"; var arr = new Array（）; var i = 0; while （str.charAt（0）） { arr[i] = str.charAt（0） + "=" + （str.split（str.charAt（0））...

JavaScript高级程序设计（第3版）学习笔记 概述

2017年02月06日 20 阅读

在JavaScript面世之初，没有人会想到它会被应用的如此广泛，也远比一般人想象中的要复杂强大的多，在我自己学习的过程中，曾经有过多次震撼，只是常常没有过多久，很多美轮美奂的用法就又模糊起来，希望通过对JavaScript高级程序设计（第3版）的专题学习笔记，能够较为系统的将基础知识梳理一次，也能够将自己平常学习与工作过程中遇到的一些美妙用法记录下来，便于自己再次学习，当然，也希望可以给有需要的朋友们一些力所能及的帮助。 相关术语 先简要说一下和Jav...

JavaScript高级程序设计（第3版）学习笔记2 js基础语法

2017年02月06日 17 阅读

这一篇复习一下ECMAScript规范中的基础语法，英文好的朋友可以直接阅读官方文档。JavaScript本质上也是一种类C语言，熟悉C语言的朋友，可以非常轻松的阅读这篇文章，甚至都可以跳过，不过建议你最好还是看一看，在介绍的同时，我可能会引用一些自认为不易理解且比较流行的用法。 基础语法1、标识符：所谓标识符，实际上就是指一个满足一定规范，能够被引擎识别的名字，可以用来表示常量、变量、函数名、函数参数、对象、对象属性等所有可命名对象的名称。（1）区分大小...

JavaScript高级程序设计（第3版）学习笔记3 js简单数据类型

2017年02月06日 21 阅读

ECMAScript是一种动态类型的语言，构建于5种简单数据类型（Undefined、Null、Boolean、Number、String）和一种复杂数据类型（Object）的基础之上。这篇文章就来复习一下简单数据类型，我会尽量从编程实践的角度来描述，下面代码运行环境为FireFox 14.0.1。 简单数据类型简单数据类型取值Undefinedundefined（只有一个值）Nullnull（只有一个值）Booleantrue|false（只有两个值）N...

JavaScript高级程序设计（第3版）学习笔记4 js运算符和操作符

2017年02月06日 22 阅读

在ECMAScript中，有非常丰富的运算符和操作符，在这篇文章中将按通常的分类来稍微整理一下，不过在整理之前，先说明一下： 1、虽然标题是运算符和操作符，然而在我看来并没有多少严格区分的必要，在英文中，貌似也是用一个Operator来表示，所以在下文中我可能会混用。甚至，一些不属于运算符和操作符范畴的，我也整理在这里，只要我觉得必要。2、对于运算符的优先级，你无需一一牢记——我相信你知道最简单的”先乘除，后加减”，至于其它的，如果你不确定，加上括号好了。...

JavaScript高级程序设计（第3版）学习笔记5 js语句

2017年02月06日 22 阅读

砖瓦和水泥都有了，接下来该是砌墙了，在ECMAScript中，语句就是我们需要砌的墙了。语句也和操作符一样，对于有C背景的人来说再自然不过了，下面采用类似的形式整理一下语句的相关知识，重点突出一些ECMAScript中比较特别和个人认为比较有意思的地方，同样，没有强调的但比较基础的语句并非不重要，而是我认为你已经熟悉。 语句一览语句语法简要描述简单语句;语句以分号（;）结束，在不引起歧义的情况下也可以省略分号。语句块{}使用大括号（{}）将一组语句放一起组...

JavaScript高级程序设计（第3版）学习笔记6 初识js对象

2017年02月06日 21 阅读

在房子里面可以放你想放的任意事物——如果你有足够的美学造诣，你甚至可以弄一个房中房试试——当然，为了方便管理，我们会给房子里存放的所有事物都会取上一个不重复的名字，比如医药房间里的各种药品名称。在ECMAScript中，你可以在对象中存放任意你想放的数据，同样，我们需要给存放的数据取一个名字——也就是对象的属性名，再存放各种数据。再看看ECMA-262中对象的定义：无序属性的集合，其属性可以包含简单数据类型值、对象或者函数。 进入对象，我开始有些激动了...

JavaScript高级程序设计（第3版）学习笔记7 js函数（上）

2017年02月06日 21 阅读

变量类型 在说函数之前，先来说说变量类型。 1、变量：变量在本质上就是命名的内存空间。 2、变量的数据类型：就是指变量可以存储的值的数据类型，比如Number类型、Boolean类型、Object类型等，在ECMAScript中，变量的数据类型是动态的，可以在运行时改变变量的数据类型。 3、变量类型：是指变量本身的类型，在ECMAScript中，变量类型就只有两种：值类型和引用类型。当变量的数据类型是简单数据类型时，变量类型就是值类型，当变量的数据类型...

JavaScript高级程序设计（第3版）学习笔记8 js函数（中）

2017年02月06日 22 阅读

6、执行环境和作用域 （1）执行环境（execution context）：所有的JavaScript代码都运行在一个执行环境中，当控制权转移至JavaScript的可执行代码时，就进入了一个执行环境。活动的执行环境从逻辑上形成了一个栈，全局执行环境永远是这个栈的栈底元素，栈顶元素就是当前正在运行的执行环境。每一个函数都有自己的执行环境，当执行流进入一个函数时，会将这个函数的执行环境压入栈顶，函数执行完之后再将这个执行环境弹出，控制权返回给之前的执行环境。...

JavaScript高级程序设计（第3版）学习笔记9 js函数（下）

2017年02月06日 18 阅读

再接着看函数——具有魔幻色彩的对象。 9、作为值的函数 在一般的编程语言中，如果要将函数作为值来使用，需要使用类似函数指针或者代理的方式来实现，但是在ECMAScript中，函数是一种对象，拥有一般对象具有的所有特征，除了函数可以有自己的属性和方法外，还可以做为一个引用类型的值去使用，实际上我们前面的例子中已经有过将函数作为一个对象属性的值，又比如函数也可以作为另一个函数的参数或者返回值，异步处理中的回调函数就是一个典型的用法。 复制代码 代码如下: ...

JavaScript高级程序设计（第3版）学习笔记10 再访js对象

2017年02月06日 22 阅读

1、对象再认识（1）对象属性和特性 什么是属性（Property），什么是特性（Attribute），这有什么区别？我不想也不会从语义学上去区分，对于这系列文章来说，属性就是组成对象的一个部分，广义上也包括对象的方法，而特性则是指被描述主体所具有的特征，换句话说，属性是我们可以通过编码来访问的具体存在，而特性则主要是为了便于理解概念的抽象存在，当然，特性也可以通过相应的属性来具体外化。这一小节所讲的对象属性的特性就是对对象属性特征的一个描述，主要来自于E...

JavaScript高级程序设计（第3版）学习笔记11 内建js对象

2017年02月06日 21 阅读

内建对象就好比是JDK中的类库，开发者可以直接拿来使用，这极大的方便了常见的编程任务。这篇文章就来浏览一下主要的内建对象，当然，我们并不是第一次接触内建对象，前面已经接触到的就有Object、Function、Boolean、Number、String，对于已经介绍过的，这里再总结复习一下，没有介绍过的，根据相关性来对比的总结，RegExp对象及正则表达式在下一篇中再单独介绍。 1、内建全局单例对象（1）内建全局单例对象：在整个执行环境中只有一个对象实例，...

JavaScript高级程序设计（第3版）学习笔记12 js正则表达式

2017年02月06日 21 阅读

需要指出的是，这里只是总结了正则表达式的常用的且比较简单的语法，而不是全部语法，在我看来，掌握了这些常用语法，已经足够应对日常应用了。正则表达式不只是应用在ECMAScript中，在JAVA、.Net、Unix等也有相应应用，这篇文章则是以ECMAScript中的正则表达式为基础总结的。一、正则表达式基础 1、普通字符：字母、数字、下划线、汉字以及所有没有特殊意义的字符，如ABC123。在匹配时，匹配与之相同的字符。2、特殊字符：（需要时，使用反斜杠“”进...

JavaScript高级程序设计（第3版）学习笔记13 ECMAScript5新特性

2017年02月06日 21 阅读

接下来应该是BOM和HTML5了，但是鉴于ECMAScript5相对于ECMAScript3的新变化比较多，而且这些变化也非常的有意思，因此在这篇文章中再将我认为的有意思的变化（并非全部变化）集中整理一下，但这里只是列举，不具体展开。 一、语法变化 1、关键字和保留字 在ES3中，使用关键字做标识符会导致“Identifier Expected ”错误，而使用保留字做标识符可能会也可能不会导致相同的错误，具体取决于特定的引擎。在ES5中，关键字和保留字...

js事件（Event）知识整理

2017年02月06日 21 阅读

鼠标事件 鼠标移动到目标元素上的那一刻，首先触发mouseover 之后如果光标继续在元素上移动，则不断触发mousemove 如果按下鼠标上的设备（左键,右键,滚轮……），则触发mousedown 当设备弹起的时候触发mouseup 目标元素的滚动条发生移动时（滚动滚轮/拖动滚动条。。）触发scroll 滚动滚轮触发mousewheel，这个要区别于scroll 鼠标移出元素的那一刻，触发mouseout 事件注册 平常我们绑定事件的时候用dom.onx...