Doraemonls的头像

Doraemonls

  • 译文
    10
  • 积分
    780
  • 粉丝
    1

http://dorahut.com/

最新译文

使用浏览器开发者工具检查CSS动画性能

本文是我们和SiteGround一起合作的系列之一。感谢我们的合作伙伴,有了你们,SitePoint才成为可能。 CSS动画的性能可以非常好。虽然对简单动画和少部分元素来说这是事实,但是如果你不注意编写高性能的动画代码,额外增加了很多复杂性,网站用户很快就会注意到(...

不使用Media Queries的自适应CSS

虽然标题说不用media queries,但我还是要在开头讲清楚,本文并不是要大家丢掉media queries,也不是要抨击media queries。media queries实际上非常有用,我在各种地方都会用到。但media queries并不能解决所有的自适...

JavaScript编码指南

出其不意 1920年,William Strunk Jr的《英文写作指南》出版了,这本书给英语的风格定下了一个规范,而且已经沿用至今。代码其实也可以使用相似的方法加以改进。 本文接下来的部分是一些指导方针,不是一成不变的法律。如果能够清晰解释代码含义,当然有很多的理...

如何知道你该写什么

如何知道你该写什么 养成每天写博客的习惯只需要四步 我写过一篇文章,讲述过去几周,我每天写博客,这个习惯给我的生活带来了很大的影响。 我连续写了一个月的博客,以及接下来发生的事. 一个在Quora和Medium的实验 我并不认为传统的博客是一条正确的道路。...

用机器学习加速你的网站

我一生中大约73%的时间都在思考网络性能:如何在慢速手机上能播放60FPS的画面,用完美的顺序加载资源,通过离线缓存能做的一切。等等等等。 但最近我一直在想,我对Web性能定义是否太狭隘了。从用户的角度来看,所有的炫酷事情都只是性能的一小部分。 所以我打开了一个非常熟...

深入理解CSS:font metrics, line-height 以及 vertical-align

Line-height 和 vertical-align 是比较简单的CSS属性,以至于我们大多数人都觉得完全理解这两个属性是如何工作以及如何使用它们。实际并非如此。这两个属性非常复杂,也许可以说是最难理解的属性了。CSS有一个鲜为人知的特性:内联元素格式化。这两者恰...

不使用循环的JavaScript

上一篇文章里,我们提到缩进是代码复杂度的重要标志。我们的目标就是写出更低复杂度的JavaScript代码。通过正确的抽象,我们可以解决这个问题。但是如何确定使用哪种抽象?迄今为止,我们还没有找到坚实的例子来阐述这一点。具体到这篇文章而言,让我们来看看如何不使用循环来...

Stack Overflow如何重新设计顶部导航

你也许注意到我们今天换了个新装。 我们核心使命是:让开发者的生活的更美好,今天的这次更新正是实现这个小目标的一小步。去年,我们集成了Jobs 这一从开发者中来,到开发者中去的产品。我们增加了全新的内容产品Documentation,来帮助你找到更多编程问题的解决方案...

关于ES6中的Maps你需要知道的那些事

JavaScript ES6 引入了一个新的数据结构,叫做 maps。 Maps 是设计用来代替使用Object Literal进行键值对存储的数据结构,它需要键值唯一,并且为循环提供了很多可用的方法。 使用Object literals 作为 “Maps” Obje...

什么是前端开发者

上周我说,为了成为一个前端开发者,你一定要可以在没有工具的情况下工作。于是我成为了那些旧式互联网‘猎巫人’的众矢之的。 我并不是说你应该抛弃你手头用的工具,只和CSS,JavaScript打交道。相反,我是说你应该能够这样做。这就是我对前端工程师的定义。如果有必要,重...