我要反馈问题

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

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

友情链接

猿说:互动氛围更好的IT交流学习平台

互动氛围更好的IT交流学习平台

立即访问
声享:制作精彩的有声幻灯片

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

立即体验

京ICP备17024260号

小天同学

Safari技术预览版40更新说明 | WebKit

222阅读 · 小天同学 2017-09-22翻译  
Safari WebKit

Safari技术预览版40更新说明 2017-09-20 by Jon Davis@jonathandavis Safari技术预览版 发布版本40现在在macOS Sierra和 macOS High Sierra 的betas版可以下载 使用了。如果您已经安装...

小天同学

向Node.js核心贡献代码的六个步骤 | @RisingStack

419阅读 · 小天同学 2017-09-22翻译  
Node Node.js nodejs

向Node.js核心贡献代码的六个步骤 本文的目的是帮助您完成向Node.js核心文件贡献代码的第一个提交! 向Node.js贡献代码的方式有很多种。你可以向其中的某个 工作组捐献(像网站或者联机诊断工作组等),或者可以在 Nodeschools开设课程提供Node....

Leslie Wang

JavaScript是如何工作的:内存管理 + 如何处理4个常见的内存泄露

925阅读 · Leslie Wang 2017-09-21翻译  
JavaScript

How JavaScript works: memory management + how to handle 4 common memory leaks JavaScript是如何工作的:内存管理 + 如何处理4个常见的内存泄露 A few weeks ago w...

miaoyu

【GitHub】12个实用技巧

1045阅读 · miaoyu 2017-09-21翻译  
Github

#1 在GitHub.com上编辑代码 先从一个大多数人都知道的开始吧(尽管我是上个星期才知道的) 在GitHub上打开一个文件(任何仓库的任何文件),在页面的右上角有一个像小铅笔的按钮。点击它,你就可以编辑文件了。当你编辑完成,点击Propose file cha...

Mactavish

更快地构建 DOM: 使用预解析, async, defer 以及 preload ★ Mozilla Hacks – the Web developer blog

774阅读 · Mactavish 2017-09-20翻译  
DOM HTML Web

在 2017年,保证我们的页面能够快速加载的手段包括压缩,资源优化到缓存,CDN,代码分割以及 tree shaking 等。 然而,即便你不熟悉上面的这些概念,或者你感到无从下手,你仍然可以通过几个关键字以及精细的代码结构使得你的页面获得巨大的性能提升。 这些新的...

myvin

一些知名网站的 404 页面

675阅读 · myvin 2017-09-20翻译  
Design 404 前端 Front-end Developer

google.com . youtube.com . facebook.com . reddit.com . muz.li . . amazon.com . vk.com . linkedin.com . imgur.com . aliexpre...

jojo.zhou

使用Node.js理解和测量HTTP时序

597阅读 · jojo.zhou 2017-09-20翻译  
HTTP Node Node.js SSL

2017/09/13 September 13th, 2017 理解和测量HTTP时序帮助我们去发现客户端与服务器、服务器与服务器之间通信的性能瓶颈。本文阐述了在一次HTTP请求中的时序,并展示了如何在Node.js中进行测量。 在我们谈及到HTTP时序之前,让...

echodis

如何管理一个前端基础架构团队 - AdRoll

1168阅读 · echodis 2017-09-19翻译  
JavaScript CSS

Jyri Tuulos 著 Jyri是一名AdRoll的高级工程师。他喜欢编写开发工具和开发构建工具。 在过去的几年中,AdRoll已经从的一个不起眼的产品功能单一的创业公司发展成为拥有一套多样化产品的全球营销平台(https://www.adroll.com/pr...

myvin

iPhone X 的“刘海儿”和 CSS

2678阅读 · myvin 2017-09-19翻译  
CSS iPhone iPhone X webview

iPhone X 配备一个覆盖整个手机的全面屏,顶部的“刘海”为相机和其他组件留出了空间。然而结果就是会出现一些尴尬的情景:网站被限制在一个“安全区域”,在两侧边缘会出现白条儿。移除这个白条儿也不难,给 body 设置一个 background-color 就可以搞定...

starlee

如何在三周内构建我们的第一个全栈 javascript web 应用

971阅读 · starlee 2017-09-19翻译  
JavaScript

在我们的应用 Align 中,用户的主界面 如何在三周内构建我们的第一个全栈 javascript web 应用 一个简单的渐进式指南,从概念到应用部署 我在 Grace Hopper Program 三个月的编程训练营已经接近尾声,实际上这篇文章的标题并不是完全...

陈龙20155

教程 - 使用 TypeScript 构建 Node.js 应用 【转至@RisingStack】

780阅读 · 陈龙20155 2017-09-19翻译  
TypeScript Node Node.js

使用 TypeScript 开发 Node.js 3 个月前 2017 年 6 月 20 日 这篇文章将会告诉您,怎样编译、构建、测试以及调试使用 TypeScript 开发的 Node.js 应用。为此,我准备了一个示例工程, 您稍后可以查看源码。 管理大型 Ja...

弈晨

重新思考 drag 和 drop

713阅读 · 弈晨 2017-09-19翻译  
React API Web

原作者: Alex Reardon 我们今天来讲一些基础的,但是很漂亮的东西。 先介绍一下 react-beautiful-dnd 拖拽是一个直观地移动和重排方式。我们已经在 Atlassian 的官方仓库上发布了 react-beautiful-dnd,它能够使表...

粒儿

CSS通用类和“关注点分离”

435阅读 · 粒儿 2017-09-18翻译  
CSS

CSS通用类和“关注点分离” 过去的几年里,我编写CSS的方式已经从“语义化”转变为“函数式”(经常被这样称呼)了。 用“函数式”方式编写css可以使许多开发者的内心激动起来。所以我想介绍一下我是如何做到的,并且和大家分享一些经验和见解。 第 1 阶段: &quo...

foreverjiangting

基于web创建逼真的3D图形 | CSS技巧

1290阅读 · foreverjiangting 2017-09-18翻译  
3D CSS

在成为一名web开发者之前,我从事于视觉设计行业,创造屡获殊荣,电影和电视节目等高端3D效果,例如 Tron, The Thing, Resident Evil,和 Vikings。为了能够创造这些效果,我们需要使用高度复杂的动画软件,例如 Maya, 3Ds M...

starlee

Web如何工作第三部分:HTTP & REST – freeCodeCamp

374阅读 · starlee 2017-09-18翻译  
HTTP Web

Web如何工作第三部分:HTTP & REST 我们在第一部分讲了基本的Web架构,在第二部分讨论了Web应用程序结构。现在是时候卷起袖子处理第三部分了:细究HTTP和REST。 理解HTTP对于Web开发者人员至关重要,因为它促进了Web应用程序中的信息...

eJayYoung

React中的样式: 从外联样式到 Styled Components — SitePoint

1191阅读 · eJayYoung 2017-09-17翻译  
React

虽然使用React构建应用程序在许多方面已经达到了一定程度的标准化,但是样式仍然是一个有许多解决方案的领域。 每种方案都有其优点和缺点,并没有明确的最佳选择。 在这篇文章中,我会简要介绍关于React组件在Web应用程序是是如何组织样式的。当然,我也会介绍下style...

lizheming

现代模块

1229阅读 · lizheming 2017-09-17翻译  
Node.js Medium Modules

为现代 JavaScript 重新思考 Node.js 生态系统。 几个月前的某天当我准备坐下来写代码的时候突发奇想。 Node.js 8 已经发布有一段时间了,我决定要将这个版本增加的一些新特性例如 async/await 应用到我的代码中。 个把月后我已经写了六个...

净化

Node.js 8.5 正式发布,新特性一览

2643阅读 · 净化 2017-09-15翻译  
Node.js Node nodejs V8

Node.js 8.5 新特性 最近 Node.js 发布了8.5版本,在这个版本里,Node 添加了3个激动人心的新特性。 支持 ES Module 此次版本迭代中,Node 终于支持了开发者呼声最高的 ES 模块提案。这意味着,你可以直接使用import关键字引...

陈龙20155

VueJS + Webpack 代码分割的三种方式

1848阅读 · 陈龙20155 2017-09-15翻译  
JavaScript Vue

对单页应用实行代码分割,是提高页面加载速度的一种很好的方式。因为用户不必在一次请求里加载完所有的代码,能够更快的看到页面并进行交互,这将会提升用户体验(特别是在移动端);同时因为 Google 会给加载缓慢的网站降权,代码分割也对 SEO 有好处。 上周我写过一篇关...

陈龙20155

webpack: 正在变得真实 – webpack – Medium

1198阅读 · 陈龙20155 2017-09-14翻译  
Open Source Webpack

您可能注意到了过去几个月发生的一些事情。在 webpack 的 github 里,多了大量的 issues,不只是“问题”和“bug”。或者,您也注意到了多出来的一个会议笔记的仓库。 很有可能,你的 twitter 也被一个来自 Nebraska 的哥们发布的关于 w...

Doraemonls

JavaScript作用域和闭包

2592阅读 · Doraemonls 2017-09-13翻译  
JavaScript

作用域和闭包在JavaScript里非常重要。但是在我最初学习JavaScript的时候,却很难理解。这篇文章会用一些例子帮你理解它们。 我们先从作用域开始。 作用域 JavaScript的作用域限定了你可以访问哪些变量。有两种作用域:全局作用域,局部作用域。 全局作...

Mactavish

是什么能让 WebAssembly 这么快?★ Mozilla Hacks – the Web developer blog

1195阅读 · Mactavish 2017-09-13翻译  
WebAssembly JavaScript

这是 “WebAssembly 以及为什么它这么快” 这个系列的第五部分。如果你还没阅读其他的部分,我们建议你 从头开始阅读。 在 上篇文章,里我讲述了利用 WebAssembly 或者 JavaScript 来编程并不是一个二选一的情况。我们并不期望有过多的开发者来...

huangxiaolu

在Node.js中使用原生的ES模块

1739阅读 · huangxiaolu 2017-09-13翻译  
Node.js Modules ES6

从版本8.5.0开始,通过一个命令行选项,Node.js就能支持原生的ES模块。这个新功能主要归功于Bradley Farias。 本文将会解释其中的细节。 Demo demo的版本库结构如下: esm-demo/ lib.mjs main.mjs l...

文蔺

JavaScript 数组的演进及其性能

2236阅读 · 文蔺 2017-09-13翻译  
JavaScript

正式开始前需要声明,本文并不是要讲解 JavaScript 数组基础知识,也不会涉及语法和使用案例。本文讲得更多的是内存、优化、语法差异、性能、近来的演进。 在使用 JavaScript 前,我对 C、C++、C# 这些已经颇为熟悉。与许多 C/C++ 开发者一样,J...

Mactavish

WebAssembly 的现状与未来 ★ Mozilla Hacks – the Web developer blog

1666阅读 · Mactavish 2017-09-12翻译  
WebAssembly JavaScript

这是 “WebAssembly 以及为什么它这么快” 这个系列的第六部分。如果你还没阅读其他的部分,我们建议你 从头开始阅读。 在 2 月 28 日, 四大主要浏览器一致宣布 WebAssembly 的 MVP(最低可行性产品)已经完成。 这标志着WebAssembl...

rollby

十个免费的web前端开发工具 – Envato – Medium

4938阅读 · rollby 2017-09-12翻译  
Web

十个免费的web前端开发工具 By Jake Rocheleau 网络技术发展迅速,部分技术难以保持 每年都有新的工具出现,这同时也意味着许多旧的工具倒在了新技术的发展之路上。 前端开发占据了web很大一部分,而且也成为了一种职业路径。如果你将前端开发当做自己的又...

Mactavish

创建并使用 WebAssembly 模块 ★ Mozilla Hacks – the Web developer blog

1743阅读 · Mactavish 2017-09-11翻译  
WebAssembly JavaScript LLVM

这是 “WebAssembly 以及为什么它这么快” 这个系列的第四部分。如果你还没阅读其他的部分,我们建议你 从头开始阅读。 WebAssembly 是一种在页面中运行除了以外的编程语言的方法。在过去,如果你想要使你的代码能在浏览器中运行并且和浏览器交互,JavaS...

众里寻他千百度

学习如何使用Chrome DevTools调试JavaScript - codeburst

2228阅读 · 众里寻他千百度 2017-09-11翻译  
Chrome Debug Developer

学习如何使用Chrome DevTools调试JavaScript 不再使用console.log! 学会在Chrome Developer Tools中使用断点来调试代码。 作为一名新的开发人员,发现和修复bug挺难的。 您可能会试图随意使用console.log...

lucknessbuaa

ECMAScript中的模式匹配

1692阅读 · lucknessbuaa 2017-09-11翻译  
JavaScript ES6

JavaScript中关于模式匹配有一个处于stage 0阶段的提案。在这篇文章中,我们会讲解这个提案的内容和作用。 提案文档中照常会有一些示例代码,下面是其中之一。 let length = vector => match (vector) { { x,...

billyma

安息吧 REST API,GraphQL 长存

7942阅读 · billyma 2017-09-11翻译  
GraphQL API RESTful HTTP

即使与 REST API 打交道这么多年,当我第一次了解到 GraphQL 和它试图解决的问题时,我还是禁不住把本文的标题发在了 Twitter 上。 请别会错意。我不是在说 GraphQL 会“杀死” REST 或别的类似的东西。REST 可能永远不会消失,就像...

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