• 原文链接 : Why our website is faster than yours
• 原文作者 : by Declan
• 译文出自 : 掘金翻译计划
• 译者 : hpoenixf
• 校对者: MAYDAY1993,circlelove

我们最近升级了我们的网站。虽然这主要是界面方面的大调整，但作为一个软件开发者，我们更关注在技术细节上面。我们的目标是加强控制，关注性能，在未来可以灵活地调整和让在网站上撰写内容变得有趣。下面讲述了我们是如何让我们的网站比你的快的（呀，不好意思！）

为了性能而设计

开发项目的时候，我们每天都会跟设计师和产品经理讨论性能和美观的平衡。对于我们的网站来说，这是简单的。简单来说：我们相信尽快的展现内容是良好用户体验的开始。这意味着性能 > 美观

好的内容，布局，图片和交互对吸引你的用户是必要的，但这些元素都影响着页面的加载时间和用户体验。在每一步我们都在想办法在提升用户体验和设计时的同时给性能带来尽可能小的影响。

内容优先

我们想要把核心内容-也就是基本的 HTML 和 CSS -尽可能快的展现给用户。每一个页面都应该支持内容最主要的目标：传达信息。增强的功能，也就是 JavaScript ，完整的 CSS 文件，网络字体，图片和分析相对于核心内容来说都是次要的

获取控制

设计和构建你自己的JavaScript代码库：提示与技巧

本文转载自：众成翻译
译者：hpoenixf
链接：http://www.zcfy.cc/article/939
原文：https://www.sitepoint.com/design-and-build-your-own-javascript-library/

代码库：我们一直在使用它们。代码库是开发者把他们会在项目中使用到的代码打包起来形成的，这总能节省时间和避免重复造轮子。拥有一个可重复使用的包，不管是开源的还是闭源的，总比重复构建一样特性的包或者从过去的项目中手动复制粘贴要好。

来自作者的更多文章

• Stop Maiming Bodies: The Perils of Pixel Font-Size
• ES2016: Should the Future of JavaScript Be Developer-Driven?

除了被打包的代码，还可以更精确的形容代码库吗？除了少数的例外，代码库通常只是一个文件，或者是在同一个文件夹里的几个文件。它的代码应该可以单独保存和在你的项目中正常使用。库文件允许你根据项目的不同来调整结构或者行为。想象一下只能通过USB接口进行通讯的USB设备。一些设备，例如鼠标和键盘，可以通过设备提供的接口来进行配置。

在这篇文章，我会解释如何构建库文件。尽管大部分的方法可以应用到其他语言，但这篇文章主要讲述的是构建JavaScript库文件。

##为什么构建你自己的Javascript库？

首先和最重要的，库文件可以让现有的代码方便的重复利用。你不需要挖出陈旧的项目来复制文件，只需要引入库文件。这也可以让你的应用组件化，让应用的代码库更小更易维护。

Christ Church Library (source)

任何可以让实现一个具体的功能更容易或者可以被重复利用的抽象的代码，都可以被打包进去库文件。jQuery是一个有趣的例子。尽管jQuery的API有大量的简化的DOM API，在跨浏览器DOM操作比较困难的过去有着相当重要的意义。

我的越南毕业游时间为2016年6月6日到2016年6月22日，共计17天。去了河内，胡志明，美奈，大叻，芽庄，会安，岘港，顺化等八个城市。
先计算一下大家都比较感兴趣的花费问题吧，数字只是大概，并不十分可靠。
先是交通部分。
广州到南宁的动车170。南宁到河内的卧铺，找人代购的235。河内到胡志明的机票四百，改时间加了一百（这里我的失误比较大，据说可以买到三百的。我买的时间太早，也导致后来需要改时间，实际上提前一星期买也可以。）。在越南境内的交通主要是坐巴士，新咖啡或者futa都是比较大和可靠的公司。新咖啡的班次比较少，futa的班次比较多比较灵活，大家可以自己选择。胡志明到美奈三十六，美奈到大叻三十，大叻到牙庄三十六，牙庄到会安六十。会安到岘港只有一小时公交，如果还坐巴士却也是三十左右，但我们找到了公共巴士站，只花了六块钱。岘港回香港的机票是三百七。香港回深圳的车费是二十（先机场坐到屯门，再坐到深圳湾）。另外，在美奈和大叻，岘港累计租了四天摩托。租金一天三十到四十，算上油费，如果是两个人的话，一人一天是三十的样子吧。PS，越南打的比较贵，三块钱到五块钱一公里。不过没有起步价，且越南城市比较小，基本上打一次车只要十块到二十块。主要从机场/车站到市区不要上了黑车被宰就好。交通部分加上打的我的花费是1700左右。

背景

之前我分享了文章大厂前端面试考什么?,你们一定很想看答案吧？说实话，答案我是有，在准备面试的时候会时不时翻看，但内容比较多，比较凌乱，不能指望我在一篇文章中写完。

我是从非计算机专业自学前端的，到现在（2018年4月）有两年半的时间。中间经历了不少迷茫，技术也止步不前，怀疑自己可能只是一辈子这样写写页面。然而在最近的面试中通过学习和思考，找到了前进的方向，也得到一些大公司(BATJ中的两家)的录用机会。算是从初级前端毕业，进阶了吧。

我打算写一系列文章来进行解答面试中碰到的问题以及自己觉得需要补充和遗漏的地方，该系列文章适用于有一年以上前端开发经验的同学，不会讲太基础的东西。希望可以帮助大家走出迷茫，提升技术水平。

之前面试的过程中，一个比较让我在意的评价是知识较全面但深度不够。希望这次写的文章可以深入一点，跟大家一起成长。系列的范围比较广，同时还希望有深度，因此更新的速度不会太快。在这里先写个目录。

赶时间的同学可以按照我的目录中的关键词先自行准备提升，希望推荐文章和交流。欢迎关注和 star 本博客或是关注我的 github