2017 CSS Day于6月15日和16日在Amsterdam举办，到今天已经过去一个多月了。虽然说是CSS Day，但这次话题并不仅仅是有关于CSS方面，这次大会主要分成两个方面的话题：Browser API Special和CSS。第一天主要是有关于Browser API Special（6月15日），第二天主要是有关于CSS的（6月16日）。每个主题各邀请八位世界级的分享嘉宾来分享。比如熟悉的@Philip Walto、@Rachel Nabors、@Chris Coyier、@Rachel Andrew和@Jen Simmons。最近也看了大会相关嘉宾分享的内容，整理一下分享给国内的爱好者。希望大家感兴趣。

在JavaScript中，几乎每一个值都是某种特定类型的对象，于是ES6也着重提升了对象的功能性。上周花了一周的时间了解了JavaScript中的对象相关的知识，对于ES6中有关于对象的扩展功能并不太了解。今天开始就来简单的了解和学习有关于ES6中对象的扩展功能。ES6通过多种方式来加强对象的使用，通过简单的语法扩展，提供了更多操作对象及对象交互的方法。接下来的内容就是有关于这些知识的整理。

JavaScript中的一个对象就是一系列属性的集合，一个属性包含一个属性名和一个属性值（key/value）。一个属性的值可以是函数（这个时候也被称为方法）。除了内置的对象之外，还可以自定义对象。接下来学习在JavaScript中怎么使用对象、属性、函数和方法以及怎么自定义创建对象。

这两天学习JavaScript的数据类型以及字符转换过程中接触到了new这个关键词。比如new String()、new Boolean()和new Number()之类的。如果我们通过typeof来判断他们的类型的话，得到的结果都是object。那么在JavaScript中，new关键词有哪些知识点需要了解呢？

在《JavaScript中数据类型转换》一文中主要学习了JavaScript中的数据类型、数据类型检测和数据类型转换。从这篇文章中了解到了通过String()和toString()可以将值转换为字符串。那么在JavaScript中还有很多有意思的东西，也是让我这样的生手感到困惑的东西。比如String()和new String()有何不同，又比如这篇文章的标题toString()和valueOf()又有何不同。

最近在项目中使用到字符串转数字。刚开始使用的是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中的一些概念。