最近在项目中使用到字符串转数字。刚开始使用的是Number()，结果可想而知。后来Review代码的时候，应该使用parseInt()。我当时在纳闷，为什么要使用parseInt()呢？结果老板甩过一句话，看规范去。现在项目可算暂告一段落，所以得自己整清楚Number()和parseInt()有什么区别。

在绝大多数情况下，函数的调用方式决定了this的值。this不能在执行期间被赋值，在每次函数被调用时this的值也可能会不同。在函数中this到底取何值，是在函数真正被调用执行的时候确定下来的，函数定义的时候确定不了。这篇文章介绍了JavaScript中this的一些规则，这些规则很简单。最重要的规则是，this决定调用一个函数时的回调是什么。下面简单的罗列一些这方面的规则。

在实际业务中经常碰到页头固定在浏览器的顶部，而在移动端上使用position:fixed坑多难搞。记得EFE团队分享过一篇《Web移动端Fixed布局的解决方案》博文，就是介绍如何解决移动端上实现页头固定的技术方案。除了文章中介绍的方案之外，@Brad Frost也推荐了几个JavaScript的解决方案，比如iScroll 4和Scrollability。使用fixed是一种固定页头的，但很多时候是希望实现Sticky Header的效果，说到这里大家可能会想起position新增的属性值sticky。虽然这个能实现我们想要的效果，但这个属性的支持性还是需要等待一段时间。

在上一篇文章中总结了CSS如何实现容器长宽比几种方法。对于在CSS中实现容器的长宽比最初的创意是来自于在Web中如何实现纵横比。主要是用于响应式设计中的iframe、img和video之类的元素。随之扩展为适用于任何的容器长宽比。那在CSS中到底有多少种方案可以实现呢？我一向喜欢做这样的事情，到处搜集多种解决方案。如果你看到前面的两篇文章，或许你知道一些方法，或者说所有的方案你都想到了。如果是这样的话，你可以停止阅读这篇。如果没有的话，你可以继续往下阅读。

前端的学习是永无止境的，总是不断的有新知识需要学习，为了能跟上节奏，也硬逼自己开始学习一些ES6相关的知识。今天先来学习ES6中的箭头函数。在学习箭头函数之前先简单的回顾一下JavaScript中的一些概念。

本交互式教程循序渐进地教您在 Chrome DevTools 中调试 JavaScript 的基本工作流程。 虽然教程介绍的是如何调试一种具体问题，但您学到的一般工作流程对调试各种类型的 JavaScript 错误均有帮助。如果您使用 console.log() 来查找和修正代码中的错误，可以考虑改用本教程介绍的工作流程。 其速度快得多，也更有效。

了解如何：打开 DevTools 控制台；堆叠冗余消息或将其显示在各自的行上；清除或保留输出，或者将其保存到文件中；过滤输出，以及访问其他控制台设置。

JavaScript中最有效的调试工具之一就是console.log()。console提供了一些有用的方法可以帮助开发人员更好的调试你的代码。

你有无意中看到 "callback" 但并不知道其中的意思么？不用担心。不是只有你一个人这样。很多JavaScript 新手都难以理解回调。虽然回调比较令人困惑，你仍然需要彻底的学习理解它们，因为它在 JavaScript 中是一个很关键的概念。如果你不知道回调，那么你无法走的长远。这就是今天这篇文章需要讲解的！你将要学习什么是回调以及它们为什么如此重要和怎么去使用。

在ES6很多很棒的新特性中, 箭头函数 (或者大箭头函数)就是其中值得关注的一个! 它不仅仅是很棒很酷, 它很好的利用了作用域, 快捷方便的在现在使用以前我们用的技术, 减少了很多代码......但是如果你不了解箭头函数原理的话可能就有点难以理解. 所以,让我们来看下箭头函数, 就是现在!