摘要：文章整理了Web前端开发中的各种CSS规范，包括文件规范、注释规范、命名规范、书写规范、测试规范等。一、文件规范1、文件均归档至约定的目录中（具体要求以豆瓣的CSS规范为例进行讲解）：所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：基本样式库 /css/core通用UI元素样式库 /css/libJS组件相关样式库 /css/ui业务类的CSS是指和具体产品相关的文件，放在如下目录中：读书 /css/book/电影 /css/movie/音乐 /css/music/社区 /css/sns/小站 /css/site/同城 /css/location/电台 /css/ra 阅读全文

摘要：什么是Fouc(文档样式短暂失效)？ 在引用css的过程中，如果方法不当或者位置引用不对，会导致某些页面在windows下的ie出现一些奇怪的现象，以无样式显示页面内容的瞬间闪烁，这种现象称之为文档样式短暂失效，简称FOCU。原因大致为： 1、使用import方法导入样式表 2、将样式表放在页面底部 3、有几个样式表，放在html结构的不同位置。其实原理很清楚：当样式表晚于结构性html加载，当加载到此样式表时，页面将停止之前的渲染。此样式表被下载和解析后，将重新渲染页面，也就出现了短暂的花屏现象。解决方法：使用LINK标签将样式表放在文档HEAD中。 阅读全文

摘要：单例模式是javascript最基本，最有用的模式之一，它提供了一种将代码组织为一个逻辑单元的手段，这个逻辑单元中的代码通过单一的变量进行访问。我的理解是在这个作用域中，只有通过单一的变量来访问，不存在第二份。这样的话，也能用来划分命名空间，以减少全局变量的泛滥。1、对象直接量实现最基本、最简单的单体var Singleton = { attr1 : 1, attr2 : 'hello', method1 : function(){alert(this.attr2);}, method2 : function(arg){}} 这种方式中，对象所有成员都通过Single... 阅读全文

摘要：原型继承的定义当你阅读关于JS原型继承的解释时，你时常会看到以下这段文字：当查找一个对象的属性时，JavaScript 会向上遍历原型链，直到找到给定名称的属性为止。——出自JavaScript秘密花园大多数JavaScript的实现用__proto__属性来表示一个对象的原型链。在这篇文章里我们将看到__proto__与prototype的区别何在。注：__proto__是一个不应在你代码中出现的非正规的用法，这里仅仅用它来解释JavaScript原型继承的工作原理。以下代码展示了JS引擎如何查找属性：function getProperty(obj, prop) { if (obj.... 阅读全文