Js、css代码文件规范
2015-06-05 10:26
603 查看
根据优化和易维护原则结合我们自身网站情况,一般情况下网站只能出现两个js文件(一个jquery和一个自定义js),一个css文件。
文件位置:
1. Css放在网页头部head标签中。
2. Js放在网页底部</body>结束前(jquery在前,自定义js在后)。
目录结构:
/staticswebrb:PC站目录(位于网站根目录)
/statics3grb:移动站(位于网站根目录下)
Css :css文件目录
Images:图片目录
Js:js文件目录(已备jquery-1.7.1.min.js与jquery-1.10.2.min.js两个版本jquery)
Swt:网务通相关文件目录
Other:其它备用目录
代码说明:
1. Css代码全写在staticswebrb(或statics3grb)/css目录下base.css文件中,专题例外(因专题属单页文件css文件放当前专题目录css文件夹中即可)。
2. Js代码应全写在staticswebrb(或statics3grb)/js目录下base.js文件中,如专题中有特殊效果(当前专题才有的js效果,js代码写在当前专题目录,js文件夹中)。
3. 网站静态图片(背景、模板等用到的图片)放在staticswebrb(或statics3grb)/images目录中,专题例外(因专题属单页文件,图片文件放当前专题images目录下即可)。
4. 百度代码,cnzz代码,商务通代码及网站通用js效果等都写在staticswebrb(或statics3grb)/js目录下base.js中。
5. 特别说明网页中弹窗效果都应用js代码实现,易于统一修改维护。
代码导入:
1. 每个页面都应该导入以下js
<script src="/staticswebrb(或statics3grb)/js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="/staticswebrb(或statics3grb)/js/base.js" type="text/javascript"></script>
2. 网站首页、栏目页、文章页导入
<link href="/staticswebrb(或statics3grb)/css/base.css" rel="stylesheet" type="text/css" />
专题页导入当前专题css文件
<link href="css/css.css" rel="stylesheet" type="text/css" />
文件位置:
1. Css放在网页头部head标签中。
2. Js放在网页底部</body>结束前(jquery在前,自定义js在后)。
目录结构:
/staticswebrb:PC站目录(位于网站根目录)
/statics3grb:移动站(位于网站根目录下)
Css :css文件目录
Images:图片目录
Js:js文件目录(已备jquery-1.7.1.min.js与jquery-1.10.2.min.js两个版本jquery)
Swt:网务通相关文件目录
Other:其它备用目录
代码说明:
1. Css代码全写在staticswebrb(或statics3grb)/css目录下base.css文件中,专题例外(因专题属单页文件css文件放当前专题目录css文件夹中即可)。
2. Js代码应全写在staticswebrb(或statics3grb)/js目录下base.js文件中,如专题中有特殊效果(当前专题才有的js效果,js代码写在当前专题目录,js文件夹中)。
3. 网站静态图片(背景、模板等用到的图片)放在staticswebrb(或statics3grb)/images目录中,专题例外(因专题属单页文件,图片文件放当前专题images目录下即可)。
4. 百度代码,cnzz代码,商务通代码及网站通用js效果等都写在staticswebrb(或statics3grb)/js目录下base.js中。
5. 特别说明网页中弹窗效果都应用js代码实现,易于统一修改维护。
代码导入:
1. 每个页面都应该导入以下js
<script src="/staticswebrb(或statics3grb)/js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="/staticswebrb(或statics3grb)/js/base.js" type="text/javascript"></script>
2. 网站首页、栏目页、文章页导入
<link href="/staticswebrb(或statics3grb)/css/base.css" rel="stylesheet" type="text/css" />
专题页导入当前专题css文件
<link href="css/css.css" rel="stylesheet" type="text/css" />
相关文章推荐
- eval、json.parse()的介绍和使用注意点
- js中调用函数时加不加括号的问题
- javascript eval和JSON之间的联系
- JavaScript中的原型prototype属性使用详解
- jstl 简介
- jsp 2种include标签的区别
- 简介JavaScript中POSITIVE_INFINITY值的使用
- javaScript中eval()方法转换json对象
- JavaScript 的性能优化:加载和执行
- JavaScript中Number.NEGATIVE_INFINITY值的使用详解
- 关于tbody js取法兼容。
- 在JavaScript中使用NaN值的方法
- JS弹框(alert,confirm,prompt)
- 《JavaScript程序设计》第2课:JS类型系统
- JSON简单了解
- 1.1 Core JavaScript
- Using Multiple JavaScript Onload Functions
- C#实现的json序列化和反序列化代码实例
- JSP中对date对象的操作,如获取时分秒
- 在javascript中创建对象的各种模式