javascript学习(一)构建自己的JS库


Posted in Javascript onJanuary 02, 2013

前言
库是一个饱受争议的热门话题。一种观点认为它是一种非常棒的工具,是任何开发者都不可或缺的;另一种观点则认为在不理解库的内部工作原理的情况下对库形成依赖,会助长懒惰的风气从而导致开发者素质下降。但是不管怎么样,好像每个人都赞同编写自己的库,况且把自己日常用到的东西合并到一起本身就是一件有意义的事情。

下面我们开始建立自己的JS库,并编写两个自己的方法

//作者: 
//时间:2012-11-13 
(function(){ window['LS']={}; 
function $(){ 
var elements =new Array(); 
var element; 
for(var i=0;i<arguments.length;i++){ 
if(typeof(arguments[i])=="string"){ 
element=document.getElementById(arguments[i]); 
} 
if(arguments.length==1){ 
return element; 
} 
elements.push(element); 
} 
return elements; 
} 
window['LS']['$']=$; 
function getElementByClassName(className,tag){ 
var allTags=document.getElementsByTagName(tag); 
var matchingElements=new Array(); 
className=className.replace(/\-/g,"\\-"); //不明白这句话是什么意思。 
var regex=new RegExp("(^|\\s)*"+className+"(\\s|$)"); 
var element; 
for(var i=0;i<allTags.length;i++){ 
element=allTags[i]; 
if(regex.test(element.className)){ //这个element.className也不明白是什么意思 
matchingElements.push(element); 
} 
} 
return matchingElements; 
} 
window['LS']['getElementByClassName']=getElementByClassName; 
})() //如果不加()不能执行

本人是刚开始接触javascript,里面注释部分是我不懂的地方,也希望高人能指点一下。
Javascript 相关文章推荐
flexigrid 类似ext grid的JS表格代码
Jul 17 Javascript
jQuery-ui引入后Vs2008的无智能提示问题解决方法
Feb 10 Javascript
原生js实现复制对象、扩展对象 类似jquery中的extend()方法
Aug 30 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
Nov 19 Javascript
新入门node.js必须要知道的概念(必看篇)
Aug 10 Javascript
浅谈js中对象的使用
Aug 11 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
Aug 28 Javascript
Angularjs手动解析表达式($parse)
Oct 12 Javascript
jQuery实现表格冻结顶栏效果
Aug 20 jQuery
详解ES6中的代理模式——Proxy
Jan 08 Javascript
vue基础之模板和过滤器用法实例分析
Mar 12 Javascript
layui type2 通过url给iframe子页面传值的例子
Sep 06 Javascript
jQuery常见开发技巧详细整理
Jan 02 #Javascript
js显示时间 js显示最后修改时间
Jan 02 #Javascript
通过JS自动隐藏手机浏览器的地址栏实现原理与代码
Jan 02 #Javascript
js 回车提交表单两种实现方法
Dec 31 #Javascript
event.currentTarget与event.target的区别介绍
Dec 31 #Javascript
jQuery $.data()方法使用注意细节
Dec 31 #Javascript
JavaScript 盒模型 尺寸深入理解
Dec 31 #Javascript
You might like
玩转虚拟域名◎+ .
2006/10/09 PHP
第4章 数据处理-php正则表达式-郑阿奇(续)
2011/07/04 PHP
常见PHP数据库解决方案分析介绍
2015/09/24 PHP
Prototype最新版(1.5 rc2)使用指南(1)
2007/01/10 Javascript
JSON 学习之JSON in JavaScript详细使用说明
2010/02/23 Javascript
在多个页面使用同一个HTML片段的代码
2011/03/04 Javascript
JavaScript操作XML 使用百度RSS作为新闻源示例
2012/02/17 Javascript
JQuery表格内容过滤的实现方法
2013/07/05 Javascript
IE6兼容透明背景图片及解决方案
2015/08/19 Javascript
JS控制页面跳转时未请求要跳转的地址怎么回事
2016/10/14 Javascript
JS中数组重排序方法
2016/11/11 Javascript
jquery滚动条插件slimScroll使用方法
2017/02/09 Javascript
Vue2仿淘宝实现省市区三级联动
2020/04/15 Javascript
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
2020/06/02 Javascript
JavaScript事件委托实现原理及优点进行
2020/08/29 Javascript
Python3读取UTF-8文件及统计文件行数的方法
2015/05/22 Python
python实现批量视频分帧、保存视频帧
2019/05/31 Python
django框架面向对象ORM模型继承用法实例分析
2019/07/29 Python
PyCharm 专业版安装图文教程
2020/02/20 Python
python numpy--数组的组合和分割实例
2020/02/24 Python
PyCharm设置Ipython交互环境和宏快捷键进行数据分析图文详解
2020/04/23 Python
Python爬虫获取豆瓣电影并写入excel
2020/07/31 Python
CSS3+JavaScript实现炫酷呼吸效果的示例代码
2020/06/15 HTML / CSS
英国著名的化妆品折扣网站:Allbeauty.com
2016/07/21 全球购物
REISS英国官网:伦敦High Street最受欢迎品牌
2016/12/21 全球购物
奥地利手表、香水、化妆品和珠宝购物网站:Brasty.at
2021/01/17 全球购物
建筑设计所实习生自我鉴定
2013/09/25 职场文书
尽职尽责村干部自我鉴定
2014/01/23 职场文书
课例研修方案
2014/05/31 职场文书
材料化学专业求职信
2014/07/15 职场文书
含预算的公司户外活动方案
2014/08/16 职场文书
小学标准化建设汇报材料
2014/08/16 职场文书
售后服务承诺函格式
2015/01/21 职场文书
教你怎么用python爬取爱奇艺热门电影
2021/05/20 Python
详解如何用Python实现感知器算法
2021/06/18 Python
uni-app 微信小程序授权登录的实现步骤
2022/02/18 Javascript