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 相关文章推荐
左侧是表头的JS表格控件(自写,网上没有的)
Jun 04 Javascript
javascript中RegExp保留小数点后几位数的方法分享
Aug 13 Javascript
Javascript前端UI框架Kit使用指南之Kitjs简介
Nov 28 Javascript
JS 对象(Object)和字符串(String)互转方法
May 20 Javascript
利用Node.JS实现邮件发送功能
Oct 21 Javascript
jQuery实现元素的插入
Feb 27 Javascript
微信页面弹出键盘后iframe内容变空白的解决方案
Sep 20 Javascript
Bootstrap 实现表格样式、表单布局的实例代码
Dec 09 Javascript
详解javascript对数组和json数组的操作
Apr 15 Javascript
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
Sep 25 Javascript
Vue学习之常用指令实例详解
Jan 06 Javascript
简单了解JavaScript弹窗实现代码
May 07 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
PHP+Ajax实现上传文件进度条动态显示进度功能
2018/06/04 PHP
Laravel6.0.4中将添加计划任务事件的方法步骤
2019/10/15 PHP
Javascript &amp; DHTML 实例编程(教程)DOM基础和基本API
2007/06/02 Javascript
jquery 新手学习常见问题解决方法
2010/04/18 Javascript
EASYUI TREEGRID异步加载数据实现方法
2012/08/22 Javascript
js获得鼠标的坐标值的方法
2013/03/13 Javascript
引用 js在IE与FF之间的区别详细解析
2013/11/20 Javascript
js获取select标签选中值的两种方式
2014/01/09 Javascript
在JavaScript中判断整型的N种方法示例介绍
2014/06/18 Javascript
JavaScript实现网站访问次数统计代码
2015/08/12 Javascript
JS中的数组方法笔记整理
2016/07/26 Javascript
jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
2016/08/15 Javascript
Bootstrap栅格系统学习笔记
2016/11/25 Javascript
AngularJS使用带属性值的ng-app指令实现自定义模块自动加载的方法
2017/01/04 Javascript
vue2.0实现音乐/视频播放进度条组件
2018/06/06 Javascript
JavaScript代码调试方法实例小结
2019/01/05 Javascript
微信小程序基于canvas渐变实现的彩虹效果示例
2019/05/03 Javascript
Layui table field初始化加载时进行隐藏的方法
2019/09/19 Javascript
Vue 实现分页与输入框关键字筛选功能
2020/01/02 Javascript
Vue开发环境跨域访问问题
2020/01/22 Javascript
在Python的Django框架中更新数据库数据的方法
2015/07/17 Python
Python基础之getpass模块详细介绍
2017/08/10 Python
Python连接phoenix的方法示例
2017/09/29 Python
python登录并爬取淘宝信息代码示例
2017/12/09 Python
使用 Python 实现简单的 switch/case 语句的方法
2018/09/17 Python
Python如何爬取实时变化的WebSocket数据的方法
2019/03/09 Python
索引覆盖(Index Covering)查询含义
2012/02/18 面试题
应届大学生求职信
2013/12/01 职场文书
高中生学期学习自我评价
2014/02/24 职场文书
保证书格式范文
2014/04/28 职场文书
环保口号大全
2014/06/12 职场文书
应届毕业生自荐信
2015/03/04 职场文书
警示教育片观后感
2015/06/17 职场文书
社交电商模式的兴起:这些新的商机千万别错过
2019/07/26 职场文书
苹果的回收机器人可以通过拆解iPhone获取大量的金和铜并外公布了环境保护最新进展
2022/04/21 数码科技
win sever 2022如何占用操作主机角色
2022/06/25 Servers