JavaScript基础

时间：2017年3月10日16:56:10

    入行程序员开始很长一段时间不知道为什么要去写技术博客，但随着开发时间的增长会发现，很多技术知识之前用过却想不起来，很多基础知识总是查资料学了又忘记，因此，技术博客的诞生拯救了上述问题的发生，同时也是向自己和别人展示自己技术积累和学习的最佳方式。

   这篇文章主旨是研究JavaScript基础知识，内容广度和深度会不断增加。

1、事件和事件处理程序

    事件：文档和文档的交互、浏览器和文档的交互、用户和文档的交互。（文档：HTML页面）

    事件名称：

        鼠标事件：click单机事件、contextmenu右击事件、dblclick双击事件、mousedown鼠标按下事件、mouseenter当鼠标指针刚进入到元素上事件、mouseleave当鼠标指针刚离开元素事件、mousemove鼠标移动到元素上事件、mouseout鼠标从元素移开事件。（都是DOM2级事件）

        键盘事件：keydown按键按下事件、keypress按键被按下并松开事件、keyup按键被松开事件。（都是DOM2级事件）

        对象事件：load对象（window、document、element、img）完成加载事件、scroll对象（window、document、element、img）滚动事件等。（都是DOM2级事件）

        剪贴板事件：copy拷贝元素内容时事件、cut、剪切元素内容时事件、paste粘贴元素内容时事件、beforecopy发生复制操作前触发事件、beforecut发生剪切操作前触发事件、beforepaste发生粘贴操作前触发事件。

        表单事件：blur失去焦点事件、focus获取焦点事件、change元素（input、Keygen、select、textarea）内容改变时事件等。

        打印事件、拖动事件、多媒体事件等

    事件处理程序：响应上述事件的函数。（事件处理程序代码片段的名字以“on”开头）

    事件处理程序分类：HTML事件处理程序 和 DOM事件处理程序（DOM0级和DOM2级），如下：

HTML事件处理程序的形式：

<input onclick="alert('clicked')"> 或

<input onclick="isclick()">

function isclick(){

    alert("clicked");

}

DOM0 级事件处理程序的形式：

var btn = document.getElementById("btn");

btn.onclick = function(){

//

}

DOM2 级事件处理程序的形式：

var btn = document.getElementById("btn");

btn.addEventListener("click",function(){},false);

   琐碎基础知识

1.JavaScript 数据类型，分为如下三种：
5 种不同的数据类型：string,number,boolean,object,function
3 种对象类型：Object,Date,Array
2 个不包含任何值的数据类型：null,undefined
2.JavaScript 的变量可以转换为 新变量 或其他 数据类型 ，类型转换方法如下：
方案一：JavaScript 全局函数如下：
String() 和toString() 可以将变量转换为字符串；
一元运算符 + 用于将变量转换为数字；
Number() 转换为数字；
Boolean() 转化为布尔值；
方案二：JavaScript 自身自动转换：
当 JavaScript 尝试操作一个 "错误" 的数据类型时，会自动转换为 "正确" 的数据类型。
5 + null;//返回 5         null 转换为 0
"5" + null;//返回"5null"   null 转换为 "null"
"5" + 1;//返回 "51"      1 转换为 "1"  
"5" - 1;//返回 4         "5" 转换为 5
自动转换为字符串,当输出一个对象或一个变量时 JavaScript 会自动调用变量的 toString() 方法：
3.typeof 操作符
typeof "Bruce";//string
typeof 110;//number
typeof NaN;//number
typeof true;//boolean
typeof [1,2,3,4];//object
typeof {name:'Brece'};//object
typeof new Date();//object
typeof function () {};//function
typeof null;//object

    计算机基础知识相关：

1、内存溢出

2、进程和线程