- 博客(7)
- 资源 (3)
- 收藏
- 关注
原创 封装javaScript框架思想
js的框架很实用,在前端web中,有一个属于自己的框架,可以说是一件很不简单的事情。我们在工作中,jQury就是一个非常不错的库,更是一个到现在都流行的框架,所以说,很值得我们去借鉴。近来因为工作的需要,就研究了一下js框架,同时也借鉴了jqury思想,前面也简单实现了选择器的封装,就是模仿了jQury思想,其实,还有很多功能,都进行了模仿封装,比如,判断选择器的类型,是一个Dom数组,Dom元素
2016-06-01 21:11:40
1610
原创 JavaScript框架思想 选择器封装最终
在前边的几篇文章中,我们已经将全部的选择器封装完成,并且进行了改善,进行了统一封装,但是既然我们要模仿jQury的话,这还远远不够,我们更要了解它的结构,下面带大家对前边的所有的代码进行最后的改善,我们对它进行模块化。 其实,成为模块模式很简单,我们都知道“立即执行函数”,(function(){}());就是说我们需要将代码改造成这样的系公司就可以,有人会说,我们为什么这样做?
2016-05-30 23:30:35
448
原创 JavaScript框架思想3
在前边几篇文章中,我们封装了基本的选择器通过$get(selecteor,parent)选取指定元素下的选择器,但是并不完美,作为一个追求完美的前段开发工程师加上与之俱来的强迫症,这些代码功能,怎么能满足呢,下面,我们又要把这些代码进行升级,就像LOL,大家都懂得哦;那么首先我们来分析情况,参数selector会有很多的形式,比如:“div,#header,.content,input ”,或者
2016-05-29 21:43:27
273
原创 JavaScript框架思想2
在上一篇文章中,我们封装了指定元素下的getId(selector,parent)和getTags(selector,parent)方法,接下来,我们封装类的处理,首先代码供大家参考: //封装类(兼容处理) function getClasses(className, parent) { var result = []; parent = parent || do
2016-05-28 23:09:01
305
原创 javascript框架思想1
在前边的学习框架中,我们介绍了封装选择器,但是,实现的效果并不完美,所以后续我们将会对他做出改善。 那么接下来,我们进行进一步的改善,查找指定元素下的选择器。 这时候我们首先要考虑的是,每一个封装的选择器,getId,getTags,getClasses方法中添加指定元素,也就是给每一个封装的方法添加一个参数,我们暂且定义为parent,我们就需要对这个参数做出先关的处理,首先
2016-05-27 23:35:43
377
原创 Javascript框架思想
js的学习中,我们总是借鉴或使用jQury,这时候学习前端的工程师们,就想自己封装一个,但是封装属于自己的框架,确实不太容易,所以,jQury使我们很好的一个范本,所以,我i门来研究一下jqury的框架思想,同时自己也可以模仿封装。下面我们学习,封装选择器的思想。 首先js中的选择器有 id选择器,类(class)选择器和标签选择器。然而在使用id选择器document.getElem
2016-05-26 13:34:01
420
原创 CSS 选择器
后代选择器 与 子代选择器 ①写法不一样: 后代选择器的标识为:空格 如:ul li{width:150px;} 【ul和li之间用空格隔开】 子选择器的标识为:> 如:ul>li{width:150px;}【ul和li之间用>隔开】 ②功能不一样: 后代选择器是选择ul包围的 所以元素中的所有li元素,包括子元素、孙元素、曾孙元素等等等。 子选择器仅仅选择ul包围的
2016-03-02 15:32:57
424
模仿jQury选择器--模块化-代码统一封装
2016-05-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人