进击的coding-CSDN博客

原创 JavaScript框架思想3

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

2016-07-22 18:31:12 169

原创 JavaScript框架思想2

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

2016-07-22 18:29:49 124

原创 javascript框架思想1

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

2016-07-22 18:28:56 177

原创 Javascript框架思想

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

2016-07-22 18:27:27 151

原创 CSS 选择器

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

2016-07-22 18:26:10 258

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

2016-07-22 18:05:23 232

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

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

2016-07-22 18:04:06 212

guanzhebin1993的博客