我要反馈问题

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

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

友情链接

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

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

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

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

立即体验

京ICP备17024260号

夏风

用Web音频API来做一个音频可视化工具

136阅读 · 夏风 2017-07-31翻译  
Web JavaScript

如果你曾经想过像MilkDrop这样的音乐可视化工具是怎么做的,那么这篇文章就是为你准备的。我们将从使用Canvas API来做简单的可视化入手,然后慢慢转移到用WebGL着色器来做更复杂的可视化。 使用Canvas API的波形图可视化 做一个音频可视化工具所需的第...

一只叫做兰胖的食人魔魔法师

掌握Chrome开发工具:新一代前端开发技术

6466阅读 · 一只叫做兰胖的食人魔魔法师 2017-07-31翻译  
Web JavaScript

你可能已经熟悉了Chrome开发工具的基本功能。: DOM检查器、样式面板和JavaScript控制台。 但也有一些不太为人所知的特性可以显著提高你调试或开发应用的速度。 黑色主题 Chrome开发工具的内置了黑色主题。你可以通过点击开发工具窗口右上角的三点图标,...

乱发小生

在V8中从JavaScript 到 C++的类型转换

260阅读 · 乱发小生 2017-07-31翻译  
Web JavaScript

学习怎样传递信息从JavaScript到C++是一个非常难的事情。原因在于JavaScript和C++两种语言类型之间的巨大差异。虽然C++是一门强类型语言("42"不是一个整数类型,它只是一个字符串!),JavaScript非常渴望帮我们转换这些...

hyanZi

使用Webpack分割NgModules代码实现按需加载

267阅读 · hyanZi 2017-07-30翻译  
TypeScript

上述动图演示了懒加载过程:0-chunk.js和1-chunk.js 都是经AoT预编译的文件,在导航到相应的路由之后,才逐个被加载。 术语解释 为了让后续的阐述更加清晰明了,我们先来介绍一些术语。 Code Spliting 简单的来说,Code Spliting...

myvin

JavaScript 包管理的前世今生

620阅读 · myvin 2017-07-30翻译  
JavaScript NPM Yarn Webpack Node.js HTML CSS

和 Yarn 相比,npm 在缓存、集成度和扩展性方面表现如何呢?我们将在这篇文章中一辨分晓。 使用许可 如果将一个 JavaScript 开发者在 2005 年冰冻起来,然后在 2017 年的现在以某种神奇的方式将其解冻,那么 JavaScript 包的爆炸式繁荣...

lizheming

React 16 beta 版发布!

794阅读 · lizheming 2017-07-30翻译  
React JavaScript NPM DOM

令人欣慰,React 16 首个 beta 版已经发布可以公开测试了!下面我来告诉大家如何使用以及新版的一些值得注意的地方。 如何使用 安装 由于还是 beta 版,为了保障正常 NPM 安装还是使用 15.6 正式版,beta 版我们使用 next 标签发布在 NP...

hasaki

JavaScript & 扩展运算符 – codeburst

171阅读 · hasaki 2017-07-29翻译  
JavaScript

用四个实例来理解扩展运算符 看见没?它正展开翅膀。。图片引自unsplash 前言 嘿!我是 Brandon。我创建了 codeburst.io,在里面写了一些 JavaScript 的教程和文章来帮助初学者更好的理解 Web 开发的本质。如果你有任何关于这篇文章...

布莱克77

React Patterns - Render Callback – Leonardo Garcia Crespo

172阅读 · 布莱克77 2017-07-29翻译  
React React Native

注: 原文的代码部分直接引用自github,代码部分可能会更新 这篇文章主要关于使用React开发程序时的常见设计模式。写这篇文章的主要原因是我想更深入地研究这些设计模式,对这些设计模式有更深刻地理解。比如这些模式的适应场景,使用这些模式需要进行哪些妥协. 希望这篇...

印前

ECMAScript 6在WebKit中正确的尾部调用| WebKit

250阅读 · 印前 2017-07-29翻译  
Web WebKit ECMAScript 6

ECMAScript 6在WebKit中正确的尾调用 2016年5月23日 作者:Michael Saboff 正确的尾调用(PTC,Proper Tail Calls)是ECMAScript 6语言的新特性。该特性便于直接或间接递归的递归编程模式。各种其他设计模式也...

morning

为什么人才会离开大公司

345阅读 · morning 2017-07-29翻译  
Career

最近,我拜访了一位我的学生,他现在是一家大型上市科技公司的CFO。这家公司现在是最热门的科技工作场所之一。他们在嵌入式软件和服务方面取得了巨大的创新。 他让我留下来,过会儿一名技术主管会来参加一个会议。 我后悔参加了 这名主管在会上反对让他的70人团队从帕洛阿尔托搬...

Mcbai

为什么使用第三方表单验证库? | CSS-Tricks

281阅读 · Mcbai 2017-07-29翻译  
CSS Form

我们最近都把注意力放在Chris Ferdinandi发布的关于现代表单验证的文章上。文章在这。现在,各大浏览器都内嵌有不少处理表单验证的工具,包括通过设置HTML属性,通过JavaScript API能做的更多。Chris向我们展示了通过稍稍再多一点的工作,我们就...

cherryjin

表单验证第三部分: 一个Validity State API Polyfill | CSS-Tricks

341阅读 · cherryjin 2017-07-28翻译  
Form JavaScript Polyfill

在这个系列的上一篇文章中, 我们创建了一个轻量级的脚本 (6kb, 2.7kb缩小后) 使用这个 Validity State API 来提高原生的表单验证体验。 这个脚本可以在所有的现代浏览器上运行,并且支持 IE10版本以下的浏览器。但是,浏览器本身仍然具有一些缺...

耳机

如何使用 css3 transform 属性来变换背景图

302阅读 · 耳机 2017-07-28翻译  
CSS

ad: 想要成为一名 css3 专家吗?目前所有 SitePoint 付费会员可以免费下载由 Tiffany Brown 编写的 CSS Master,或者你也可以花 19$ 来获得这本书。 本文更新了一篇发布于 2012 年 9 月 27 日的文章。更新内容包含最...

Doraemonls

ES6中的JavaScript工厂函数

1101阅读 · Doraemonls 2017-07-27翻译  
JavaScript Programming

图片:烟雾颗粒到烟雾--MattysFlicks — (CC BY 2.0) 请注意:本文是学习“软件编码”系列中的一部分,是关于学习函数式编程以及从头学习JavaScript ES6代码构成部分技巧的。持续关注我们。未来还有更多精彩内容。 工厂函数是即不是类也不是...

wd4blue

Vue.js 2 基于角色的权限验证

353阅读 · wd4blue 2017-07-27翻译  
Vue.js

简介 相较于早期的客户端发展,前端有了突飞猛进的发展。开发社区在创建框架和类库方面做出了巨大的贡献,贡献了诸如angular、react。由于有了多种选择,也就有了应该选择哪一种框架。我本人对 Vue.js 非常感兴趣,因为它具有简单的学习曲线和良好的代码可读性。V...

winter

为什么要使用Node.js?

465阅读 · winter 2017-07-26翻译  
Node.js JavaScript

介绍 JavaScript的流行给它本身带来许多变化,Web开发的面貌也发生了巨大的改变。现在JavaScript不仅可以运行在浏览器上,甚至可以运行在服务器上,像Flash或者Java Applets那样被包装在沙盒环境中运行,这在几年前这是很难想象的。 在深入No...

is_january

大型应用中应用 Redux 的五条小贴士

237阅读 · is_january 2017-07-25翻译  
Redux React

Redux 是一款用来管理应用状态 (state) 的优秀工具,这种数据的单向流和其对不可变状态的专注,使得关于状态改变的推测变得简单。每次对于我们状态的更新都是由一个分发的动作 (dispatched action) 所引起的,这会导致我们的 reducer 函数返...

36KrFE

Vue, React, AngularJS, and Angular2. 我们对流行JavaScript框架们的选择

2253阅读 · 36KrFE 2017-07-25翻译  
React

一个有趣的事实是:IBM发表的2017年最值得学习编程语言名单中,JavaScript榜上有名。正是这位IT巨头指出,JS在网站中惊人地达到94.4%的使用率,而且“不太可能降低”。JavaScript能确保“对用户非常友好的网页,因为它负责整个web界面,包括动画和...

我是搬运工

ES8 已经发布的一些主要的新特性🔥

664阅读 · 我是搬运工 2017-07-25翻译  
JavaScript Web Async Promise ES8

EcmaScript 8 或者叫 EcmaScript 2017 在六月底被 TC39 组织正式发布。在去年,我们好像针对 EcmaScript 讨论了很多。目前的标准是一年发布一次新的版本。在 2015 年 ES6 发布,2016 年 ES7 发布,但有人记得 E...

cherryjin

表单验证第二部分: 约束验证 API (JavaScript) |CSS-Tricks

293阅读 · cherryjin 2017-07-24翻译  
Form JavaScript

在上一篇文章中, 我向大家展示了如何通过组合输入类型 (例如, <input type='email'>) 和验证属性 (像required和 pattern)来使用原生的浏览器表单验证机制。 诚然,这种方式非常的简单而且轻量级。但是它仍然...

Mcbai

组织CSS的方式 | CSS-Tricks

234阅读 · Mcbai 2017-07-24翻译  
CSS Modules

Ben Frain曾经说过,写css代码很容易,但是扩展和维护却很难。本文就介绍了一套方案来解决这个问题。 OOCSS OOCSS 意为面向对象的CSS。这种方法有两种主要 观点: 结构与设计分离 容器和内容分离 使用这套结构,开发者能得到可以在不同地方使...

在寻找幸福的路上

原生JavaScript中的MVC模式 —来自 SitePoint

229阅读 · 在寻找幸福的路上 2017-07-23翻译  
MVC Design Pattern

设计模式广泛应用在流行框架中. 比如说The Model-View-Controller (MVC) 设计模式, 就是一个备受欢迎的例子. 在JS中很难将把框架从设计模式中解耦出来,通常情况下,一个流行的框架会有自己对设计模式的解释. 框架也伴随有一些思想,这些思...

zhifan

理解 JavaScript 中的 值 vs. 引用 – codeburst

384阅读 · zhifan 2017-07-23翻译  
JavaScript Reference

JavaScript 有 5 种数据类型是按 值 传递的: Bollean, null, undefined, String, 和 Number 类型,我们称之为 基本类型。 与此同时有 3 种数据类型是按 引用 传递的: Array, Function, 和 Ob...

foreverjiangting

React vs Angular: JavaScript的双向性

520阅读 · foreverjiangting 2017-07-23翻译  
React JavaScript MVC

在世界末日,技术的选择起着关键性的作用。拥有几年经验的积累,我们参与了几十种不同语言的翻译,框架,以及书。把我们的知识融合在一起,我们决定去总结一些关于React&Angular的问题,以及分享一些观点给大家。 因此,在这篇文章中,我们将转换我们的【前端开发】...

GeekCat

怎样去最大化Elasticsearch索引性能(第一部分)

382阅读 · GeekCat 2017-07-23翻译  
Performance Elasticsearch

这是关于调优 Elasticsearch 索引三部分的第一部分。 这一系列的重点是调优Elasticsearch以达到最大的索引吞吐量并减少监控和管理负荷。 首先,假设你已经开始使用Elasticsearch,创建索引,没有引入框架来填充JSON文档。Elastics...

myvin

现代前端开发技术栈

3361阅读 · myvin 2017-07-22翻译  
前端 JavaScript Yarn Gulp TypeScript

这篇文章介绍了过去几年 JavaScript 开发方面的革命性发展。 最近几年,应用开发的方法论发生了翻天覆地的变化。随着微服务架构、云计算、单页应用和响应式设计的兴起和发展,在保证项目开发进度、用户体验和应用性能的同时,开发者需要做大量的决策。如今,对于前端开发和...

hasaki

npx简介:npm的包执行器 – Kat Marchán – Medium

408阅读 · hasaki 2017-07-22翻译  
Tools Node.js

那些将npm更新到最新版[npm@5.2.0](https://github.com/npm/npm/releases/tag/v5.2.0)的人可能注意到除了通常的npm它还多了一个新的二进制文件[npx](https://npm.im/npx)。 npx是一个致力...

摩诘

编写高效的 CSS 选择器 – CSS魔法 – CSS体系, 网页最佳表现, Harry Roberts

366阅读 · 摩诘 2017-07-22翻译  
CSS Selector

高效的CSS已经不是一个新的话题了,也不是我一个非得重拾的话题,但它却是我在Sky公司工作之时,所感兴趣的,关注已久的话题。 有很多人都忘记了,或在简单的说没有意识到,CSS在我们手中,既能很高效,也可以变得很低能。这很容易被忘记,尤其是当你意识到你会的太少,CS...

wlclark

如何用记忆化缓存JavaScript函数结果来加速你的代码

418阅读 · wlclark 2017-07-22翻译  
JavaScript Cache

Image by Patrick Lindenberg 函数是编程的基本组成,它能让我们的代码模块化,可重用性更好。 通常我们会使用函数把程序分块,之后可以调用函数完成一些有用的操作。 有的时候,函数调用很多次的代价是很昂贵的(比如计算一个数的阶乘的函数)。但是我们...

明非

什么是 WebAssembly table?

240阅读 · 明非 2017-07-21翻译  
WebAssembly JavaScript

Mozilla Hacks – the Web developer blog 这是系列文章的第三篇: Creating a WebAssembly module instance with JavaScript Memory in WebAssemb...

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