从零开始学习jQuery (八) 插播:jQuery实施方案

2020-05-23 06:09:38易采站长站整理

一.摘要

本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍.


本篇文章属于临时插播,  用于介绍我在本公司的jQuery实施方案.


二.前言

有了前几章扎实的基础知识我们已经可以在项目中投入使用jQuery了.再继续深入学习jQuery前插播一下我的jQuery实施方案.


每个公司的情况都不同.比如我们公司的页面文件都为用户控件, 物理路径和虚拟路径没有绝对的关系, 所以无法使用相对路径(否则生产环境中会找不到文件).  项目繁多, 同一个虚拟目录的不同文件夹对应不同项目工程等等.


此方案并不是通用的, 但是有些方法可以借鉴, 同时也是希望能和大家一起讨论帮忙指正.


 


三.类库文件管理方案

存放根路径: srcAssemblyresource.eLong.Web.FilesResourceJSLibjquery


引用根路径:  http://resource.elong.com/JSLib/jquery/


压缩版本引用路径:  http://resource.elong.com/JSLib/jquery/jquery-min-lastest.js


根路径文件列表:


image


在每一个Web工程项目下面建立js文件夹, 放置 jquery-vsdoc-lastest.js 文件:


image


说明:


首先将所有版本的jQuery类库放到静态服务器上, 并且按照文件夹存放类库文件. 但是会选出来一个最新版本作为引用并且放置在根目录.


根目录下面包含如下文件:



















名称内容说明
文件夹1.3.2按照版本号组织的jQuery类库.对于1.3.2即以后的每个jquery版本, 会按照文件夹存放类库文件. 但是会用最新的稳定版本覆盖各lastest名称的js文件.
文件夹plugin存放插件的文件夹将各种插件以文件夹的形式存放到此路径下
jquery.extend-lastest.jselong自己扩展的jQuery方法未来我们将打造自己的javascript类库.其中有一些核心的类库放在此文件中. 相当于我们自己的工具类库. 通过扩展jQuery实现.
主要分为工具函数和包装集函数两类.