摘要: 第一次听到“CSS模块化”这个词是在WebReBuild的第四届“重构人生”年会上,当时我还想,“哈,CSS也有模块化,我没听错吧?”事实上,我没听错,你也没看错,早就有CSS模块化这个概念了。之所以我把这个拿出来讨论,是因为一个算是比较大的项目出现了一些重构上的危机,因此引发了我们对页面重构中的CSS进行模块化的思考。首先,什么是CSS模块化?在谈CSS模块化之前我们先看一下百度百科对模块化的解释:“模块化是指解决一个复杂问题时自顶向下逐层把系统划分成若干模块的过程。每个模块完成一个特定的子功能,所有的模块按某种方法组装起来,成为一个整体,完成整个系统所要求的功能。在系统的结构中,模块是可组 阅读全文
posted @ 2012-09-27 23:23 乱ayhuznaiou 阅读(396) 评论(0) 推荐(0)
摘要: 在开发过程中,随着UI和交互的变化,前端这些文件变得异常难以维护,主要是因为新的需求出现而一般我们总是无法摒弃原来的方案而导致不断地兼容,那有没有一些好的方法来管理组织这些文件呢?css篇css的基本规范 1.根据项目新建3种类型样式。 全站样式,产品样式,页面样式。 全站样式需要放在所有css引用的最前面。它包括:标签样式重置,链接,字体,清楚浮动,布局,模块等等 产品样式指某一个业务(比如车务,门户,论坛等),文件放在css/下相应的目录下。 页面样式指仅在一个或少量几个页面中用到,该文件再放到相应的产品目录下。2.css尽可能的通过封装,继承。 请参见 css模块化3.不要轻易改动... 阅读全文
posted @ 2012-09-26 23:50 乱ayhuznaiou 阅读(527) 评论(0) 推荐(0)
摘要: 1.创建分支的意义创建分支的意义,比如我们在一个基础平台上进行开发,每个技术小组负责一个子项目,而基础平台也是有可能会继续更改的,这个时候,如果不创建分支,子项目之间会相互影响,影响最大的就是后期的测试和版本发布,子项目A已经结束,但测试却受到正在进行的子项目B的影响,测试通不过,就别说版本发布了。所以,我们需要从目前的项目(主干trunk)中创建分支(branch),隔离子项目间的相互影响。知道了创建分支的意义,那么如何创建呢,下面请看SVN分支与合并介绍中创建的原理。2.svn创建分支原理在svn中,创建分支,实际上就是一个版本拷贝(对应copyto...注意:绝不是简单在客户端上copy 阅读全文
posted @ 2012-09-26 09:21 乱ayhuznaiou 阅读(394) 评论(0) 推荐(0)
摘要: Fancybox的特点如下:可以支持图片、html文本、flash动画、iframe以及ajax的支持可以自定义播放器的CSS样式可以以组的形式进行播放如果将鼠标滚动插件(mouse wheel plugin)包含进来的话Fancybox还能支持鼠标滚轮滚动来翻阅图片Fancybox播放器支持投影,更有立体的感觉Fancybox使用方法:1、引入jquery核心库和Fancybox插件库12<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/j 阅读全文
posted @ 2012-09-04 08:49 乱ayhuznaiou 阅读(207) 评论(0) 推荐(0)
摘要: YII框架开发一个项目的通用目录结构:testdrive/ index.php Web 应用入口脚本文件 assets/ 包含公开的资源文件 css/ 包含 CSS 文件 images/ 包含图片文件 themes/ 包含应用主题 protected/ 包含受保护的应用文件 yiic yiic 命令行脚本 ... 阅读全文
posted @ 2012-09-03 00:21 乱ayhuznaiou 阅读(463) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2012-08-20 23:01 乱ayhuznaiou 阅读(111) 评论(0) 推荐(0)
摘要: 从基于浏览器的JavaScript受到关注时起,Document Object Model (DOM) 就是我们绘制所要内容的的地方,也是用户所看到的界面。如果我们想要增强、替换或是向浏览器加载好的HTML添加点什么东西,JavaScript和DOM便是我们所需要的。Dojo旨在使DOM操作变得更加简单、高效,为此Dojo提供了一些方便的函数来解决不同浏览器间恼人的的兼容性问题,并让常用操作更加简洁。为了了解这些函数,我们将操作一个简单的页面,该页面中有一个含有五个元素的无序列表:<!DOCTYPEhtml><html><head><metachars 阅读全文
posted @ 2012-08-19 23:39 乱ayhuznaiou 阅读(911) 评论(0) 推荐(0)
摘要: 定义Dojo是一个用JavaScript语言实现的开源DHTML工具包。它是在几个项目捐助基础上建立起来的(nWidgets,Burstlib, f(m)),这也是为什么叫它a unifined toolkit的原因Dojo的目标是解决开发DHTML应用程序遇到的那些、长期存在 、历史问题,以及DHTML 跨浏览器问题。Dojo能够让你更容易使Web页面具有动态能力,或者在任何能够稳定支持JavaScript语言的环境中发挥作用。通过以上描述,可以看出Dojo的出现是为了解决DHTML(动态的HTML)的问题和跨浏览器,其中DHTML分为三个方面HTML、CSS、客户端脚本要想在不同的浏览器上 阅读全文
posted @ 2012-08-09 14:22 乱ayhuznaiou 阅读(229) 评论(0) 推荐(1)
摘要: this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.x = 1; }随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。下面分四种情况,详细讨论this的用法。情况一:纯粹的函数调用这是函数的最通常用法,属于全局性调用,因此this就代表全局对象Global。请看下面这段代码,它的运行结果是1。 function test(){ this.x = 1; alert(this.x); } test();... 阅读全文
posted @ 2012-07-31 23:00 乱ayhuznaiou 阅读(113) 评论(0) 推荐(0)
摘要: 这个配色是仿的mac Classic的配色,与mac Classic还是也些小差异,不足之处望点出下载链接:http://115.com/file/be5ctmen安装方式:不需解压,直接到 工具-> 选项-> 字体和颜色 里左下角点导入,直接导入zip文件。 阅读全文
posted @ 2012-07-29 22:25 乱ayhuznaiou 阅读(1164) 评论(2) 推荐(0)