我要反馈问题

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

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

友情链接

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

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

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

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

立即体验

京ICP备17024260号

lpy

Webpack: 基础知识 – Hacker Noon

16阅读 · lpy 4小时前翻译  
Web JavaScript

将JavaScript和CSS代码划分成小而简洁的部分是很有必要的。这样可以使我们更容易理解、管理并且在将来维护整个项目。另一方面,浏览器更喜欢尽可能少的文件。这就是webpack出现的原因。 webpack 是一款现代web开发工具,可以将项目中所有的CSS和Ja...

lizheming

程序猿升级攻略

94阅读 · lizheming 半天前翻译  
Web Web JavaScript

我最近和我的一个好朋友以及我的一个前同事一块聊了聊如何提升他的软件开发技能的方案。这让我想起了我在我的工程师生涯中指导帮助过的那些人。我认为将自己所学的内容写成文章来帮助那些新晋开发工程师是非常棒的。本文我会介绍一些非常有用的方法来帮助我们提高自己的水平,例如找一个...

is_january

JavaScript & SEO: 让你的机器体验和用户体验一样棒

31阅读 · is_january 半天前翻译  
Web HTML JavaScript

原文地址:https://moz.com/blog/javascript-seo 作者的观点谨代表其个人(催眠这类不太可能事件不算),而且他的观点也并不总会代表 Moz 的观点(译者注:moz 应为 https://moz.com) 了解 Javascript 以及它...

DuanQifeng

Javascript:回调函数(Callback)是个什么鬼

163阅读 · DuanQifeng 半天前翻译  
Web JavaScript

JavaScript: 回调函数(Callback)是个什么鬼? ###关键字 callback: 回调函数 higher-order functions: 高阶函数 API: 文中一个宽泛的概念 比如ajax请求 6分钟读懂回调函数 什么是回调函数? 简...

Nero0

在CSS中解决过长和不期望出现的内容问题 | CSS-Tricks

184阅读 · Nero0 半天前翻译  
Web JavaScript

当我们写css的时候,有时候会忘记设计里面存在的临界情况。举个例子来说吧,当内容的长度超过了我们的期望值,我们也无法解释其中的可能性,页面的设计很可能会因此而崩掉。我们不能保证css总是会按照我们期望的那样工作,但至少我们可以用不同类型的内容来测试,以减少这种情况的发...

郑 farmer

Node.js 8 中的重要新特性及优化

67阅读 · 郑 farmer 半天前翻译  
Web JavaScript

随着 Node.js 8.0 版本的发布(5月30日下午12点发布),我们得到了最新的 LTS 版本,具有一系列新功能和性能改进。 本文我们将介绍 Node.js 8.0 版本中重要的功能和修复。 与以前的 Node.js 版本相比,8.0.0相当强大。虽然这其中有...

camiler

JavaScript中的惰性数组介绍

118阅读 · camiler 1天前翻译  
Web JavaScript

今天我要介绍的是lazy-arr,它给JavaScript中带来了惰性数组。 什么是惰性数组,它为什么有用? 我们来重现一下你第一次面试软件工程师时的题目:写一个斐波纳契函数。我们明确了0和1的基本情况,然后递归生成剩下的: let fib = n => {...

sea_ljf

Vue vs React: Javascript 框架之战

1823阅读 · sea_ljf 2天前翻译  
Web JavaScript

正如我们之前提到的,WordPress 的核心团队正争论着为应该将哪款(前端框架)加入现在的架构之中。目前看来,暂时脱颖而出的是React与Vue.js,社区中的很多成员正权衡着这两款框架的利弊。 那到底哪款框架会胜出,哪款框架又会沦为昔日的prototype.js...

chechengpeng

在 Vue.js 中使用Mixin —— CSS-Tricks

559阅读 · chechengpeng 2天前翻译  
Web CSS JavaScript

有一种很常见的情况:有两个非常相似的组件,它们共享同样的基本函数,并且它们之间也有足够的不同,这时你站在了一个十字路口:我是把它拆分成两个不同的组件?还是只使用一个组件,创建足够的属性来改变不同的情况。 这些解决方案都不够完美:如果你拆分成两个组件,你就不得不冒着如果...

welefen

JavaScript 中的回调

248阅读 · welefen 3天前翻译  
Web JavaScript

Callbacks in JavaScript | Zell Liew 你有无意中看到 "callback" 但并不知道其中的意思么?不用担心。不是只有你一个人这样。很多JavaScript 新手都难以理解回调。 虽然回调比较令人困惑,你仍然需要彻...

musicq

通过 Webpack、Jest、Typescript 对 Lodash 进行树摇优化

88阅读 · musicq 4天前翻译  
Web JavaScript

最近,我对工作中的一个大型 web 应用进行资源负载优化。在这个过程中,期望着一切顺利运行的时候遇到了一个 关于 lodash 的难题(树摇优化、Jest单元测试还有正确的类型检测)。 我有三个目标: 仅把用到的那些 lodash 方法进行生产环境打包(并不是整个...

kayson

展开运算符的 6 种绝妙用法

495阅读 · kayson 5天前翻译  
Web JavaScript

感谢 ES6 和 Babel 这样的东西,编写 JavaScript 变得非常动态化,从新的语法到 JSX 这样的自定义转换。我已经成了展开运算符的铁杆粉丝,这三个点号可能改变你用 JavaScript 完成任务的方式。以下是我在 JavaScript 里最喜欢的展开...

我是搬运工

WebAssembly 101: 开发者入门

414阅读 · 我是搬运工 5天前翻译  
Web JavaScript

这篇教程会引导你通过必要的步骤将一个游戏JS代码转换到WebAssembly。 这是一个简单的练习,比开始一个“Hello World”要完美。 我最近对WebAssembly有兴趣,决定这周能够有质的提升。WebAssembly是一个新兴的,使web应用性能媲美原生...

weimengxi

语义 - WebAssembly 中文网

110阅读 · weimengxi 2017-06-21翻译  
Web JavaScript

语义 本文档主要介绍WebAssembly代码的高级设计:类型,结构和语义。WebAssembly代码可以被认为是一个结构化堆栈机器; 大多数计算仅使用栈中存储的数值内容,但是控制流使用结构化构造表示,如区块,条件判断ifs 和循环等。 实践中, 具体实现无须为控制流...

chechengpeng

类的复杂度和函数式编程– Kent C. Dodds – Medium

92阅读 · chechengpeng 2017-06-19翻译  
Web JavaScript

什么时候使用类,什么时候不使用,怎么替代它,为什么替代它 Obligatory semi-to-not-related header image via: https://unsplash.com/photos/sMQiL_2v4vs 当涉及到应用计划持续维护的时候...

mjzhang

怎么写一个React组件库(二)

296阅读 · mjzhang 2017-06-16翻译  
Web JavaScript React

引言 该系列文章将通过创建一个组件库来引导你学习如何构建自己的组件库。 这是该系列的第二部分。如果你还没有阅读 Part 1,我推荐你先阅读它。另外,我们将会讨论有关原子设计的内容。如果你不熟悉相关概念,阅读一些相关内容 (这儿) 将对你很有帮助。 在该部分我们将讨论...

倩妹纸好喜欢喵咪完全木抵抗力

JavaScript里的真真假假,平等之论

315阅读 · 倩妹纸好喜欢喵咪完全木抵抗力 2017-06-16翻译  
Web JavaScript

你没有必要因为自己是一个JavaScript初学者而被以下这些迷惑... if ([0]) { console.log([0] == true); //false console.log(!![0]); //true } 或者这样… if ("...

我是搬运工

通用应用程序介绍

208阅读 · 我是搬运工 2017-06-16翻译  
Web JavaScript

介绍通用的web应用程序 关键字: javascript, webpack, react, redux, 通用, 同构, web和应用 这是一系列讨论通用Web应用程序(之前叫做 “同构”)的文章中的第一篇。本系列文章的主要介绍: 什么是通用的Web应用程序?他们为什...

Chloe

vuex 基础:教程和说明 | Anirudh Sanjeev

174阅读 · Chloe 2017-06-15翻译  
Web JavaScript

Update Nov 2016:这篇文章是基于一个非常旧的 vuex api 版本而写的,代码来自于2015年12月。 但是,它仍能针对下面几个问题深入探讨: vuex 为什么重要 vuex 如何工作 vuex 如何使你的应用更容易维护 vuex 是 vue.j...

网络埋伏纪事

如何用Mocha测试JavaScript - 第2部分

230阅读 · 网络埋伏纪事 2017-06-15翻译  
Web JavaScript

昨天我们学习了Mocha的基础知识。今天,我们会把Mocha整合到一个项目中,这样就可以看到它是如何实际工作的。 这个教程要讲什么? 本教程将提供如何使用Mocha进行测试的小型真实示例。到教程结束时,我们将成功使用Mocha测试现有的JS文件。在读本教程之前,应该...

网络埋伏纪事

如何用Mocha测试JavaScript - 基础知识

265阅读 · 网络埋伏纪事 2017-06-15翻译  
Web JavaScript

Mocha是最受欢迎的Node.js测试框架之一,它看起来很令人生畏,实际上却很容易入门。 这个教程要讲什么? 本教程是关于Mocha基础知识。在本教程结束之前,我们将成功地使用Mocha编写第一个测试。我们会了解如何设置Mocha,如何分组测试以及如何使用断言库。...

chechengpeng

深度剖析现代 JavaScript 应用 — SitePoint

313阅读 · chechengpeng 2017-06-15翻译  
Web JavaScript

毫无疑问,JS 生态圈变化飞快。不仅仅新的工具与框架被快速的引入和开发,随着 ES2015(又名 ES6)的推出,JS 语言本身也经历了很大的变革。所以,已经有很多文章抱怨现在学习JavaScript 开发是多么的艰难。 在这篇文章中,我将为你介绍现代 JavaSc...

边城

在 JavaScript 中使用 Promise - 这是什么,该如何使用?

385阅读 · 边城 2017-06-15翻译  
Web JavaScript

JavaScript 的 Promise 是个概念。我看到各种开发者,无论是专业的还是新手,都在有规律的奋斗。对于我们这些来源于同步编程背景的人来说,有效的使用 Promise 并搞明白发生了什么事情,是极具挑战性的。尤其是在没能掌握 Promise 的操作和使用方式...

蜗牛上树

用Promises实现动画

402阅读 · 蜗牛上树 2017-06-13翻译  
Web JavaScript

最近做了一个花瓣从树上飘落的动画,树是通过随机算法生成的(主要是受到这个Demo的启发),然后在树枝的末端随机生成小花。 这个动画我用了Promises来帮我实现。这将涉及到异步和递归。 一棵树慢慢长大 从小小的种子。。。 第一步,使用递归随机生成一颗树,以下是一...

smartsrh

比较详细的采访 Vue 作者尤雨溪

2253阅读 · smartsrh 2017-06-12翻译  
Web JavaScript Vue.js

我采访了尤雨溪,著名渐进式 JavaScript 框架 vuejs.org 的创造者。尤雨溪现通过 Patreon 平台众筹全职开发 Vue 的资金。他还曾在 Google 和 Meteor 工作过。 这篇文章 最初 发布在 Between the Wires,这是...

huangxiaolu

V8 JavaScript引擎:V8发布6.0版

424阅读 · huangxiaolu 2017-06-11翻译  
Web JavaScript

V8发布6.0版 每六个星期,我们就会创建一个新的V8分支,作为发布过程(release process)的一部分。每个版本都是在Chrome Beta版里程碑之前直接从V8的master上创建的分支。今天,我们很高兴地宣布我们最新的分支——V8 6.0版本,它将会处...

wangyahui6

JavaScript: 箭头函数(初学者) – Hacker Noon

201阅读 · wangyahui6 2017-06-11翻译  
Web JavaScript ES6

上周我发布了一篇适合初学者阅读,关于this关键字的 文章. 箭头函数这个话题因为太大未被包含在那篇文章中,所以在这篇文章中对箭头函数进行补充. 阅读这篇文章,了解箭头函数的基本知识! 优点 #1: 更简洁的语法 我们看一下常规的函数: function func...

smartsrh

后 ES6 时代的正则匹配

455阅读 · smartsrh 2017-06-10翻译  
Web JavaScript

在本文中,我们将看看 ES6 及未来的正则表达式。有一些在 ES6 中引入的新正则表达式标志:粘贴匹配标志 /y 和 Unicode 标志 /u。 然后我们将讨论 TC39 的 ECMAScript规范开发过程 上的五个提案。 粘贴匹配标志 /y 在 ES6 中引入的...

见见

从 Node 6 升级到 Node 8:实时性能比较

244阅读 · 见见 2017-06-10翻译  
Web JavaScript

Node 8 已经出来了,你听说了么?而且他们说,它更快。 但是没有任何数据,“更快”都空口无凭。 幸运的是,我有一个大型的 React 站点运行在 Node 6 上,并且有两个小时的空闲。 升级到 Node 8 很简单,花了大概 10 分钟,没有一个不能正常运行的库...

小天同学

2017最好的JavaScript框架、库和工具 — SitePoint

1317阅读 · 小天同学 2017-06-09翻译  
Web JavaScript

与开发者数量相比,可能有更多的JavaScript框架、库和工具。截止到2017年5月,在GitHub上快速搜索能搜到超过110万的JavaScript项目。 在npmjs上有50万的可用包,并且这些包每个月的下载量将近100亿次。 2017.05.29: 更新了本...

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