js是一门函数式语言，因为js的强大威力依赖于是否将其作为函数式语言进行使用。在js中，我们通常要大量使用函数式编程风格。函数式编程专注于：少而精、通常无副作用、将函数作为程序代码的基础构件块。在函数式编程中，有一种函数称为匿名函数，也就是没有名称的函数，是js中的一个非常重要的概念。通常匿名函数的使用情况是，创建一个供以后使用的函数。比如将匿名函数保存在一个变量里面，或将其作为一个对象方法，更有甚者将其...
建立一个面向对象的好的代码基础后，为了达到代码重用的目的，通过调试使用适当的测试用例进行测试尤为必要，之后就是打包分发的主题。一、调试与测试1、调试 Firebug：包含了错误控制台、调试器、DOM查看器。可以很好的定位DOM结构。Chrome：拥有控制台、DOM查看器等于Firebug几乎类似功能。IE浏览器：错误控制台显示错误，F12打开开发者工具，提供了javascript调试工具。Venkman：Mozilla发起的javascript调试器项目，它与javasc...
一转眼，这2015年上半年就过去了，差不多一个月没有写博客了，"罪过罪过"啊~~。进入了七月份，也就意味着我们上半年苦逼的单身生活结束了，从此刻起，我们要打起十二分的精神，开始下半年的单身生活。大家一起加油~~ 一直以来，JavaScript处理异步都是以callback的方式，在前端开发领域callback机制几乎深入人心。在设计API的时候，不管是浏览器厂商还是SDK开发商亦或是各种类库的作者，基本上都已经遵循着callback的套路。近几...
JavaScript的内置对象JavaScript 中的所有事物都是对象，如:字符串、数值、数组、函数等，每个对象带有属性和方法对象的属性：反映该对象某些特定的性质的，如：字符串的长度、图像的长宽等；对象的方法：能够在对象上执行的动作。例如，表单的“提交”(Submit)，时间的“获取”(getYear)等JavaScript 提供多个内建对象，比如 String、Date、Array 等等，使用对象前先定义>Date日期对象：日期对象可以储存任意一个日期，并且可以精...
DOM ：文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。getElementsByName()方法 ：返回带有指定名称的节点对象的集合。语法 ： document.getElementsByName(name)与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。 注意: 1. 因为文档中的 name 属性可能不唯一，所有 getElementsByName() 方法返回...
第4章 跟着我的节奏走(流程控制语句)4-1 做判断（if语句）if语句是基于条件成立才执行相应代码时使用的语句。语法:if(条件){ 条件成立时执行代码}注意：if小写，大写字母（IF）会出错！假设你应聘web前端技术开发岗位，如果你会HTML技术，你面试成功，欢迎加入公司。代码表示如下:<script type="text/javascript"> var mycarrer = "HTML"; if (mycarrer == "HTML") { document.write("你面试成功，欢迎加入公司。"); }</scr...
6-1什么是事件JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。主要事件表: 6-2鼠标单击事件( onclick ）onclick是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行，...
在"JavaScript进阶系列05,事件的执行时机, 使用addEventListener为元素同时注册多个事件,事件参数"中已经有了一个跨浏览器的事件处理机制。现在需要使用这个事件处理机制为页面元素注册事件方法。 □ 点击页面任何部分触发事件 创建一个script1.js文件。(function() {eventUtility.addEvent(document, "click", function(evt) {alert(‘hello‘);}); }()); 页面部分。<head> <meta http-equiv="Content-Type" content="text/html; ...
js引擎的执行过程 执行上下文和执行栈属于js引擎的执行过程的预编译阶段。执行上下文（Execution Context）执行上下文是当前 JavaScript 代码被解析和执行时所在环境的抽象概念。可以理解为当执行代码时做的准备工作。 执行上下文按照运行环境被分成三类：全局执行上下文（JS代码加载完毕后，进入代码预编译即进入全局环境）函数环境执行上下文（函数调用执行时，进入该函数环境，不同的函数则函数环境不同）eval执行上下文（不建议...
课程介绍介绍javascript的页面引入方式、javascript变量、javascript函数的使用以及条件语句的基本使用，javascript获取元素及操作元素属性。JavaScript介绍JavaScript是运行在浏览器端的脚本语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互，JavaScript是浏览器解释执行的。前端三大块1、HTML：页面结构2、CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果3、JavaScript：页面行为：部...
DOM自身存在很多类型，我们在上篇博客中提到了大部分的类型，比如Element类型：表示的是元素节点，比如Text类型：表示的是文本节点。DOM也提供了一些扩展功能。 一．DOM类型 上篇博客我们了解了DOM的节点以及怎样操作和查询节点，而本身这些不同的节点，又有着不同的类型 我们随便来看两个类型：Document类型和Element类型 Document类型表示文档，或文档的根节点，而这个节点时隐藏的，没有具...
引用类型Object类型function a(num){if(num>3){a(--num); }console.log(num); }a(5);//如何创建对象的实例var obj1= new Object();console.log(obj1);obj1.name="吴琼";obj1.age=28;console.log(obj1.name+" "+obj1.age);//对象字面量语法 ，有点封装的感觉var obj2 = {name:"吴琼",age:28};var obj3 = {age:28,age_wo:30};console.log(obj3["age_wo"]);console.log(obj2.name+" "+obj2.age);function show(arg){var s="";if(ar...
window对象 ：是BOM的核心，window对象指当前的浏览器窗口。、 window对象方法 JavaScript 计时器 ：在JavaScript中，我们可以在设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。 计时器类型：一次性计时器：仅在指定的延迟时间之后触发一次。 间隔性触发计时器：每隔一定的时间间隔就触发一次。 计时器方法： 计时器setInterval() ：在...
这是我在公众号（高级前端进阶）看到的文章，现在做笔记阅读笔记执行上下文是当前 JavaScript 代码被解析和执行时所在环境的抽象概念。执行上下文的类型执行上下文总共有三种类型全局执行上下文：只有一个，浏览器中的全局对象就是 window 对象，this 指向这个全局对象。函数执行上下文：存在无数个，只有在函数被调用的时候才会被创建，每次调用函数都会创建一个新的执行上下文。Eval 函数执行上下文： 指的是运行在 eval 函数中的...
这是我在公众号（高级前端进阶）看到的文章，现在做笔记今天介绍的是JS内存空间，了解内存空间中的堆和栈原理对于理解JS闭包、Event Loop等有很大帮助知识点：某些情况下，调用堆栈中函数调用的数量超出了调用堆栈的实际大小，浏览器会抛出一个错误终止运行。 对于下面的递归就会无限制的执行下去，直到超出调用堆栈的实际大小，这个是浏览器定义的。function foo() {foo(); } foo(); 现在正式开始今天的主题，内存空间详解 栈数据...