我要反馈问题

加入众成翻译官方交流群(群号:362419683)

关注《奇舞周刊》微信号
阅读更多精选前端技术文章

友情链接

声享:制作精彩的有声幻灯片

使用声享在线PPT快速制作分享优质内容

立即体验

京ICP备17024260号

文蔺

浏览器中的 ES6 module 实现

560阅读 · 文蔺 2017-05-06翻译  
ES6

ES6 的模块特性(module) 开始在浏览器端实现啦!一切正在路上... 浏览器 备注 Safari 10.1 (无) Chrome Canary 60 打开 chrome:flags 启用“实验性网络平台功能” Firefox 54 打开...

郭培

10个可以使用ES6替换的Lodash特性

399阅读 · 郭培 2017-02-24翻译  
JavaScript ES6 Web

本文得到 Mark Brown的同行校审,非常感谢SitePoint的各位审稿人,是他们保证了SitePoint的内容质量可以做的更好。 到目前为止,Lodash成为必备的Npm包,但是如果你正在使用ES6,那么你就不一定要使用它。在本文中,我们将使用带箭头函数的本地...

萧暮

ES6 特性

238阅读 · 萧暮 2017-02-24翻译  
JavaScript ES6

箭头函数(Arrow Functions) function() 的简写符号,但不会绑定 this。 no-eval var odds = evens.map(v => v + 1); // 没有小括号和花括号 var nums = evens.map((v,...

Doraemonls

关于ES6中的Maps你需要知道的那些事

332阅读 · Doraemonls 2017-02-20翻译  
JavaScript ES6

JavaScript ES6 引入了一个新的数据结构,叫做 maps。 Maps 是设计用来代替使用Object Literal进行键值对存储的数据结构,它需要键值唯一,并且为循环提供了很多可用的方法。 使用Object literals 作为 “Maps” Obje...

边城

ES 提议:import()

986阅读 · 边城 2017-01-15翻译  
JavaScript Node.js ES6

Domenic Denicola 向 ECMAScript 提议在第 3 阶段中加入“import()”。它提供了动态加载 ECMAScript 模块的功能。这篇博文会解释这个功能。 ECMAScript 模块是静态的 ECMAScript 模块是完全静态的:你必须在...

边城

ES6 核心特性

2261阅读 · 边城 2017-01-08翻译  
ES6

4. ES6 核心特性 本章讲述 ES6 核心特性。这些核心特性很容易理解,库作者会比较关心其它的没讲的内容。我会使用对应的 ES5 代码来解释讲到的每一个特性。 4.1 从 var 到 let/const ES5 中申明使用 var,这些变量都是函数级作用域的,它们...

兔兔的奶爸

ES6中的Metaprogramming: Symbols 为什么令人惊叹

1169阅读 · 兔兔的奶爸 2016-12-10翻译  
Web JavaScript ES6

你听说过es6对吧?他是在很多方面令人惊叹的 javascript 新版本。我常常兴高采烈地谈论我在 ES6 中发现的令人难以置信的新功能,这使很多同事感到懊恼 (因为似乎并不是每个人都喜欢,别人消费自己的午餐休息来谈论 ES6 模块的)。 ES6中一个很不错的新功能...

张大侠

2016届阿拉莫CSS开发者大会资源汇总

582阅读 · 张大侠 2016-12-09翻译  
CSS Web ES6

Jen Simmons正在发表主题演讲(2016届阿拉莫CSS开发者大会,圣安东尼奥,德克萨斯) CSS Dev Conf is the first on-site conference dedicated to Cascading Style Sheets for...

十年踪迹

ES6 虽好,使用需谨慎

1509阅读 · 十年踪迹 2016-12-06翻译  
Web JavaScript ES6

几天前我看到一条令人忍俊不禁的 tweet。 看到上面那段代码,我脑补了一个场景: “让我们使用新潮的 ES6 解构” “它看起来好难懂” “别怕!我会为它添加一个注释” 这的确搞笑,但同时它这是一种典型的货物崇拜编程 —— 盲目而仪式性地使用代码或程序结构。...

文蔺

手把手教你写一个 Javascript 框架:数据绑定

700阅读 · 文蔺 2016-12-05翻译  
Data JavaScript ES6

本文是“编写 JavaScript 框架”系列的第四章。本章我将解释脏检查和基于getter/setter 访问器的数据绑定技术,并指出它们各自的优缺点。 本系列主要是如何开发一个开源的客户端框架,框架名为 NX。我将在本系列中分享框架编写过程中如何克服遇到的主要困难...

石建文

用箭头函数精简你的 Vue 模块 – dotdev

529阅读 · 石建文 2016-12-05翻译  
JavaScript ES6

最近在重构一个用 Vue1.0 写的项目,我通过使用 ES6 的箭头函数来让代码在不升级 Vue2.0 的情况下变得更加简洁和统一。在这个过程中我也遇到了很多坑,所以想借此机会分享一下我从中学到的东西以及总结出来的一些规范,这些规范以后都将会落实到我的 Vue 项目中...

myvin

2016年学习JavaScript是怎样的一种体验

946阅读 · myvin 2016-12-04翻译  
Web JavaScript ES6

在这篇文章的写作过程中没有JavaScript框架被创建出来。 下面这篇文章是受Circle CI的《这就是未来》激发而写的。你可以在这里读到原始版本。这篇文章只是代表一种观点,就像任何JavaScript框架一样,不必严肃对待。 嗨,我最近获得了一个web项目,但是...

十年踪迹

只在需要的时候 Polyfill 你的 JavaScript 代码

759阅读 · 十年踪迹 2016-12-01翻译  
ES6 JavaScript Promise

本文转载自 Pascal Klau,他是一名来自德国南部的实习生,他讨厌不必要的 HTTP 请求,也不爱吃西兰花。Pascal 将说明使用 polyfill 服务的一种方式,在这种方式下你可能可以完全不必使用它。 现状 我们想要用 ES6 语法来写 JavaScri...

hi

ES6模版方法:Handlebar杀手?

639阅读 · hi 2016-11-28翻译  
ES6 HTML React

我在FT上最近有和其中一个一流开发者@bjfletcher的讨论。我们正在考虑替换模板语言的可行性,例如Handlebars和ES6模版方法的某些方面,Ben建议把我们的对话发布到网上是个不错的主意 - 带一个有诱惑性的标题链接及所有内容。 所以什么是模版语法呢?它们...

动静若参商

六个小而美的ES6特性

721阅读 · 动静若参商 2016-11-28翻译  
JavaScript ES6 Awesome

JavaScript社区中的每个人都喜欢新API、新语法和新特性——可以更优雅,更智能,更有效的完成重要任务。ES6带来了很多好东西,并且在过去的一年里,浏览器厂商们全力以赴的升级浏览器来使它们可用。尽管ES6中有一些大的更新,但是一些小升级也给了我巨大的惊喜。下面这...

Herylee

ES 5-6-7: 从回调函数到Promises到Generators到Async/awit – 中间

499阅读 · Herylee 2016-11-27翻译  
Promise Async ES6

让我们通过使用请求库实际使用案例。 步骤 1: 回调地狱 - N层深 这就是典型的NodeJS代码的样子。每一个函数会获取一个具有常用的签名的回调函数: function(err, response){ } 步骤 2: Promises - 1层深 Promise库...

踏歌

ES6/ES2015 小菜一碟

877阅读 · 踏歌 2016-11-24翻译  
ES6 Promise Web

ES6/ES2015 小菜一碟 最新的Javascrip迭代即将来临。截至2015年六月 es2015 ES6 /规格已获得批准,因此,你的浏览器将会支持大量的新特性和语法。 让我们从新版本中拆分一些小菜一碟的知识点.当我说小菜一碟时,这意味着那些知识不需要大量的研...

fszer

陷阱: 不是所有的的对象都可以透明的进行代理

497阅读 · fszer 2016-11-22翻译  
ES6

新的 ES6 proxy 代理属性让你能拦截并定制一个对象的操作, 这一般也叫做 target. 拦截与定制是通过一个 handler object 来处理(想象一个监听器)。操作会被处理方法拦截。如果没有这个处理方法, 相应的操作就会被简单的派发给目标 因此, 如...

骄阳

三种方式理解Promises

694阅读 · 骄阳 2016-11-20翻译  
Promise ES6 Async

这篇博文用三种方式来理解 Promises. 这里asyncFunc()是一个调用基于Promise函数的示例: function asyncFunc() { return new Promise((resolve, reject) => {...

文蔺

手把手教你写一个 Javascript 框架:沙箱求值

556阅读 · 文蔺 2016-11-18翻译  
JavaScript ES6 Data

本文是“编写 JavaScript 框架”系列的第三章。在本章中,我将介绍浏览器中对代码求值的几种不同方式及其存在的问题,也会介绍一种依赖 JavaScript 新特性的方法。 本系列主要是如何开发一个开源的客户端框架,框架名为 NX。我将在本系列中分享框架编写过程中...

文蔺

手把手教你写一个 Javascript 框架:使用 ES6 Proxy 实现数据绑定

656阅读 · 文蔺 2016-11-14翻译  
JavaScript ES6 Data

使用 ES6 Proxy 实现数据绑定 本文是“编写 JavaScript 框架”系列的第五章。在本章中,我将介绍如何使用 ES6 Proxy 实现简单、强大的数据绑定。 本系列主要是如何开发一个开源的客户端框架,框架名为 NX。我将在本系列中分享框架编写过程中如何克...

善意的闲人

继 JavaScript 模块入门,再详解“模块打包”

1876阅读 · 善意的闲人 2016-11-06翻译  
ES6 Webpack HTTP

继 JavaScript 模块入门,再详解“模块打包” http://alpha.wallhaven.cc/wallpaper/33246 在这篇文章的第一部分,我谈到了什么是模块,开发者为什么使用它们,以及,在你的程序中实现模块的不同方式。 在这第二部分,将会回答...

MinweiShen

深度理解ES6中的生成器

939阅读 · MinweiShen 2016-11-04翻译  
ES6 JavaScript Web

深度理解ES6里的生成器函数 这是深度理解ES6,Pony Foo有史以来写得最长的系列文章!还困在ES5里?欢迎!让我向你介绍一下解构, 模板字符串, 箭头函数, 扩展操作符和rest参数, 字面对象的扩展, 在prototype之上的新的class语法糖, let...

网络埋伏纪事

JavaScript 模块简史

1787阅读 · 网络埋伏纪事 2016-10-28翻译  
JavaScript ES6 Webpack

砖模块和依赖 你是否是 JavaScript 新手,搞不清楚模块、模块加载器和模块打包器?或者你已经写了 JavaScript 一段时间,但是没法掌握模块的一些行话?你是否听过像 CommonJS、AMD、Browserify、SystemJS、Webpack、JS...

网络埋伏纪事

React 初学者教程 6 :传递属性

655阅读 · 网络埋伏纪事 2016-10-27翻译  
React JavaScript ES6

处理属性有令人沮丧的一面,在前一个教程中我们已经看到了一点。在只处理一层组件时,将属性从一个组件传递到另一个很简单。但是如果你想将一个属性在多层组件之间传递,事情就开始变得复杂了。 事情变得复杂从来不是一件好事情,所以在本教程中,我们来看看我们怎么做才能让在多层组件之...

ron

控制ECMAScript版本发布的TC39流程

924阅读 · ron 2016-10-26翻译  
ES6 JavaScript API

本博客文章解释了所谓TC39的过程,它指导了从2016年开始的ECMAScript(ES7)功能是如何设计的。 相关博文: ECMAScript 2016 (ES7)的最后功能级 关注ECMAScript 2017的功能 谁设计了ECMAScript? 答:TC3...

cherryvenus

js模块: 新人指南

986阅读 · cherryvenus 2016-10-20翻译  
JavaScript ES6 API

JavaScript模块: 初学者指南 Source: https://www.flickr.com/photos/qubodup/16258492451 如果你刚刚接触javascript,诸如“模块打包 vs 模块加载”,“webpack vs Browseri...

kayson

ES6 promises 与 Bluebird

779阅读 · kayson 2016-10-16翻译  
ES6 Bluebird V8

我对 node 的异步特性非常着迷。作为一门“单线程模型”语言,Node 工程师们必须高效地处理异步问题。我想简单讨论的话题是 ES6 内置的 promise 和 Bluebird(一个处理异步问题的库) 之间的性能比较。我惊讶地发现,Bluebird 的性能比 ES...

yangzj1992

教程:如何通过 Rollup 来打包 JavaScript

867阅读 · yangzj1992 2016-09-29翻译  
JavaScript babel ES6

教程:如何通过 Rollup 来打包 JavaScript 本文将通过一步步的系列教学来学习如何使用更小,更高效的工具 Rollup 来代替 Webpack 和 Browserify 打包 JavaScript 文件。 这周,我们将第一次用 Rollup 来构建我...

twolun

使用ES6的Imports语法,使React Router能够自动进行代码分割

1423阅读 · twolun 2016-09-02翻译  
React Webpack ES6

使用ES6的Imports语法,使React Router能够自动进行代码分割 对一个单页应用来说,有选择的加载应用程序的某一部分,是改进应用初始化时间的一个最基本的技术。它的目的是确定渲染视图所依赖的代码的加载顺序,同时要延迟其它资源的加载。下面即将看到我们是怎样使...

玩命加载中……
已经到底啦