据说每个大牛、小牛都应该有自己的库——框架篇

简介:

最近写了一系列的关于JavaScript文章,时不时就会蹦出个需求,需要写个特定的小函数,或者是为了解决浏览器兼容性问题,或者是简化一些操作,前面写的几篇博客实际上已经写出了一些常用的函数,既然自己希望在两年内变成个技术小牛,提前准备自己的库函数吧。

框架选择

是个库函数都会有自己的框架,我常用的有两种形式,一种可以归结为静态方法型,大概定义一个立即执行函数,对外提供一个对象引用,自己定义的库函数都作为这个对象的静态函数供外部使用访问;类外一种就是一个类jQuery的集成解决方案,相信介绍我就不必多说了。

这两种方式各有利弊吧,经过数次纠结还是决定使用静态方法,好处有几个

1. 代码可读性还稍微高那么一小点儿,因为相对于类jQuery这样的写法还是更好理解一些,方便别人读代码

2. 现在大部分网站包括我们公司自己的网站中大部分页面已经引用了jQuery,在写一个类似的实际意义不大,而写一个静态方法的可以在没有应用jQuery的页面上阻隔简单的拓展

3.  从实用性上考虑,实际上要不是因为有些比较复杂的选择器浏览器兼容性问题,我几乎是不使用jQuery的,而平时自己写一些demo页面,结构很简单,根本用不到复杂的选择器,相反最常用的就是绑定方法等这些小功能,写个静态方法类的平时用起来更方便

选定了框架后看看标题,有些难为情,因为下面这两句就是框架的代码,这么简单都不好意思称之为框架

//JavaScript原生对象拓展文件

 

库文件

复制代码
(function (window) { 
                
                var ssLib={
//内部函数
//1.Event //2.DOM 拓展、CSS //3.Ajax //4.动画 //5.简单插件 }; window.ssLib = ssLib; //对外提供接口 })(window);
复制代码

组织结构及内容

在读jQuery源码的时候我发现很难读,里面各种方法穿插,经常读到某句的时候,发现其调用了一个内部函数,然后再去找这个内部函数在哪里,好麻烦,所以在自己写的库函数里面干脆把公用的内部函数写到最前面,方便查找。

看过一些书讲过jQuery的一个好处就是不会与未来的API冲突,如果对JavaScript原生对象进行拓展很大可能会与未来API冲突,除非把名字起的非常奇怪,这里就尽量做一下判断原生的有没有,并且随时关注人家未来API是什么样子,尽量把作用及返回结果保持一致,使IE低版本用起来也不会感觉很奇怪。

(后记:最近听取朋友意见将JavaScript原生对象拓展部分抽取出库函数,放到了一个extention.js内)

 

我平时除了选择器用的最频繁的大概就是Event处理了(最近在做插件),所以把它放到最前面,DOM拓展、CSS部分希望写一些对class的处理、对DOM元素移动、添加、删除等处理,Ajax及动画就是那么回事儿了,简单插件部分希望添加像Dialog、Tab、Tree这样的插件吧

最后

这只是今天早上拍拍脑袋的初步计划与设想,有很多缺陷,希望各位多给意见,如果不吝分享自己的就更感激不尽了。



   本文转自魏琼东博客园博客,原文链接:http://www.cnblogs.com/dolphinX/p/3293501.html,如需转载请自行联系原作者

相关文章
|
4天前
|
搜索推荐 编译器 Linux
一个可用于企业开发及通用跨平台的Makefile文件
一款适用于企业级开发的通用跨平台Makefile,支持C/C++混合编译、多目标输出(可执行文件、静态/动态库)、Release/Debug版本管理。配置简洁,仅需修改带`MF_CONFIGURE_`前缀的变量,支持脚本化配置与子Makefile管理,具备完善日志、错误提示和跨平台兼容性,附详细文档与示例,便于学习与集成。
296 116
|
19天前
|
域名解析 人工智能
【实操攻略】手把手教学,免费领取.CN域名
即日起至2025年12月31日,购买万小智AI建站或云·企业官网,每单可免费领1个.CN域名首年!跟我了解领取攻略吧~
|
7天前
|
数据采集 人工智能 自然语言处理
Meta SAM3开源:让图像分割,听懂你的话
Meta发布并开源SAM 3,首个支持文本或视觉提示的统一图像视频分割模型,可精准分割“红色条纹伞”等开放词汇概念,覆盖400万独特概念,性能达人类水平75%–80%,推动视觉分割新突破。
473 44
Meta SAM3开源:让图像分割,听懂你的话
|
13天前
|
安全 Java Android开发
深度解析 Android 崩溃捕获原理及从崩溃到归因的闭环实践
崩溃堆栈全是 a.b.c?Native 错误查不到行号?本文详解 Android 崩溃采集全链路原理,教你如何把“天书”变“说明书”。RUM SDK 已支持一键接入。
687 222
|
2天前
|
Windows
dll错误修复 ,可指定下载dll,regsvr32等
dll错误修复 ,可指定下载dll,regsvr32等
134 95
|
11天前
|
人工智能 移动开发 自然语言处理
2025最新HTML静态网页制作工具推荐:10款免费在线生成器小白也能5分钟上手
晓猛团队精选2025年10款真正免费、无需编程的在线HTML建站工具,涵盖AI生成、拖拽编辑、设计稿转代码等多种类型,均支持浏览器直接使用、快速出图与文件导出,特别适合零基础用户快速搭建个人网站、落地页或企业官网。
1687 158
|
存储 人工智能 监控
从代码生成到自主决策:打造一个Coding驱动的“自我编程”Agent
本文介绍了一种基于LLM的“自我编程”Agent系统,通过代码驱动实现复杂逻辑。该Agent以Python为执行引擎,结合Py4j实现Java与Python交互,支持多工具调用、记忆分层与上下文工程,具备感知、认知、表达、自我评估等能力模块,目标是打造可进化的“1.5线”智能助手。
937 62