JavaScript学习笔记

原创 2015年07月07日 19:56:27


一.加快页面加载
1.把JavaScript放在<body>元素里面内容的后面。
2.使用延迟脚本 <script defer src=""></script>
3.使用异步脚本 <script async src=""></script>
 区别:async在window的load事件触发(页面上所有的DOM,样式表,脚本,图片,flash都已经加载完成了时)之前执行。
 defer 在document的DOMContentLoaded事件触发(仅当DOM加载完成,不包括样式表,图片,flash)之前执行。
 asynic 下载完后立即执行,所以多个使有asynic的脚本执行顺序会打乱。defer在遇到</html>标签后再按顺序执行。
二.标识符
1.名子的别称,变量名、函数名、参数名、属性名、对象名。
2.第一个字符必须是一个字母、下划线(_)、或美元符号($);
3.其它字符可以是字母、下划线、美元符号、数字。
4.字母可以包含扩展的ASCLL或Unicode字母字符(如汉字等)
三.数据类型
1.简单数据类型(也称为基本数据类型):Undifined、Null、Boolean、Number、String。
2.复杂数据类型:Object。
3.typeof 操作符返回值
 "undifined"、"boolean"、"string"、"number"、"object"、"function"
四.相等操作符
1.相等和不等(==、!=)————先转换再比较
 1.布尔类型转数字true转换为1,false转换为0;
 2.字符类型转数字;
 3.如果两个操作数指向同一个对象则相等,否则不相等;
 4.null和undifined相等;null==undifined true
 5.只要有一个操作数是NaN相等返回false,不等返回true;
2.全等和不全等(===、!==)————仅比较不转换 null===undifined false

五.Array类型
1.创建Array类型的两种该去:
 1 var colors=new Array();//new Array(5)、new Array("red","blue","green")
 2 var colors=[];//["red","blue","green"]
2.colors.toString();//red,blue,green
3.colors.unshift("yellow");//在数最前面插入一项,返回插入后数组长度
4.colors.push("yellow");//数组最近推入一项
5.colors.pop();//返回最后一项,同时在数组中移除该项
6.colors.shift();//返回第一项,同时在数组中移除该项
7.colors.concat("aaa");//"red","blue","green","aaa"
8.colors.concat("aaa",["bbb","ccc"]);//返回追加后的新数组,原数组不受影响
9.colors.slice(start,[length]);// 返回新部分数组,原数组不受影响
A.colors.splice(0,2);//删除前两项
B.colors.splice(2,0,"yello","red");//位置2开始插入”yello"和"red"
C.colors.splice(2,1,"yello","red");//删除位置2的1项,从2位置插入”yello"和"red"
D.evary(fuction[,scope]):对数组中每一项给定函数,运行该函数的作用域对像(this值),每一项返回true则返回true;
E.some(fuction[,scope]):任一项返回true则返回true;
F.filter(fuction[,scope]):返回该函数为true的项;
G.forEach(fuction[,scope]):对数组每一项运行给定函数,没有返回值;
H.map(fuction[,scope]):对数组每一项运行给定函数,返回每次函数调用的结果组成的的数组;
I.reduce(function(prev,cur,index,array){});//归并方法;

六.Function
1.arguments的主要用途是保存参数,arguemnts.callee属性是一个指针,指向拥有这个arguments对象的函数。
2.functionName.caller保存着调用当前函数的函数引用function a(){alert(a.caller);} (arguments.callee.caller)













javascript基础学习笔记

编者寄言:  本文主要为编者读书笔记,在文章里面很多话是掺杂了编者自己的见解,如果有哪里出现错误或者用词不严谨,请友善留言,编者会及时去更改。 本文很多地方只是简单说了一下应该注意的地方,具体代码部分...
  • u012967849
  • u012967849
  • 2016年07月20日 14:08
  • 1954

javascript学习笔记

第一章 一、JavaScript概述 JavaScript是基于对象和事件驱动的脚本语言,主要应用在客户端。 特点: 1.交互性(它可以做的就是信息的动态交互) 2.安全性(它不允许直接访问本地硬盘...
  • zhoulenihao
  • zhoulenihao
  • 2013年09月04日 23:04
  • 4103

js学习笔记(比较全)

什么是JavaScript? 1. JavaScript 是一种客户端脚本语言(脚本语言是一种轻量级的编程语言)。 2. JavaScript 通常被直接嵌入 HTML 页面。 3....
  • jiangzhongwei_
  • jiangzhongwei_
  • 2016年07月22日 20:12
  • 601

JavaScript for Kids 学习笔记1. 学习环境

第一章讲了一堆废话。不过,确实也有干货,那就是学习环境。学习过程中必须要有一个简单易用的练习平台,就像Swift的Playground。...
  • wershest
  • wershest
  • 2017年03月10日 12:24
  • 444

HTML5学习笔记 —— JavaScript基础知识

来源于我的HTML5学习笔记,通过它可以快速入门HTML5,同时可以作为工作中快速查找知识点的利器。 本文由浅入深地详解了JavaScript的各项基础知识点,通过本文你将会对JavaScript语...
  • chencl1986
  • chencl1986
  • 2017年05月11日 21:51
  • 2551

前端无小事之HTML--LocalStorage

参考书籍:《JavaScript 权威指南----ECMAScript5+HTML5DOM+HTML5BOM》编著:张亚飞 1.什么是Web存储? Web存储机制是一种通过字符串形式的 k...
  • pengjunlee
  • pengjunlee
  • 2016年11月06日 10:34
  • 10839

《JavaScript高级程序设计 第三版》学习笔记 (十一)事件详解

一、事件流 1.事件冒泡:事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档)。最早使用事件冒泡的是IE,现在绝大多数浏览器都使用冒泡。IE9、F...
  • lbxx1984
  • lbxx1984
  • 2014年09月01日 21:55
  • 1417

JS基础学习笔记整理

JavaScript是一种基于对象的脚本编程语言,是浏览器上的程序语言。当web容器输出内容到浏览器时,这个内容是包含js源代码的,此时,JavaScript可以操作浏览器上的一切内容,在浏览器上提供...
  • laoma4102
  • laoma4102
  • 2011年12月30日 13:30
  • 7106

js面向对象学习笔记之九(BOM 与 DOM 中常用属性分析)

一  BOM对象 window 的 相关属性 1. 用户配置机器配置对象 navigator navigator.userAgent //该属性可以查看用户机器浏览器的配置 "Mozill...
  • wujiangwei567
  • wujiangwei567
  • 2015年06月08日 15:35
  • 955

尚硅谷_JS DOM编程_学习笔记

DOMDOM:Document Object Model(文本对象模型) D:文档 – html 文档 或 xml 文档 O:对象 – document 对象的属性和方法 M:模型 DOM 是针对x...
  • u012195214
  • u012195214
  • 2017年04月21日 00:03
  • 278
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript学习笔记
举报原因:
原因补充:

(最多只允许输入30个字)