谈谈页面模块化设计趋势

谈谈页面模块化设计趋势

 1.页面模块的按需加载

由于互联网产品发展愈来愈趋向于规模化和正规化，在早年间采用全站只加载一个公用样式的时代已经过去了，取而代之的是对性能更优的模块化按需加载模式。模块化显而易见的好处就是代码冗余相对较低，代码量也较小。

外模块化的好处还包括：结构清晰，易上手；频繁变更产品需求时的快速维护和开发；快速下线局部模块；动态调整页面模块加载优先级时，无需剥离任何代码；便于多人协同开发；降低多人协同开发时，互相覆盖代码；适合开发大型产品等很多优点。不论对用户，还是对维护开发都是非常有利的。

2.页面公用元素复用

所谓公用元素，主要指的是：reset类型；各类文字色；各类链接色；浮层框架；页面主框架；适用于本站的高复用补丁类型。

3.文件调用的层级酌情减小、文件名酌情缩短

如，image/index/module1/limoumou/icon/fabiaopinglun.jpg 酌情优化目录层级 如，fabiaopinglun_default.jpg 、.CommentListContent_linedot{} 酌情优化文件名长度。

4. 请求数量和背景大小均衡处理

图片请求数方面，有时候你要考虑CSS Sprite 拼合图片减少背景数，同时还要注意拼合图片K数不要太大，以及拼合图片注意纵横比，建议拼竖图（做过实验，同样内容，横图体积大于竖图） 当背景图片需要平铺时，请酌情考虑背景图片大小，比如1px高的虚线，请不要切一个1*2的小图，比如1*10,1*50，主要考量在于1*2的小图的平铺次数。 影响页面性能的因素还有很多，例如hack的使用、position的使用, table的使用等等……关键是保持技术的新鲜，丰富自己的知识。

【关键词标签】谈谈页面模块化设计趋势    (PC+手机)营销型网站建设    做营销型网站多少钱

• 网站能干什么？整个网站要多少钱?
• 五金营销型网站建设——图文并茂!
• 电子元件营销型网站建设！简洁清晰、一目了..
• 建材企业营销型网站建设！一站式制作！
• 无纺布袋——营销型网站建设
• 饰品礼品网站建设——倾力打造！
• 什么是企业网站最好的SEO优化策略？
• 对互联网产品成功率低的问题解析
• SEO优化实战：最佳网站优化策略
• 如何写CSS代码体现专业性？
• 个性化市场营销的三大活动是什么？
• 网站设计：什么是用户的信任体验？
• 快速完成营销型网站建设的合理方案
• 网站的设计如何给用户带来情感上的体验？
• 如何提高网站的知名度使网站排到最前面？