浅谈javascript对象、如何实现继承、jQuery方法的扩展(jquery插件)

第一次认认真真的来写一次博客、才疏学浅没有办法、当然也很激动。

好,自白来一段:从接触前端到现在大概2年时间、大约在半年到一年的时间 html、css、jquery强大的选择器、常用的js事件都有掌握、每一次写js都是用选择器拿到dom元素,然后添加事件 类似

$(".add").click(function(){
   //开始一系列操作、、、
});

以为这样能实现项目中遇到的问题就够了。 但是看到别人写的代码什么 prototype、extend、$.fn.extend 感觉佷懵,这是什么东西啊、当然一直听说JavaScript是面向对象编程(基于对象),MD 什么是对象啊,对象我都不知道。 感觉自己好low啊,不行在前端盛行的时代,我是要被社会淘汰呀,赶紧充电吧。不喜欢看书的我、看视频、看视频,看了还是对这些概念性的东西完全不懂、又问一些大牛,也是解释的不是很清楚(估计是自己理解能力不够)百度也百度了很多,各种说法都有,都不知道听谁的,哎!因为自己又懒、项目中遇到的JS 又少,遇到后总是用之前一样的代码选中元素添加事件来实现,思维定型了。持续了将近一年, 感觉自己的JS完全就没有长进嘛,各种插件倒是收藏了一些。看到别人的插件那个崇拜啊、太帅了。 不行!我需要继续学习,技术就是财富啊! 

这几天一直看JS相关的问题,对javascript对象、如何实现继承、jQuery方法的扩展稍有了解,看的一些相关的资料感觉对我学习有很大帮助,希望对处于我同样境地的朋友们有些许的帮助。

一、面向对象

首先,你需要学习对象,那你要去认识对象、懂得创建对象  OK 百度 “如何创建js对象、创建js对象有哪些方式、js面向对象”这些关键词。

例如:jquery($)就是一个对象、$("div")就是jquery对象的实例,实例嘛就是存在的。

再比如:var Person=function(){} 、function Person(){}是一个人的对象(java的类)、var panpan=new Person(); panpan就是Person对象的实例。

这之间你可能会碰到prototype(原型)、构造函数这些知识,多百度就好了。

附上一些对我有帮助的链接:

1、大神的博客

2、阮大神的博客

二、认识继承

百度 “js继承、js继承有哪些方式”。

链接:某大神笔记 这篇笔记对我帮助很大,感谢大神!

三、jQuery插件的编写

个人理解jquery插件的写法,无非就是

$.extend(function(){
  //一系列代码、、、
})
$.fn.extend(function(){
  //一系列代码
})
要理解这两个的区别你要弄懂 prototype、对象、对象的实例 。其实$.fn==$.prototype==jQuqery.protoype所以 $.fn.extend()就是向jquery($)的原型添加方法,也就是jquery插件,最常用的方式。$.extend()就相当于给jquery($)这个对象(java的类)添加方法。

附上链接:大神博客


好了,第一次写就到这里了。基本上案例百度你们都能找到,但是太多不知道哪些会更好,所以我给出了给我帮助很多的一些链接。能帮组大家才是我的目的。

最后还有最近还在学习李炎恢老师的《javascript视频》都是免费的很适合想要学习javascript的同学们。我在这里给大家推荐一下真的很不错。大家一起学习,一起进步,一起向钱看!


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值