Airbnb的JavaScript风格指南是目前业界认可度最高，使用最为广泛的JavaScript编写指南，很多公司也会结合此文档和实际情况编写内部的JS使用指南。
可以说这个指南代表了一种使用JavaScript最合理的方法。
本文对原文的中文简版进行了翻译上的优化和一些精简，可以方便开发人员快速使用。
注意: 本文中所有代码都是基于ES6的。
more >>
zj-john
ECNU CS研究僧，前端一枚，产品经理半枚，运维工程师半枚
自ES2015以来，JavaScript对象中的属性顺序是可预测的
下面这段React的代码，最终渲染的效果依赖于对象中属性的顺序。1234styles({ backgroundBlue: true, backgroundRed: true});
但从执行效果来看，背景将显示为红色，因为它是“放在最后的属性”。
如果你已经用了一段时间的JavaScript，你可能会立刻想到 - 等等，什么！？属性是有顺序的吗？
使用D3和Vue创建交互式地图
为什么要这么做
把地图加到你的网站或者应用里有许多种方法，比如使用Google Maps, Mapbox, Leaflet等。
而且用法很简单，有些服务商甚至只需您点击几下即可完成。
但是当你需要自定义设计，显示一些数据集或做你想做的其它事情时，它会变得越来越糟糕。而且，在Vue或React中你只能调用抽象好的javascript API，而不能使用JSX来渲染。
另外，好多库对私人项目也不是免费的。
所以，当我再一次要在地图上显示一些数据时，我决定：我要完全控制我的代码，然后用更好的方式创建我自己的地图。
more >>在JavaScript中搜索和排序含有变音符号的文本
智能打包，如何仅为旧版浏览器提供旧版代码
虽然“有效打包资源”这个话题在网上一直很火，但不管如何打包，我们最终向不同用户提供的前端资源仍然几乎相同。
即使用来优化网站的构建工具从未如此优秀和先进，但网站随附的JavaScript和CSS资源的平均（大小）权重仍在不断上升。
随着常青浏览器(可自动升级到未来版本的浏览器，可以理解为持续更新)市场份额的快速增长以及浏览器对web新功能的同步支持，是时候要重新考虑下现代网络中的资源交付了。
如今，大部分的web流量都是通过常青浏览器访问的，它们大多都支持ES6 +，新的JavaScript标准，新的Web平台API和CSS属性 。但是，在可观望的未来，旧版浏览器仍需要去支持，因为它们的使用份额还不少，远不能达到忽略的程度。当然，这个需求最终取决于您的用户群。
从caniuse.com中各版本浏览器的使用情况可以看出，常青浏览器的使用占据了浏览器市场的绝大部分，超过75％。尽管如此，但标准的做法还是添加CSS前缀，将所有的JavaScript转换到ES5标准，并包含polyfill，从而支持我们的每一个用户。
虽然从过往的发展历史来看这是可以理解的，因为web一直是渐进式增强的。但问题仍然存在：我们需要为了支持越来越少的旧版浏览器，而让大多数用户一起放慢web的步伐吗？
缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置：
jsonContent:
meta: false
pages: false
posts:
title: true
date: true
path: true
text: false
raw: false
content: false
slug: false
updated: false
comments: false
link: false
permalink: false
excerpt: false
categories: false
tags: true
爱前端、爱小说、爱音乐、爱产品、爱游泳、爱动漫、爱家务、爱安静、爱萧萧。人生这么短，且行且努力。