Easy JavaScript
总结JavaScript学习中一些常见的知识点,用更容易的方式理解和使用。
UniKylin
这个作者很懒,什么都没留下…
展开
-
JavaScript模块化解决方案Sea.js+Grunt(中)
上一节讲了模块化的背景,为什么会需要模块化。在讲更深入一点的Sea.js解决模块化问题之前,我想有必要了解一下模块化的发展进程。1.模块化的发展进程2009年Ryan Dahl这个家伙发布了第一个版本的Node.js,其实第一次我接触到这个东东的时候以为是类似于jQuery的一个JavaScript类库,事实上这个理解是错误的。Node.js是一个服务器端运行的程序,可以说Node是一个Javasc原创 2015-03-27 14:25:41 · 2117 阅读 · 4 评论 -
JavaScript模块化解决方案Sea.js(上)
1.模块化开发的背景当你开发的网站越来越大时候,越来越复杂的时候会经常遇到下面的问题:冲突和依赖moduleOne.jsfunction dialog(){}//对话框function drag(){}//拖拽function panel(){}//面板<!-- 同事一自定义的库 --><script type="text/javascript" src="moduleOne.js"></scri原创 2015-03-25 23:20:18 · 1354 阅读 · 0 评论 -
JavaScript正则表达式(上)
1.为什么要使用正则表达式?例如上一节中查找字符串中数字子串的问题,用算法则很费力气才做出来,但是用正则表达式很容易几行代码就搞定了,常见的注册信息、电话号码、QQ号码、邮箱的识别等等使用正则表达式都是很容易的事情。可以简化代码量和工作量。2.正则表达式常见的两种写法var re = /<[^>]+>/g;//非正式写法var re = new RegExp('\\b');//正式写法3.正则表达原创 2015-03-16 18:34:28 · 866 阅读 · 0 评论 -
JavaScript常见字符串操作
1.常见的几种字符串操作方法a.几种操作字符串的方法(很重要)var str = 'Java_Scri_pt';alert(str.substring(2,4));//'va'alert(str.indexOf('a'));//返回出现a字符的第一个位置alert(str.split('_'));//'Java,Scri,pts'按照某种规则拆分字符串b.字符可以比较大小alert( 'a'原创 2015-03-16 17:54:44 · 790 阅读 · 0 评论 -
JavaScript中的原型链
1.JavaScript中原型链寻找数据的方式首先看一段下面的代码:function MyObject(){}//自定义一个函数//给自定义函数添加原型变量(属性)MyObject.prototype.str = 'JavaScript';//创建自定义对象var myObj = new MyObject();alert(myObj.str);//JavaScript代码运行结果是JavaScr原创 2015-03-15 00:30:16 · 987 阅读 · 0 评论 -
JavaScript中的包装对象
1.为什么会产生包装对象?上一节中提到了JavaScript中的系统对象源码是基于原型进行架构的,但是在实际的应用中会出现我们创建一个对象,然后用一个字符串就可以进行方法的调用,这个是什么原理呢?来看一段代码var arr = 'JavaScript';//字符串alert(arr.charAt(0));//字符串可以调用String类型下面的方法,可以用上节课将的prototype理解charA原创 2015-03-15 00:18:39 · 942 阅读 · 0 评论 -
JavaScript中的原型prototype
1.从需求认识原型现在我们有一个很简单的需求就是让数组有计算总和的方法?如何实现呢?如下代码:var arr = [1,2,3,4,5];//需要进行求和的数组//给数组添加求和的方法arr.sum = function(){ var result = 0 ; //this指针指向arr数组 for( var i = 0 ; i < this.length ;i++ ){原创 2015-03-14 12:28:05 · 835 阅读 · 0 评论 -
JavaScript的三种this指向问题
上一节中的this没有怎么讲,其实也不是多难理解this可以理解为指向对象,同时也可以理解指针,关键是this这个指针在JavaScript这种函数中可以嵌套函数,可以模块化的语言中究竟this指向了谁呢?1.函数中的thisfunction fn(){ //其实alert(this)相当于window.alert(this);以后讲事件的时候可以知道为什么可以这样写? alert(原创 2015-03-14 00:53:03 · 1620 阅读 · 1 评论 -
JavaScript中的工厂模式和构造函数
上一节中我们讲到了面向对象的东西,尝试着用一种非常容易理解的方式结合现实生活中的案例剖析了面向对象。这节课的题目看上去高大上其实还是挺容易理解的,工厂模式其实可以理解为现实中的城市里面的工厂大量生产一样重复的产品。而构造函数就是工厂模式的封装版本,下面进入正题了。1.工厂模式的通俗理解和应用工厂模式类似于现实生活中的工厂可以生产大量的、一样的的产品。同样工厂模式也是从现实生活中抽象出来的用于创建Ja原创 2015-03-14 00:30:06 · 1486 阅读 · 0 评论 -
JavaScript中的面向对象
鉴于前两篇文章已经把JavaScript中两个重要的知识点闭包和对象的引用讲了,所以这一节中将面向对象就容易理解多了,如果有其他面向对象的基础就更好不过了,那JavaScript的面向对象就是小case啦。当今 JavaScript 大行其道,各种应用对其依赖日深。web 程序员已逐渐习惯使用各种优秀的 JavaScript 框架快速开发 Web 应用,从而忽略了对原生 JavaScript 的学习原创 2015-03-14 00:00:30 · 980 阅读 · 0 评论 -
JavaScript中的闭包
1.什么是闭包?a.通俗点讲就是函数嵌套函数b.内部函数可以调用外部函数中的变量(局部变量和全局变量)和函数如下代码: function cat(miao){ var wang = 'wangwang!!!'; function dog(){ alert(miao + wang); } }c.函数中的变量和参数原创 2015-03-12 01:36:00 · 908 阅读 · 0 评论 -
JavaScript对象引用
1.JavaScript中常见的赋值和引用1.案例一:典型的赋值操作var dog = 66 ;var cat = dog ;cat += 33 ;alert(cat);//99alert(dog);//662.案例二:对象引用导致值得更改 var horse = [1,2,3]; var bull = horse ; bull.push(4); alert(bull);//[1,2,3,原创 2015-03-11 00:18:55 · 1376 阅读 · 5 评论