Coding Serf - Translations

【译】JavaScript设计模式:命令模式

在面向对象的世界里,命令模式(the Command Pattern)是一只奇怪的野兽。和大多数对象不同,一个命令对象相当于一个动词(verb)而不是一个名词(noun),但是命令模式又不同于函数。 什么是命令模式 就像我说的,一个命令对象相当于一个动词。还有一种说法是,命令模式是一种对象方法的封装方式。 简单来说,它会作为一个方法实现对象和一个方法调用对象中间的抽象层。这对用户...

【译】JavaScript设计模式:责任链模式

这是JavaScript设计模式系列的最后一篇。今后每周一你不用再期待我发一篇新博客了。那么今天我会讨论责任链模式(the Chain of Responsibility Pattern)。这个模式会解耦一个请求的发送者(sender)和接收者(receiver)。这是通过一个对象链完成的,每一个对象本身都可以处理这个请求或将其传递到下一个对象。是不是有些困惑?继续往下看。 责任链结构 责任链模式有3部分:发送...

【译】我希望自己尽早知道的7个JavaScript怪癖

如果对你来说JavaScript还是一门全新的语言,或者你是在最近的开发中才刚刚对它有所了解,那么你可能会有些许挫败感。任何编程语言都有它自己的怪癖(quirks)——然而,当你从那些强类型的服务器端语言转向JavaScript的时候 ,你会感到非常困惑。我就是这样!当我在几年前做全职JavaScript开发的时候,我多么希望关于这门语言的许多事情我能尽早地知道。我希望通过本文中分享...

CSS3 的 transition 和 animation

CSS3的演进之一是能够定义过渡和动画。多年来前端开发人员一直在寻求不用JavaScript或者Flash而直接使用HTML和CSS来设计交互效果。现在他们终于可以如愿以偿了。 用CSS3过渡,可以在元素状态发生改变的时候改变元素的外观和行为,比如,当鼠标滑过元素,当元素获得焦点,当元素被激活,或者当元素被URL作为目标时。 CSS3中的动画允许用多个关键帧改变一个元素的外观和行为。...

HTML和CSS最佳编程实践

在编写HTML和CSS代码之前,先要掌握大量各式各样的HTML元素,HTML属性,CSS属性以及这些属性对应的属性值。之前的课程的主要目标正是为了让你掌握HTML和CSS的这些各方面的知识以及它们的核心基础。本节就让我们来看一下HTML和CSS更重要的一些东西。 本节的主题是关注之前并没有涵盖到的HTML和CSS的最佳编码实践的细节,它们已在之前的每一课被应用,并且也应该在你编程的时...

【译】JavaScript 10分钟进阶(下)

5、原型 我曾经发表过反对OOP的言论,但是考虑到我偶尔会使用原型,我删除了那条言论。尽管我对Javascript因为市场压力去迎合说是Java给的灵感这种说法嗤之以鼻,然而,基于原型的编程有时还是很有用的。本节内容含有我自己主观的甚至是偏激的观点。 当你定义一个函数的时候,它都能够以两种方式使用。也就是说,就像每个标准的程序员所想的那样,一个函数标准的使用方式是...

【译】JavaScript 10分钟进阶(上)

1、简介 本指南是为那些已入门Javascript,同时希望了解它的高级特性的人而写的。如果你之前接触过诸如Ruby,Perl,Python,ML,Scheme等等的函数式编程语言,那么本指南对你而言就会相对容易一些,因为我在这里确实没有涉及到太多初级内容的讲解。 2、类型 Javascript 有9种类型,它们是: 1、空 – null。访问它的任何属性都会失败,例如 null.foo(译注:会抛出类型错误,...

JavaScript最佳实践(下)

  避免大量嵌套 达到一定程度的嵌套后代码将变得不可读。 多重循环是个非常糟糕的主意,它意味着你要同时兼顾好几个迭代器变量(i, j, k, l, m…)。 function renderProfiles(o){ var out = document.getElementById('profiles'); for(var i=0;i<o.members.length;i++){ var ul = document.createElement(&#...

JavaScript最佳实践(上)

  让命名简单易懂 为变量和方法命名时,要选择浅显易懂,简短明了的名字。 不好的变量名: x1 fe2 xbqne 同样不好的变量名: incrementerForMainLoopWhichSpansFromTenToTwenty createNewMemberIfAgeOverTwentyOneAndMoonIsFull 避免用一个具体值来描述一个变量或是方法的名字。 在某些国家也许会没有意义: isOverEighteen() //...

BEM的定义

  特别声明:此篇文章由David根据《Block, Element, Modifier》进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://bem.info/method/definitions/以及作者相关信息 ——作者:BEM官网 ——译者:David 什么是BEM? BEM代表块(Block),元素(...

文章归档
友情链接
参与项目
  • 830.格林学堂
  • 840.精优教育
  • 850.拯救红包君
  • 860.不开心抢包包
  • 870.打大折
  • 880.金地广场(西安)
  • 890.Engine Group
  • 900.Starbucks Mooncake
  • 910.宝存科技
  • 920.诺优能
  • 930.Zuse
  • 940.新吉士
  • 950.KSNY x Darcel
  • 960.澳大利亚官方旅游网站
  • 970.圣诞捞
  • 980.FlipScript
  • 990.五维互动
Copyright © 2013-2014 Coding Serf | Powered By WordPress |Theme design By Coding Serf