Recent Comments

Categories

均呢?他一直在前端路上,试图在这不归路上找到自己的方向 ...
Home » 模块化

页面优化的那点事(JS)

最近由于工作的需要,开展了一下页面优化的工作,这次只是尝试性去做,并未在其它项目去推广
由于是实验性的,所以只拿JS来做(JS是我的弱项),顺便练练手。
这次主要的工作有
1,重新整理JS,并将其模块化(采用原生JS来写,之前使用了mini的JS库);
2,合并JS减少HTTP请求数;
3,简化项目目录树
先看工作成果

图上的文件大小是经过服务器压缩过的。
前后对比,优化后 HTTP请求数由3个减为1个,文件大小由6.2+3+4.3=13.6KB减为10.8K

Read More »

CSS模块化[二]

今天吃饱了,喝足了,继续前天晚上没有写完的, :)

从公司的实际情况出发,先说一下我们这次做CSS模块化要达到的目标:
1,页面上的CSS链接数少于1个;
2,页面的CSS冗余率小于5%

下面,我们针对这两个目标进行布署,
首先是CSS链接数,这里我们将采用SSI的方式进行合并,但是同时又要达到对CSS有一个版本控制,这里就需要结合SVN等版本控制软件了
然后是CSS的冗余率了,这里我们为了降低冗余率,所以就得把CSS细分为各种模块,根据页面所需来选择要用到的CSS

Read More »

CSS模块化[一]

最近由于公司发展需要,所以在对部门进行一下规范的制定,其中一项是对CSS进行模块化,模块化很重要的是要有一个命名规则,内容细分等
经过思考与讨论得到以下方案:

从一个页面来说,页面由三大块组成,框架(layout)、模块(module)、内容表现(expression)组成,因此,首先可以从这下手。。。

不好意思,饿了。。。

明天有时间继续,哈哈。。。

一直在路上 - junNe.NET is powered by Typecho))) and Theme From junType