CSS.JS文件发布机制的思考
作者:路口 来源:路口 发布时间:2009-08-04 13:07:00
在开发过程中,有时遇到由于缓存问题导致页面不能及时更新,有时页面引入了不必需的样式脚本文件,有时由于文件太多,字节过大导致页面的性能缓慢,为了解决这些问题,个人设想了一个初步的解决方案。
解决方案如下:
| 描述 | 备注 |
资源级别 |
页面的资源级别: |
|
优化方案 |
优化主要从以下几个方面: | 其他的优化是从开发技巧上进行的,取决于专业水平 |
文件输出方案 | 基于资源级别及优化方案,制定以下4种方案: 1、直接引用单个文件依次引入(<link/>、<script/>) 2、基于1,进行单个文件压缩 3、按照资源级别合并成新的单个文件 4、基于3,进行合并后的文件压缩
| 思考点 方案3: 如何确定合并的文件个数? |
缓存问题 | 采用时间戳后缀 |
|
f2econfig_json | 配置文件: var f2eJson={ "Update":"20091015",//根据时间戳更新缓存 "Compress":"1",//文件输出方案(1,2,3,4) "Common":[//全站公共样式 "common/global.css" ], "Module":{ //模块及样式 "模块1":["product,.css"] }, "Page":{//每个页面所拥有的样式 "index.php":["","sys/index.css"], //第一个元素存储模块引用名称,无则留空 "search.php":["模块1","product/search.css"] //引用多个模块,用 “,”隔开,比如: 模块1,模块2 } } |
|
f2engine.php | 1、读取json配置文件,转化成php数组 2、根据每个页面的资源参数,查找该页面拥有的样式资源 3、根据文件输出方案,进行处理 4、在页面上输出 |
|
例子 |
比如search.php这个页面的样式引用
|
|
代码在开发中。欢迎大家一起探讨指教下。
猜你喜欢
- 通常我们在制作上图的时候,会分别给四个div加上不同的css属性,来实现中间间隔。但我们更希望的是不需要对html标签做标识,直接能通过cs
- 希腊Web 设计师Christos Chiotis 发表在 CssGlobe 的一篇文章,讲述了黄金分割率在 CSS 中的应用。黄金分割率是
- 在小飞的博客上看到他写了一篇关于reset.css的文章,文章中关于css的部分分析的非常不错,但对于文中关于强调把CSS分别配置,对每一个
- 在开发和调试基于XML的应用的时候,程序员往往为找不到合适的快速桌面XPATH测试软件发愁。诚然,市面上有成套的XML编辑软件,但是它们往往
- 感谢人类方方面面的创新,今天Web开发已经不需要在如何设计网站上面浪费时间了。框架和库帮助web开发者得以专注于真正的开发工作上。下面的这些
- 目前网络数据库的应用已经成为最为广泛的应用之一了,并且关于数据库的安全性,性能都是企业最为关心的事情。数据库渐渐成为企业的命脉,优化查询就解
- 1. 用Dreamweaver 4.0轻松设计会自动弹性调整的网页 首先需要保证的是你的页面内容采用了表格的格式,然后打开你要编辑的页面,按
- 由于现在在公司负责制作标准的静态页面,为了增强客户体验,所以经常要做些AJAX效果,也学你也和我一样在,学习AJAX。而设计AJAX时使用的
- 原文:10 Principles Of Effective Web Design翻译:熊猫2008-02-03本文由熊猫同学授权翻译首发。并
- 如何最大限度地实现安全登录功能? 具体方法如下(这是一个程序,为便于说明,中间用虚线“------”将代
- 原文:Creating a Star Rater using CSS链接:http://komodomedia.com/blog/index
- 用Dreamweaver制作网页时,如果插入的图片、GIF动画、声音、视频或链接的网页是用中文命名的,在用IE浏览器浏览时可能显示不出来。以
- 我们可以先建立一个包含文件名,文件标题的待检索文件的数据库,然后,用ADO方式来访问它,并建立记录集对象。具体代码和说明见下:
- 在了解XHTML代码规范后,我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了,可以跳过这一节。CSS是Cascad
- 本章的前面讨论如何使用SQL向一个表中插入数据。但是,如果你需要向一个表中添加许多条记录,使用SQL语句输入数据是很不方便的。幸运的是,My
- 在这篇asp之数学函数里,我们将会以表格的形式,让大家了解到关于ASP中能用到的数学函数,里面包括一个数的绝对值、一个数的平方根
- XML的嵌套处理 一般情况下,我们从数据库中查询得到的结果集可能很大,所以从服务器返回到客户端时,数据会被分成若干个页面分别进行传递。此时,
- 前言:看本教程,必须先仔细看前言的内容,否则会进入误区!最近在做个性休闲服装内网站的设计课程,过程中发现,个性元素的应用成为最难的问题,第一
- 1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.va
- 代码如下:SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO /* by kudychen 2