Coding Serf - 2015

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

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

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

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

响应式与移动端(五):交互的过渡

PC和移动端之间的交互方式有诸多不一样的地方,本文会探讨如何解决这种交互上的过渡。 一、从鼠标到手指 PC网页的交互大多是用鼠标来完成的,到了移动端,在触摸屏上我们任性地挥舞着手指。此时对于同一套响应式的代码,就要考虑如何让交互也是响应式的,即面对不同的设备提供不同的交互(操作)。 1.1、 hover 在移动端并非完全不支持css中的:hover伪类,只不过表现效果与P...

移动端真机调试终极利器-BrowserSync

之前有分享过一篇《如何在移动设备上调试网页》,感谢 xyyjk 留言推荐BrowserSync这个工具,自己也花了点时间研究了一下,还是很好上手的。比起之前介绍的方法更加方便(之前的方法已经过时)。BrowserSync可以实时同步更新CSS、JS文件,此外最关键的是全平台支持,即你可以在手机QQ浏览器、微信浏览器里面调试。今天就介绍一下这个工具的用法(以下针对Mac OSX)。 一、安...

响应式与移动端(四):会变脸的媒体查询

媒体查询即Media Queries,它是实现响应式的核心。我们会在本文中涉及到那些媒体查询最常用的地方,例如它允许我们在某个窗口宽度(或高度)应用不同的css样式,可以理解为窗口尺寸的断点。此时网页似乎完全换了一种布局,就像变脸一样。另外,我们还可以用媒体查询来判断当前设备类型(如打印机)、设备显示器分辨率等媒体特性。 一、引入媒体查询 在页面开发中,我们常用...

文章归档
友情链接
参与项目
  • 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