诚邀莅临

大家好!我们计划2月底或3月初在北京举办一次用户见面活动。只要对众成翻译有中肯的意见或建议均可报名。收到报名信息后,我们将酌情发送《邀请函》。期待与您相聚!

马上开始翻译!

我要认领

我要反馈问题

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

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

友情链接

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

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

立即体验

少年阿布DX

为什么 WebPack 2 的 Tree Shaking 并不如你想的高效 - Advanced Web Machinery

1阅读 · 少年阿布DX 8分钟前翻译  
Web

随着 WebPack 2 滚桶翻来(译者注:原文作者使用了 barrel forward,这是炉石传说里的一张技能卡,大陆翻译是滚桶翻),Tree Shaking —— 说得学术一点儿,使用静态分析移除未使用的导出对象 —— 正在进入主流。由于它承诺解决包的臃肿这个紧...

neal1991

原生ECMAScript模块: 动态 import()

20阅读 · neal1991 7小时前翻译  
Web

在之前的文章原生ECMAScript 模块:新特点以及与Webpack模块的区别,我们弄明白了ES模块和它们在bundlers/compilers(比如Webpack/Babel)实现的区别。 到目前为止我们已经发现了几个问题,并且直到如何使用import``expo...

ZhangHanDong

WebAssembly简介

71阅读 · ZhangHanDong 1天前翻译  
WebAssembly

WebAssembly, 简称WASM, 是一种以安全有效的方式运行可移植程序的新技术,主要针对Web平台。 与 ASM.js类似, WASM的目标是对高级程序中间表示的适当低级抽象,即,WebAssembly代码旨在由编译器生成而不是由人来写。 W3C 社区组 拥有...

Doraemonls

Stack Overflow如何重新设计顶部导航

43阅读 · Doraemonls 1天前翻译  
Web

你也许注意到我们今天换了个新装。 我们核心使命是:让开发者的生活的更美好,今天的这次更新正是实现这个小目标的一小步。去年,我们集成了Jobs 这一从开发者中来,到开发者中去的产品。我们增加了全新的内容产品Documentation,来帮助你找到更多编程问题的解决方案...

zhouweicsu

面试中要注意的 3 个 JavaScript 问题

145阅读 · zhouweicsu 1天前翻译  
Web

JavaScript 是所有现代浏览器的官方语言。因此,各种语言的开发者面试中都会遇到 JavaScript 问题。 本文不讲最新的 JavaScript 库,通用开发实践,或任何新的 ES6 函数。而是讲讲面试中经常出现的 3 个 JavaScript 问题。我问...

印前

高效程序员的10个习惯

40阅读 · 印前 1天前翻译  
Web

今年,我和软件工程领域的一些大牛聊天。这是典型的会议演讲者与赞助方之间的晚餐,没有正式的参与者。一些你在Twitter上关注的大牛,在餐间都会放松心情,分享观点和战争故事(IE6或任何一个?)。 通过这些轻松的交谈以及我个人多年的观察,让我相信高效成功的程序员确实...

善意的闲人

高效程序员的另外 10 个习惯(续上篇)

169阅读 · 善意的闲人 2天前翻译  
Web

几周以前我写了 高效程序员的 10 个习惯,这篇是它的续集,又列了 10 个习惯。这些虽非一成不变的铁律,却是我亲见行之有效的,尤其对于你想成为优异的开发者并享受工作和职业而言(要得到了不起的工作,先成为了不起的人)。 1. 给别人教 教是学的最好方法。凭 Stack...

verymuch

CSS补丁的痛楚 — 菲利普·沃尔顿

70阅读 · verymuch 2天前翻译  
Web

今年早些时候我写了一篇关于Houdini的文章,文章在Smashing Magazine上。我称它为“关于CSS你从没听说过的最激动人心的改进”。在这篇文章中,我指出通过Houdini APIs(包括一些其他东西)能够用一种现在还不能做到的方式进行CSS功能补全。 当...

wenkai

我是怎么把我的 React 应用换成 VanillaJS 的(这是不是一个坏主意)

87阅读 · wenkai 2天前翻译  
Web

这是一个又长又曲折(有很多代码)的故事。我尝试用 VanillaJS 重写 JSX 语法,组件结构,服务端渲染,以及 React 的组件更新魔法。 上周我写了一篇文章,“学会这 10 件事,我创建了世界上最快的网站”。一切都进展顺利,我照常在 medium 上收到了...

Doraemonls

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

93阅读 · Doraemonls 3天前翻译  
JavaScript ES6

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

少年阿布DX

一览 Vue.js 2 – dotdev

116阅读 · 少年阿布DX 3天前翻译  
Web

Vue.js 2 就要来了,我们都对此感到非常激动。Vue 的新版本除了带来了巨大的提升与许多新特性(虚拟 DOM、服务端渲染、JSX / Hyperscript 支持等),也做了一些舍弃与改变。 新特性 所有 Vue 2 带来的这些新特性听起来都很棒。但在实践它们之...

kayson

CEO们都做些什么?

34阅读 · kayson 4天前翻译  
Web

有时候有人问我CEO是做什么的。 在此之前我想象中的CEO有点像将军,在士兵进入战场之前鼓动他们。我脑海里都回响着鼓舞士气的口令声。 问题是这似乎不像我的风格。我更多的是倾听和寻找共识。我感觉没有信心给一大群人下命令。做事情让我感到更舒服。我还能做一个CEO吗? 后来...

Mmzer

使用Flow编辑和发布JavaScript模块

188阅读 · Mmzer 4天前翻译  
JavaScript

Flow是一个JavaScript的静态类型检查器,它提供了使用额外信息如期待的变量值的类型、函数功能和返回值等信息去注释JavaScript代码的能力。最近,在Elm这个JavaScript语言的超集做了很多类似的工作之后,我开始去探索流行的JavaScript动态...

neal1991

原生ECMAScript模块 -第一次概述

230阅读 · neal1991 4天前翻译  
Web

2016年浏览器和Node.js对于ECMAScript 2015 specification的应用取得了难以置信的发展。现在我们面临的状况是支持情况几乎都接近100%: 但是标准也同时介绍了ECMAScript modules (如今也经常被叫作ES或者ES6模块...

萧暮

Node 事件循环究竟是如何工作的: 为何大部分的事件循环图都是错的

80阅读 · 萧暮 4天前翻译  
Web Node.js

当 Bert 在 2016 年欧洲 Node 交流大会上提出关于事件循环的主题时,他以一句“大部分的事件循环图都是错的”开场。我很愧疚,我演讲中也用过一些错误的图。:) 就是如此。事件循环像做热蛋糕一样在客户端循环处理数据。 他给的图非常接近真实情况。在此,事件循环...

Amin

TypedArray 还是 DataView: 理解字节序

67阅读 · Amin 4天前翻译  
Web

不喜长文看此处 在同一台机器上,访问ArrayBuffer的方式不一样就会得到不同的字节序。长话短说:使用 TypedArray 和 DataView 两种方式去读取同一个ArrayBuffer得到的结果会有所不同。 ArrayBuffer 主要用来高效快速的访问二进...

Doraemonls

什么是前端开发者

203阅读 · Doraemonls 2017-02-17翻译  
Web

上周我说,为了成为一个前端开发者,你一定要可以在没有工具的情况下工作。于是我成为了那些旧式互联网‘猎巫人’的众矢之的。 我并不是说你应该抛弃你手头用的工具,只和CSS,JavaScript打交道。相反,我是说你应该能够这样做。这就是我对前端工程师的定义。如果有必要,重...

踏歌

使用虚拟dom和JavaScript构建完全响应式的UI框架

450阅读 · 踏歌 2017-02-17翻译  
JavaScript React MobX

最近我热衷于响应式编程,特别是在Mobx生态系统。我非常喜欢这个框架背后的思想:以透明的方式实现响应式。所以我问我自己… 在JavaScript中怎样才能创建一个完全 响应式(透明)的UI框架呢? 不要担心,至少现在你不会在npm仓库中看到另外一个JavaScri...

fszer

让 linting 再一次伟大!

98阅读 · fszer 2017-02-16翻译  
Web

作为一个前端开发者我总是寻找一些可以使得反馈路径尽可能短的工具,而我相信 linting 会是其中一个。当然,有了 IDE 与文本编辑器的集成你一定用过它们。另一方面,还有那些云端代码质量工具,比如像是 CodeClimate 等一些工具,又或者是你自定义的 CI 工...

哈呼哈哈呼

CSS 网格布局工作草案中的点滴

115阅读 · 哈呼哈哈呼 2017-02-16翻译  
CSS Chrome DOM

网格布局规范给我们提供了一种新的布局方式,这种布局方式对现代web设计来说,更加灵活,更加适合当今web规范的发展。在今天这个web时代,随着规范的发展,最新的网格布局模块草案也有新的变化。 这篇文章,我希望通过简要地关注所有的变化来帮助大家了解最新的发展。 如果你...

verymuch

CSS通用数据类型

801阅读 · verymuch 2017-02-15翻译  
Web CSS

CSS中属性的值有着许多种格式。为了让用户代理(即浏览器)能够识别一个值是否有效,则需要确认该值是否符合该类值支持的格式的其中一种。这些属性值所支持的格式叫做数据类型,在规范中用<this>的形式标识。 CSS中存在两种数据类型——特定数据类型和通用数据类...

网络埋伏纪事

用彩色动画 GIF 大图解释弹性盒工作机制

401阅读 · 网络埋伏纪事 2017-02-14翻译  
Web

弹性盒(Flexbox)承诺要将我们从普通 CSS 的罪恶(比如垂直对齐)之中解救出来。 不错,弹性盒确实兑现了这一目标。不过,掌握它的新心智模型可能是个挑战。 所以我们用动画来看看弹性盒的工作机制,这样就可以用它来创建更好的布局。 弹性盒的基本原则是让布局变得灵活而...

网络埋伏纪事

理解弹性盒:必知必会

837阅读 · 网络埋伏纪事 2017-02-14翻译  
Web CSS

本文将涵盖玩转 CSS 弹性盒模型所需的所有基本概念。文章有点长,请做好准备。 如果你更愿意在一个 PDF 文档中阅读整个教程,这里是下载链接 - 随便下,没有附加条件。 关于弹性盒学习曲线的备注 如下是我很尊重的一个开发者 Philip Roberts 发的一个推...

zhouweicsu

可扩展 Web 宣言

87阅读 · zhouweicsu 2017-02-13翻译  
Web Google JavaScript

推动 Web 发展 我们——已签署这份协议的人——想要改变 Web 标准委员会新增新特性以及给他们排优先级的方式。我们认为这对 Web 的长期健康发展来说至关重要。 我们的目标是缩小 Web 标准与 Web 开发者之间的反馈环路。 目前,许多新特性需要经历几个月甚至几...

山月

calc() 如何工作

339阅读 · 山月 2017-02-13翻译  
Web CSS

CSS3 的 calc() 函数允许我们在属性值中执行数学操作。例如,我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。 .foo { width: calc(100px + 50px); } 为什么是 calc() 如果你使用过 CSS 预...

二方土君

如何让上传速度加快10倍——草案博客

148阅读 · 二方土君 2017-02-12翻译  
Web

你觉得你的web应用只可以响应得更快一点吗?我们觉得可以所以做了一点新的尝试 “高层次的抽象” 作者: Tomasz Urbaszek 我们会对在发现应用响应慢的时候做一些优化,但是现实效果都不怎么满意。正如它所显示的,最慢的部分是在我们应用中上传文件的时候。然而是...

cocoPang

高级 Node.js 项目结构教程 | @RisingStack

1095阅读 · cocoPang 2017-02-12翻译  
Web Node.js

项目结构是一个重要话题,因为你创建应用程序的方式可以决定整个项目生命周期的开发体验。 在这个Node.js项目结构教程中,我将回答我们在[RisingStack](https://trace.risingstack.com/) 收到的关于结构化高级Node应用程序的一...

mjzhang

为什么Redux需要reducers是纯函数

598阅读 · mjzhang 2017-02-10翻译  
Web

你可能知道Redux依赖函数式编程中的纯函数。这究竟是什么意思呢? 下面的这张图片是来自Redux示例中的一个Todo应用。它目前有四个Todo任务。它展示了所有已完成和未完成的任务,我们可以看到第四个任务为已完成状态。图片的右侧展示了存储在Redux当中的当前st...

善意的闲人

前端开发者亦是「信息建筑师」

504阅读 · 善意的闲人 2017-02-10翻译  
Web JavaScript

(译者写在前面:「信息建筑师」原文是 information architect,而 architect 在计算机领域常译为架构师,但此处没有这样译。因为文中把网页开发者编写 HTML 代码比拟为传统建筑师排布一砖一瓦,然后才说前端开发者也是一种建筑师,信息建筑师。)...

George

Facebook:MVC模式不适用,使用Flux模式代替 [更新版]

112阅读 · George 2017-02-10翻译  
Web

这篇文章已经根据社区以及Jing Chen(Facebook)的反馈进行了更新。(参阅下面的更新部分) Facebook发现MVC模式不能满足他们持续增长的需求,并决定采用一种不同的模式进行替代:Flux 在最近的F8会议(Hacker Way: Rethinking...

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