首页 专题 H5案例 前端导航 UI框架

JavaScript学习笔记整理(11):window对象

Window对象是客户端JavaScript程序的全局对象。

11.1 计时器
setTimeout()和setInterval()可以用来注册在指定的时间之后单次或重复调用的函数。两者都是客户端JavaScript中的全局函数,也就是Window对象的方法。
阅读 1487 · 评论 0 · 喜欢 1 阅读全文

JavaScript学习笔记整理(10):Event事件

客户端JavaScript程序采用了异步事件驱动编程模型。

一、相关术语

事件就是Web浏览器通知应用程序发生了什么事情。

事件类型(event type)是一个用来说明发生什么类型事件的字符串。例如,“mousemove”表示用户移动鼠标,“keydown”表示键盘上某个键被按下等等。
阅读 3908 · 评论 0 · 喜欢 1 阅读全文

JavaScript学习笔记整理(6):函数

函数就是一段可以反复调用的代码块。

函数使用function关键字来定义,还包括一个称为形参(parameter)的标识符列表,这些参数在函数体内像局部变量一样工作。

阅读 1344 · 评论 0 · 喜欢 1 阅读全文

JavaScript学习笔记整理(9):DOM--属性和CSS

一、属性

HTML元素由一个标签和一组称为属性(attribute)的名/值对组成。
阅读 1612 · 评论 0 · 喜欢 1 阅读全文

JavaScript学习笔记整理(8):DOM

一、DOM

文档对象模型(Document Object Model,DOM)是表示和操作HTML和XML文档内容的基础API。

当网页被加载时,浏览器会根据DOM模型,将结构化文档(比如HTML和XML)解析成一系列的节点,再由这些节点组成一个树状结构(DOM Tree)。 

如下图:  

上图中的每一个方框是文档的一个节点,它表示一个Node对象,而所有节点组成了节点树(DOM树)。

阅读 1850 · 评论 0 · 喜欢 1 阅读全文

JavaScript学习笔记整理(7):表达式和运算符

表达式(expression)是JavaScript中的一个短语,JavaScript解释器会将其计算出一个结果。

将简单表达式组合成复杂表达式最常用的方法就是使用运算符(operator)。运算符按照特定的运算规则对操作数进行运算,并计算出新值。

阅读 1140 · 评论 0 · 喜欢 1 阅读全文

JavaScript学习笔记整理(5):数组

数组是值的有序集合。每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示(从0开始),称为索引,整个数组用方括号表示。

var  arr = [1,2,3];

除了在定义时赋值,数组也可以先定义后赋值。

var arr = [];

arr[0] =1;

数组元素可以是任意类型。

var arr = [1,'a',{name:'a'},function(){}];

上面数组arr的4个元素分别是数字,字符串,对象,函数。
阅读 1011 · 评论 0 · 喜欢 1 阅读全文

JavaScript学习笔记整理(4):对象

JavaScript是面向对象编程(Object Oriented Programming,OOP)语言。


面对对象编程的核心思想就是是将真实世界中各种复杂的关系,抽象成一个个对象,然后由对象之间分工合作,完成对真实世界的模拟。
阅读 1599 · 评论 0 · 喜欢 1 阅读全文

JavaScript学习笔记整理(3):语句

表达式在JavaScript中是短语,而语句(statement)就是JavaScript整句或命令。

JavaScript语句是以分号结束。

默认情况下,JavaScript解释器依照语句的编写顺序依次执行。
阅读 1258 · 评论 0 · 喜欢 1 阅读全文

JavaScript学习笔记整理(2):类型、值和变量

1、数据类型

JavaScript语言的每一个值,都属于某一种数据类型。 JavaScript共有六种数据类型:

数值(number):整数和小数 字符串(string):字符组成的文本 布尔值(boolean):true和false两个特定值。 undefined:表示未定义或不存在。 null:表示空缺,即此处应该有一个值,但此时为空。 对象(object):各种值组成的集合。

通常,我们将数值、字符串、布尔值称为原始类型(primitive type),即它们是最基本的数据类型,无法再细分了。而将对象称为合成类型(complex type)的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。至于undefined和null,一般将它们看成两个特殊值。
阅读 1861 · 评论 0 · 喜欢 1 阅读全文

JavaScript学习笔记整理(1):词法结构

编程语言的词法结构是一套基础性规则,用来描述如何使用这门语言来编写程序。

阅读 3762 · 评论 0 · 喜欢 1 阅读全文

纯css3开发的checkbox、radio和switch

随着CSS3的出现,我们可以自由的去美化radio和checkbox。当然,如果你嫌自己开发麻烦,网上已经有很多比较完善的表单插件,比如:iCheck

在这篇文章,并不是介绍某个插件,主要是分享一下实现纯css3开发的checkbox、radio和switch的思路。

阅读 472 · 评论 0 · 喜欢 1 阅读全文

原生JS写Ajax的请求函数(转载)

一、JS原生ajax
ajax:一种请求数据的方式,不需要刷新整个页面;
ajax的技术核心是 XMLHttpRequest 对象;
ajax 请求过程:创建 XMLHttpRequest 对象、连接服务器、发送请求、接收响应数据;
阅读 401 · 评论 0 · 喜欢 1 阅读全文

如何通过 JS 来修改浏览器地址而页面不刷新


history对象:它提供了一些非常有用的方法和属性,让我们在历史记录中自由前进和后退。

一、历史记录概览

1、前进与后退

window.history.back()  //后退

window.history.forward()  //前进


阅读 391 · 评论 0 · 喜欢 1 阅读全文

想成为优秀的技术人员你必须做到的几件事情(转载)

找工作的这几天,收获颇多。思考得最多的问题可能就是对未来的一个规划。无意中看到下面几条经验,发现和自己想的也差不多,就分享出来。我要求自己做到这些,同时也希望对您也有所帮助。

1、保持学习

一个非常重要的观点是:如果你停留在一个地方不前,并不代表你能一直呆在那里,而是代表你正在落后(不进则退)。往前进并不意味着你是就能进步 - 这至少你不会沦落到最后(付出就会有收获) 。程序员为了保持向前发展,就需要不断学习 ,我们需要的不是慢慢的往前走,而是我们要奔跑起来!下面列出这方面的几个观点:

  • 读书
  • 订阅RSS和阅读一些杂志(我觉得msdn的杂志不错)
  • 参加一些研讨会,自己准备一些简报(社区精英、博客园每月的活动等都不错)
  • 学习一切可以帮助你的东西
  • 教其他人其实也是教自己
阅读 481 · 评论 0 · 喜欢 1 阅读全文