使用CSS,JavaScript或者Ajax实现预加载图片的三种方式

翻译自https://perishablepress.com/3-ways-preload-images-css-javascript-ajax/ 让图片预加载可以很好的提升用户体验。当在浏览器里把所有的图片都预先加载好了之后,用户可以在浏览你的站点中体验到非常快的加载时间。如果你想要在图片集网站或者大量使用图片...

使用git-flow来自动化你的git工作流

翻译自http://jeffkreeftmeijer.com/2010/why-arent-you-using-git-flow/ Vincent Driessen的分支模型是git的分支和项目发布策略。在大型项目中,可以用来帮助开发者追踪功能,bug以及版本的迭代。尽管使用这个工作流,需要记住大量的命令,但是,...

专业JavaScript程序员必须知道的apply(), call(), bind()方法

翻译自http://javascriptissexy.com/javascript-apply-call-and-bind-methods-are-essential-for-javascript-professionals/ 要理解这篇文章,你需要提前阅读过下面这三篇文章: Understand JavaSc...

明确并且掌握JavaScript的this

翻译自http://javascriptissexy.com/understand-javascripts-this-with-clarity-and-master-it/ JavaScript中的this关键词总是迷惑着新老程序员。本文的目的就是要把关于this的一切全部阐述清楚。读完本文之后,我们绝对不用再担...

清除浮动的各种方法和原理

浮动的元素虽然脱离了文档流,但是还是会在文档中占据相应的位置。所以,有的时候,就需要用到清除浮动。 假设现在有这样的情况: 12345<div class="container"> <div class="el-1"></div> <div class="el-2"&g...

通俗的语言解释JavaScript的原型

翻译自http://javascriptissexy.com/javascript-prototype-in-plain-detailed-language/ Prototype是每一位JavaScript程序员都应该了解的基本概念,本文就将用朴素详细的语言来解释JavaScript的原型。如果在阅读本文之后,你...

“回调地狱”如何避免

翻译自http://callbackhell.com “回调地狱”是什么异步JavaScript,或者使用回调函数的JavaScript,很难能够写出结构比较好的代码。大量的代码都会像下面这样: 1234567891011121314151617181920212223242526fs.readdir(sourc...

不使用媒体查询实现响应式电子邮件的4个技术

翻译自https://medium.freecodecamp.com/the-fab-four-technique-to-create-responsive-emails-without-media-queries-baf11fdfa848#.y38p2okxs 我发现了一种新的方式来创建响应式的电子邮件,而且不...

理解Angular中的$digest()和$apply()

翻译自http://www.sitepoint.com/understanding-angulars-apply-digest/ $digest()和$apply()是AngularJS中的两个核心并且有时候容易引人误解的部分。我们需要深入理解这两者是如何运作的,从而才能理解AngularJS本身是如何运作的。本...

npm与bower的区别

bower和npm都可以通过包名称,Git URL甚至任意的URL来安装包,也都可以为前端进行包管理。 关于npm1、npm安装依赖包的时候,会将包的不同版本放在合适的地方,从而,可以在想要的地方加载想要的版本。但是,这样对于前端来说,就是噩梦了(比如有两个版本的jQuery,或者两个版本的Bootstrap)。...