Web架构
sandykwx
这个作者很懒,什么都没留下…
展开
-
WEB系统架构设计经验分享
本人作为一位web工程师,着眼最多之处莫过于 性能与架构,本次幸得参与sd2.0大会,得以与同行广泛交流,于此二方面,有些心得,不敢独享,与众博友分享,本文是这次参会与众同撩交流的心得,有兴趣者可以查看视频架构设计的几个心得:一,不要过设计:never over design这是一个常常被提及的话题,但是只要想想你的架构里有多少功能是根本没有用到,或者最后废弃的,就能明白其转载 2013-01-17 09:54:12 · 338 阅读 · 0 评论 -
关于meta标签(力求“大全”)
前言:HTML/XHTML/DHTML并不简单,我想就单说一个meta标签都不见得有谁能完全掌握好(也许很多人根本都不会关心它)。在我刚刚更新了IE到IE9时,发现了一个小现象,就是用IE9打开我做的页面时会出现“Compatibility View”按钮,而访问Google时就没有,这是为什么呢(你会去考虑这个问题吗)?后来多方查找之后才发现了原因,在google的页面源代码里有转载 2014-08-28 16:53:49 · 371 阅读 · 0 评论 -
CSS模块的注释——页面重构中的模块化设计(六)
从前面的内容我们已经知道,样式是可以分成各个模块去写的,如何表示各个模块的作用及它们之间的关系呢?CSS的注释是不二的选择。与普通的注释不同,模块的注释需要一些更详细的内容,比如:功能说明、模块版本、关联信息等等。 像 《基类、扩展类──页面重构中的模块化设计(五)》 中例子的注释,显然是比较简单的。为了减少不必要的沟通,我们可以使用较为固定的格式去完成这个注释。举个例子:/*转载 2013-01-17 09:54:09 · 364 阅读 · 0 评论 -
页面重构中的模块化思维
什么是模块化?对“模块化”的解释,在 CNKI 中就有28种。可见“模块化”思维使用的广泛。最接近页面重构中的“模块化”,现有的解释应该就是软件开发中的解释了。先看一下百度词条是怎么解释“ 模块化 ”的:模块化是指解决一个复杂问题时自顶向下逐层把软件系统划分成若干模块的过程。每个模块完成一个特定的子功能,所有的模块按某种方法组装起来,成为一个整体,完成整个系统所要求的功能。模块具有以下转载 2013-01-17 09:53:55 · 441 阅读 · 0 评论 -
样式的作用域──页面重构中的模块化设计(一)
模块化设计我已经提过很多了,像《 从宜家的家具设计讲模块化 》、《页面重构中的模块化思维 》、《 页面重构中的组件制作要点 》都是跟模块化相关的,不过之前一直没有讲到具体实现方面的内容,只是一些思维。这次重点讲一下实现方面的内容,权当到目前为止我对模块化的一些总结整理。要做好模块化,我觉得理解好样式的作用域是很重要的,所以将这部分作为这个系列的第一篇。写过程序的同学应该都知道,变量转载 2013-01-17 09:53:59 · 348 阅读 · 0 评论 -
页面重构中的组件制作要点
在写完前面“模块化”相关的文章后,感觉试图用“模块化”本身去讲什么是“模块化”真是不容易讲得清。相信大家都多多少少能理解什么是“模块化”,但是不容易说得清,也有不少同学反馈说缺少实例。现在的团队里在推“组件化”,做为“模块化”的一个应用方式,也许正好可以从另一个方面讲讲“模块化”的实现。这里的“组件”跟“模块”并没有本质的区别,那为什么还要提一个新的名词呢?在《 页面重构中的模块化思维 》转载 2013-01-17 09:53:57 · 353 阅读 · 0 评论 -
栏目级作用域──页面重构中的模块化设计(二)
在《 样式的作用域──页面重构中的模块化设计(一) 》中,我将样式的作用域分为了三个部分:公共级(全局)、栏目级(局部公共)、页面级。公共级(全局)容易理解,即影响站点中所有页面。简单解释下栏目级(局部公共)和页面级:页面级可分为两种情况:在多个页面间,页面级作用域指针对某一单独的页面定义;在同一个页面中,页面级作用指针对某一标签的定义。它将决定最终的页面效果。栏目级(局部公共)介于全局与转载 2013-01-17 09:54:01 · 300 阅读 · 0 评论 -
继承──页面重构中的模块化设计(三)
前面我们了解了 样式的作用域的分类 和栏目级作用域 。在权值中,还有一个很重要的因素,需要做下补充,起因是这样的,有个同学在CSS森林群里问了个问题:根据样式权值两个关键的因素权值的大小跟选择器的类型和数量有关样式的优先级跟样式的定义顺序有关可以知道,如果10个标签选择器的权值应该比一个类选择的权值高,像这样:div div div div div div div div转载 2013-01-17 09:54:03 · 317 阅读 · 0 评论 -
模块化的核心思想──页面重构中的模块化设计(四)
有不少同学觉得前面的内容过于简单了,对于 样式的作用域的分类 、 栏目级作用域 、继承 等内容的确十分基础,不过基础还是很重要的。下面就一起进入这个系列真正的主题——“模块化”吧。早在Qzone4.0的页面架构中已经在项目中开始摸索提高代码复用的方法,只不过当时并没有很清晰的认识到“模块化”这个思想。从去年的《 从宜家的家具设计讲模块化 》开始,模块化成了我主要的一个学习方向。借着转载 2013-01-17 09:54:05 · 527 阅读 · 0 评论 -
基类、扩展类──页面重构中的模块化设计(五)
基类 和 扩展类 是这个系列的主要内容,上一篇《 模块化的核心思想──页面重构中的模块化设计(四) 》中只是简单提了一下,我们再深入的来了解下它们。一般所使用的“模块化”的方法,就是以某一个类做为定义的开始,比如:/* S 图片列表 */.pic_lists li,.pic_lists li img{float:left;width:122px;height:122px;m转载 2013-01-17 09:54:07 · 336 阅读 · 0 评论 -
UML用例图总结
用例图主要用来描述“用户、需求、系统功能单元”之间的关系。它展示了一个外部用户能够观察到的系统功能模型图。 【用途】:帮助开发团队以一种可视化的方式理解系统的功能需求。 用例图所包含的元素如下: 1. 参与者(Actor) 表示与您的应用程序或系统进行交互的用户、组织或外部系统。用一个小人表示。 2. 用例(Use Case)转载 2016-01-02 21:30:36 · 1339 阅读 · 1 评论