野草园

史蒂夫•乔布斯刚发明iPod的时候，大家都有点疑惑，MP3面世已有些时日，iPod较之有何与众不同？当然，大家可以说出很多不同，但是最关键的点就是乔布斯所宣传的那样：“随声携带1000首歌。”当其他所有人都用“MP3拥有1G的超大内存”来宣传产品时，Apple另辟蹊径，称iPod让你成为更好的你，一个能随身携带1000首歌的你。User Onboarding上有人用惊艳

Node中的绝大多数对象，比如HTTP请求，响应，流，都是实现了`EventEmitter`模块，所以它们可以触发或监听事件。 const EventEmitter = require('events');能体现事件驱动机制本质的最简单形式就是函数的回调，比如Node中常用的`fs.readFile`。在这个例子中，事件仅触发一次（当Node完成文件的读取操作后），回调函数也就充当了事件处理者的身份。

原文链接： webpack 3: Official Release!! 作者：Sean T. Larkin 翻译：野草发布webpack 2之后，我们就跟社区承诺：我们将发布大家投票出来的功能特性，而且会保证更快更稳定的发布周期。不会再有一年才出来的测试版本，不会再有不兼容的重大改变。我们承诺我们会保证大家的权益，因为你们才使得wepack如此欣欣向荣。现在webpack团队

关于本文：原文地址 翻译地址 译者：野草在Vue.js应用中，可能需要引入Lodash，Moment，Axios，Async等非常好用的JavaScript库。当项目变得复杂庞大，通常会将代码进行模块化拆分。可能还需要跑在不同的环境下，比如浏览器，服务端。如何在各个模块和组件文件中引入需要的库呢？ 找到一种简单靠谱的方式，可以省去很多的麻烦。错误示范全局变量法最不靠谱的方式就是将导入的库挂在

关于本文：原文地址 翻译地址 译者：野草觉得有点作用的，欢迎去github点个赞，谢谢~~正文从这里开始~~~我的电脑图标还记得Windows桌面的我的电脑图标吗？这个小图标背后包含了你电脑中所有的资料，包括你所有的代码，所有的工作，所有数字化的你，是不是有点厉害？！微软在新版的Windows中将图标变成了计算机，然后又换成了此电脑。他们是因为“我的”一词具有误导性？还是觉得跟实际情况不符？

关于本文：原文地址 翻译地址 译者：野草什么鬼！！！当程序员遇到违反“最小惊讶原则”，违反他们直觉的时候，他们会不由自主地发出这句感叹！举个栗子： .1 + .2 0.30000000000000004 什么鬼！！！(+﹏+)~@当我遇到一些资深前端开发，却不知道JavaScript原型继承(Prototypal inheritance)的时候，我也情不自禁地发出“什

关于本文：原文地址 翻译地址 译者：野草// 本文发表于前端早读课【第8**期】你是否经常在debug那些简单可避免的bug？可能你给函数传参的时候搞错了参数的顺序，或者本来应该传个Number类型的参数，你传了一个String类型？JavaScript的弱类型是这一类bug的罪魁祸首，静态类型语言中不存在此类bug。Flow就是JavaScript的静态类型检查工具，由Facebook团队于2

关于本文： 原文地址 翻译地址 译者：野草 // 本文发表于前端早读课【第8**期】有一个很经典的面试题：当你在浏览器输入一个网址并按下回车之后发生了什么？今天我们就来说说当浏览器从服务器获取了HTML文件之后经历了什么。事实上，从获取HTML文件直到浏览器以像素点的方式在屏幕中绘制出页面的内容确实经历了很多步骤，这些步骤我们称之为关键渲染路径(Critial Rendering Path)

关于本文：原文地址 翻译地址 译者：野草本文发表于前端早读课【第882期】往期回顾：成为一名函数式码农系列之一成为一名函数式码农系列之二成为一名函数式码农系列之三柯里化(Currying)还记得上一篇我们讲的吗？当mult5接受1个参数，而add接受2个参数时，mult5和add 的函数复合遇到了麻烦。其实解决这个问题很简单，我们只需限定所有的函数只能接受1个函数。听起来有点难以接受？相信我，并

你已经学了函数式编程相关的所有新知识，你可能开始困惑：“然后呢？我如何才能在我的工作中实践起来？”这得具体问题具体分析。如果你工作中用的是像[Elm](http://elm-lang.org/)或者[Haskell](https://www.haskell.org/)这类纯函数语言，那这些知识很容易就能运用起来。如果你只能用某种命令式语言（这种情况很常见），比如JavaScript，你还是能运用大部分我们之前

闭包（closure）是JavaScript中最基本的概念，也是每个前端工程师都应该彻底掌握的概念。网上有很多教程，通俗易懂地解释了闭包的概念，却鲜有深入探讨闭包背后的机制和原理。笔者在工作中深有感悟，彻底地理解和掌握某个知识点的本质，会让你在工作中游刃有余。因此经过笔者深入地学习调研之后，本文全面而透彻地分析闭包的运行方式，以及运行背后的机制。

由于动画的实用性与趣味性，在现代网页设计中它已经成为了不可或缺的一部分。它可以交流状态，引导用户关注，帮助用户查看行为反馈，甚至影响用户行为。动画可以使网站与众不同，让人眼前一亮。本文总结了能改善用户体验的八大网页动画设计，并用实际例子加以说明。过程处理加载动画网页中最常用的动画莫过于加载动画了，有趣的加载动画会减少用户对时间的感知。 若在减少加载时间上束手无策，请

原文地址翻译：野草  校对：墨白Javascript无处不在。过去，Javascript工程师的头衔仅仅意味着你是一个前端工程师，永远只和浏览器打交道。如今，那个时代已经过去。NodeJS的崛起开辟了一个新的时代，一个Javascript工程师不仅仅是前端工程师的时代。现在，作为一个Javascript工程师，相对于其他的高级程序语言，你可以针对更多

作者：野蛮的小小芬链接：https://zhuanlan.zhihu.com/p/25210402来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。组件化设计通常出现在大型复杂项目中，本文笔者想阐明即使在小项目或者小团队组件化设计的好处也能发挥得淋漓尽致。笔者所在的团队不论大小项目都使用组件化设计。首先我们得感谢Brad Frost，他在著作《原

相信大家都听过“10倍效率”开发者。如果你没听过，或许也是件幸运的事。开发界有传言，有些开发者效率之高堪比同水平开发者的10倍，在团队里甚至可以以一抵十。不过，我们大多数人会把“10倍效率”开发者和以下这三种奇葩联系起来：才智过人的天才： 天赋异禀却蔑视众生，这样的人即使很能干，也没人愿意和他合作。自以为是的庸才： 他们毫无依据地坚信他们就是“10倍效率”开发者。通常这是因为他

本文将与你一起探讨如何用不可变数据储存的方式进行Angular应用的状态管理 ：[ngrx/store](https://github.com/ngrx/store)——Angular的响应式Redux。本文将会完成一个小型简单的Angular应用，最终代码可以在[这里](https://github.com/auth0-blog/pet-tags-ngrx)下载。