Coding Serf | Stay @ Front End | "呆"在前端

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

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

如何在移动设备上调试网页

这篇文章所讲到的方法已经过时,请移步《移动端真机调试终极利器-BrowserSync》,欢迎分享更多工具。 手机端页面,大多运行在webkit内核的浏览器上,但还是会因平台、厂商的不同而有种种兼容性问题。下面就介绍一下在iOS和Android两个平台上如何在真机上对页面进行调试。这里要说明的是,iOS平台只能用自带的Safari浏览器来调试,而Android平台也只能用google Chrome浏览器...

移动端Slider效果插件(for Zepto)

昨天,有位叫学智的哥们(和我大学一个同学(绰号-法师)同名不同姓)要做一个手机上的页面切换效果,虽然自己的期望和实际的效果相差并不是很大,但法师追求完美,眼睛里揉不得沙子的秉性,把他逼得急躁,惶恐,甚至有些迷失自我,不得不为解决一个bug不惜搞出十个bug,法师快哭了…… 此时,老天有眼,曾经逼迫他的伟大秉性尚且给他留了点智商,学智想起了我们群,对!就是我...

当Base64遇上大文件

base64的数据型文件在HTML中被使用(引用)已经不是什么新鲜事儿了。我们可以用很简单的几行代码就能写个本地的转换器: <input type="file" id="fileInput"> <output id="output"></output> <script type="text/javascript"> var fileInput = document.getElementById('fileInput'), output = document.getElementById('output'), reader...

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(译注:会抛出类型错误,...

用Canvas播放视频

一、为什么用Canvas来播放视频 1、用更高帧频来替代视频本身的timeupdate事件。因为视频的timeupdate事件是在浏览器保证视频正常加载并正常渲染的情况下才去考虑触发的,因此就有了250ms触发一次timeupdate事件的说法,也就是一秒四帧。当然,视频播放肯定会比这个帧频高很多。 2、避免在小屏幕iOS设备上全屏播放视频。苹果的Safari Developer Library中《Safari HTML5 Audi...

HTML5 API 探秘 – Web Worker

Web Worker 是什么 Web Worker 为 JavaScript 在浏览器里的运行提供了多线程接口。这样一来,我们就可以把那些复杂的耗时的不涉及DOM操作的运算抛给浏览器的一个后台线程来处理。(据说)这种线程是操作系统级别的。 让我们来看一段代码,简单了解一下 Web Worker 的 API: /* @constructor 构造函数 Worker(JSURL); @param {DOMString} JSURL是要在后台线程中执行的JS文...

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