自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 资源 (3)
  • 收藏
  • 关注

原创 封装javaScript框架思想

js的框架很实用,在前端web中,有一个属于自己的框架,可以说是一件很不简单的事情。我们在工作中,jQury就是一个非常不错的库,更是一个到现在都流行的框架,所以说,很值得我们去借鉴。近来因为工作的需要,就研究了一下js框架,同时也借鉴了jqury思想,前面也简单实现了选择器的封装,就是模仿了jQury思想,其实,还有很多功能,都进行了模仿封装,比如,判断选择器的类型,是一个Dom数组,Dom元素

2016-06-01 21:11:40 1424

原创 JavaScript框架思想 选择器封装最终

在前边的几篇文章中,我们已经将全部的选择器封装完成,并且进行了改善,进行了统一封装,但是既然我们要模仿jQury的话,这还远远不够,我们更要了解它的结构,下面带大家对前边的所有的代码进行最后的改善,我们对它进行模块化。        其实,成为模块模式很简单,我们都知道“立即执行函数”,(function(){}());就是说我们需要将代码改造成这样的系公司就可以,有人会说,我们为什么这样做?

2016-05-30 23:30:35 411

原创 JavaScript框架思想3

在前边几篇文章中,我们封装了基本的选择器通过$get(selecteor,parent)选取指定元素下的选择器,但是并不完美,作为一个追求完美的前段开发工程师加上与之俱来的强迫症,这些代码功能,怎么能满足呢,下面,我们又要把这些代码进行升级,就像LOL,大家都懂得哦;那么首先我们来分析情况,参数selector会有很多的形式,比如:“div,#header,.content,input”,或者

2016-05-29 21:43:27 242

原创 JavaScript框架思想2

在上一篇文章中,我们封装了指定元素下的getId(selector,parent)和getTags(selector,parent)方法,接下来,我们封装类的处理,首先代码供大家参考://封装类(兼容处理) function getClasses(className, parent) { var result = []; parent = parent || do

2016-05-28 23:09:01 275

原创 javascript框架思想1

在前边的学习框架中,我们介绍了封装选择器,但是,实现的效果并不完美,所以后续我们将会对他做出改善。那么接下来,我们进行进一步的改善,查找指定元素下的选择器。        这时候我们首先要考虑的是,每一个封装的选择器,getId,getTags,getClasses方法中添加指定元素,也就是给每一个封装的方法添加一个参数,我们暂且定义为parent,我们就需要对这个参数做出先关的处理,首先

2016-05-27 23:35:43 336

原创 Javascript框架思想

js的学习中,我们总是借鉴或使用jQury,这时候学习前端的工程师们,就想自己封装一个,但是封装属于自己的框架,确实不太容易,所以,jQury使我们很好的一个范本,所以,我i门来研究一下jqury的框架思想,同时自己也可以模仿封装。下面我们学习,封装选择器的思想。     首先js中的选择器有 id选择器,类(class)选择器和标签选择器。然而在使用id选择器document.getElem

2016-05-26 13:34:01 367

原创 CSS 选择器

后代选择器 与 子代选择器①写法不一样:后代选择器的标识为:空格 如:ul li{width:150px;} 【ul和li之间用空格隔开】子选择器的标识为:> 如:ul>li{width:150px;}【ul和li之间用>隔开】②功能不一样:后代选择器是选择ul包围的 所以元素中的所有li元素,包括子元素、孙元素、曾孙元素等等等。子选择器仅仅选择ul包围的

2016-03-02 15:32:57 369

框架结构整体

js框架整体封装思想和框架的结构,含隐式迭代功能,代码有详细的注解。

2016-06-01

模仿jQury选择器--模块化-代码统一封装

模仿jQury选择器的实现,使用模块化开发,统一进行了封装,代码中有详细的注释,可以很好的理解每一句代码,实现后并进行了测试,达到想要的效果。

2016-05-30

模仿jQury-简单的选择器封装

简单的模仿jQury选择器封装,适合框架的初学者了解jQury的封装思想。

2016-05-28

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除