马上开始翻译!

我要认领

全站翻译字数:1,816,043

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

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

我要反馈问题

Mmzer

CSS中的随机数 | CSS技巧

29阅读 · Mmzer 3小时前翻译  
Web CSS

最近,我误打误撞的遇到一个有趣的问题。我想要随机的去设置animation-duration的值。 这是一个非随机的例子: 看这个Robin Rendle (@robinrendle)在CodePen上的例子CSS随机数#1。 这是我用CSS写的一个动画: @key...

尿不湿

机器学习快速课程:第一部分 · ML@B

28阅读 · 尿不湿 半天前翻译  
Web

_引言, 回归/分类,成本函数和梯度下降 机器学习(ML)最近受到极大的关注,这样的关注不是没有理由的。它给诸如图像识别,卫生医疗和交通等领域带来了革命性的变化。对机器学习的典型解释大致如下: “记E为经验,T为任务类,P为效果度量。如果,一个计算机程序对T中的任务...

哈呼哈哈呼

CSS 书写模式的24种方式

376阅读 · 哈呼哈哈呼 1天前翻译  
Web

由于你可能没有那么多的时间,所以我将从结论开篇。 你可以使用一个不常见,但是非常重要的CSS属性来使文字垂直显示,像下面这样。 除了让文字垂直显示之外,你也可以让图标和入口按钮以这样的方式呈现。当然,可以让你页面上的任何内容按这样方式呈现。 我写的css让浏览器重新...

xjcloudy

Progressive Web Apps 入门(3)

120阅读 · xjcloudy 2天前翻译  
Web

TL;DR: 近几年随着Web技术的显著发展使得开发者能够很轻松的通过部署一个网站或者web应用服务全球成千上万的用户。仅仅通过一个浏览器,通过URL就可以访问到一个web应用。有了PWA ,开发者能够使用先进的web技术来给用户带来很棒的类似app一样的体验。在...

善意的闲人

以前每个苦口婆心说服我使用 vim 的人都错了

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

几个星期之前,我冒险尝试换用 vim 编辑器(准确的说是 MacVIM 编辑器)。这不是我第一次尝试,过去的“恩恩怨怨”我已经全部一笔勾销。 是什么情况呢?过去好几次我试着转用 vim,都听从了 vim 高手的建议,立马扎进学习新工具的泥沼中。那几次,我都折腾了好些天...

边城

使用 ES6 箭头函数

369阅读 · 边城 2天前翻译  
Web

译者注:作者简要介绍了 JavaScript 箭头函数的主要语法和用法,但是对于初学者,请一定要关注箭头函数的 this 问题,尤其是在写 jQuery 回调的时候,因为 jQuery 回调很多时候依赖 this。 如果你刚开始接触 ES6,你可能听说过“箭头函数...

边城

如何写 Node 和浏览器共用的 JavaScript 包 | Read the Tea Leaves

147阅读 · 边城 2天前翻译  
Web

我看到很多在这个问题上发生混淆的情况,甚至经验丰富的 JavaScript 开发者都有可能错过了它的一些微妙之处。因此我觉得有必要写一篇简短的教程。 假设你有一个 JavaScript 模块想发布在 npm,这个模块既能在 Node 中使用也能在浏览器中使用。现在有一...

codepsi

JavaScript闭包初探

257阅读 · codepsi 2天前翻译  
JavaScript Web

闭包是JavaScript中的一个基本的概念,每一个真正的程序员都应该了解它的原理。 互联网上充斥着对于“闭包”是什么的解释,但很少深入到事物的“为什么”的一面。 我发现理解内部原理最终可以让开发者对他们的工具有更强的把握,所以本文将重点阐述“闭包”为什么以及怎样做的...

junerzyz

React面试题

112阅读 · junerzyz 3天前翻译  
Web React

实际上, 想要去了解某人对React的理解程度,仅凭这些面试题或许远远不够。 react面试题 这篇文章更应该取名为关于react你不是非知不可的东西,但如果了解了的话总是有好处的。 当你调用setState的时候实际发生了什么? 当你调用setState这个方...

wjszxli

不可预知的视觉变化测试 – Pulsar – Medium

39阅读 · wjszxli 3天前翻译  
Web

在第一部分中,我解释了我们如何使用单元测试来验证我们的设计生成的系统组件并匹配我们期望的版本从一个到另一个。在这部分,我将展示如何检查这些组件的可视化 表现。 那我们重新从一个组件开始 千万要记住哦? 我们的小按钮可能会有8种主要的颜色的变化,比如 btn--p...

边城

TypeScript 对决 Flow | Marius Schulz

186阅读 · 边城 3天前翻译  
Web

TypeScript 和 Flow 类似,都关注同一个问题:JavaScript 没有静态类型。它们最终都能帮助你写出正确的代码。TypeScript 和 Flow 提供平衡转入静态类型的能力。它们使用相似的语法来说明类型,也使用相似的声明文件。 在微软和 Faceb...

lerhxx

WebVR 响应式音频 | CSS-Tricks

97阅读 · lerhxx 3天前翻译  
Web

虚拟现实再次成为热点!所有的猜测来自包括:htc,microsoft,Samsung,和 Facebook 等等,它们都在兜售各自的设备。但是,不应该只有这些预料中的参与者享受这些乐趣! 如果你是开发网站的,那你对 Javascript 多少有所了解。如果你拥有一个移...

网络埋伏纪事

2016 年最流行的前端链接

576阅读 · 网络埋伏纪事 5天前翻译  
Web JavaScript

我们每周会给 70,000 多名前端 Web 开发者发送新闻邮件。 因此,我们认为值得回顾一下 2016 年我们发送的所有期刊,并强调一下我们分享的一些最流行的文章。 如下是 2016 年中前端开发者点击最多的文章: 1: Google 的 HTML & C...

dainiel

webpack贡献者光荣榜

72阅读 · dainiel 2017-01-13翻译  
Web JavaScript

2017年已经过去了五天,如果你经常访问我们的核心仓库,那么你会注意到我们的贡献数已经有了可观的提高。 我们一天就看到了大约20个新的PR! 译者注: PR是pull&request的缩写,其为git的常用操作 随着NodeJS 0.12 LTS版本在1...

小猿大圣

编写自己的 Yeoman 项目生成器 | Yeoman

78阅读 · 小猿大圣 2017-01-12翻译  
Web

Generators (生成器)是 Yeoman 生态系统的基础。使用 Yeoman 的用户,只要对相应的 generator 运行yo 命令,就可以生成项目文件。 阅读本节,你将学习如何打造自己的 Yeoman 项目生成器。 注: 我们构建了一个 generator...

XJF在路上

别让免费WiFi坏了你的假期--科技资讯网

75阅读 · XJF在路上 2017-01-12翻译  
Web

一张摄于2014年巴塞罗那移动世界大会的WiFi标志图\。公共WiFi接口有可能被黑客攻击。 今年,艾文罗伯森证明了人们在接入公共WiFi时太过于轻率的行为,而赢得了学校组织的科技博览会大奖。 现年十一岁的艾文写了一个伪造的WiFi接口程序,他将此程序带到奥斯汀和德...

myvin

亲爱的设计师,对不起。请好好爱你的开发者吧。

509阅读 · myvin 2017-01-11翻译  
Web

亲爱的设计师, 对不起。 对不起,我按照你的设计稿完成的响应式网站并没有达到像素级完美。对不起,我使用的单位是 rem 和百分比,而不是像素。我知道你用像素单位给每级标题都设置了非常具体、有意的字号和行高。我知道这个图片的展现高度应该是 450px,宽和屏幕等宽;我...

harry

我曾想输入一个数字 | Filament Group, Inc., Boston, MA

67阅读 · harry 2017-01-10翻译  
Web

表单是用户和网页交互的基础。在很长的一段时间中,表单控件稳定可靠变化不大。去年HTML5通过给表单控件添加属性给我们带来了一些更新。针对于最新的web特性和标准的测试结果证明了这些表单控件确实很不错:但浏览器对它们的实现不同。 在触摸设备上,这种浏览器的实现差异表现的...

liuqipeng

开始使用 Webpack 2

955阅读 · liuqipeng 2017-01-10翻译  
Web JavaScript

Webpack 2 的文档完成就会推出 beta 版本。如果你已经知道怎么去配置它,那么你无需等待文档就可以使用 Webpack 2 了。 什么是 Webpack? 最初的时候,Webpack 仅是一个 JavaScript 的模块打包工具。随着 Webpack 日渐...

dainiel

2016年Node.js十大文章| @RisingStack

2539阅读 · dainiel 2017-01-10翻译  
Web JavaScript Node.js

对于Node.js开发者来说,2016是振奋人心的一年。 看看这张图就知道我的意思了: 回首Node.js从无到有的6年,我们可以大声宣布我们最爱的框架已经长大成人——基本上世界上每个行业的牛逼公司都开始使用它。 另外一个好消息是Node.js已经成为史上最大的开...

XJF在路上

2017网页设计趋势:我们期待什么(有图有真相)

1060阅读 · XJF在路上 2017-01-10翻译  
Web JavaScript

网页设计的世界总是在变化发展,没有什么趋势是亘古不变的。设计师总是想出一些独特的东西来保持行业新鲜。每年都会有一些新的流行趋势诞生,旧有的一些趋势逐渐消失或继续繁荣。因此,你必须要跟上设计变化的趋势,保证自己的竞争优势。 业界资深人士已经在预测2017年UI和UX的一...

花花你为什么不叫海鲜

性能日志 » 使用HTTP2和渐进式JPEG图片更快的加载图像

125阅读 · 花花你为什么不叫海鲜 2017-01-09翻译  
Web

tl;dr: 渐进式图像在HTTP 2上渲染得更快,从而增加感知性能。控制渐进JPEG扫描图层来实现只用25%的图像数据展示具有核心意义的图像内容。对于渐进式JPEG使用HTTP Server Push,来最大化关键图像的渲染性能。 我们有一个关于图像的问题 图像让...

边城

JavaScript 代码整洁之道

4239阅读 · 边城 2017-01-09翻译  
Web

JavaScript 代码整洁之道 目录 概述 变量 函数 对象和数据结构 类 测试 并发 错误处理 格式 注释 概述 Robert C. Martin 在 《代码整洁之道》 中提到的软件工程原则,同样适用于 JavaScript。这不是一...

Legendary

Redux基础:什么是Reducer

76阅读 · Legendary 2017-01-09翻译  
Web JavaScript

当在用Redux管理一个应用的状态时候,一个核心概念之一就是Reducer这个函数。但是什么是Reducer呢?为什么它叫做这个名字?正如我们可以找到的那样,对于Redux来说答案并不是唯一的,这反映了一个很有用的模式,并且这个模式可以被应用在很多的非Redux的Ja...

lerhxx

Polygon 的设计: SVG 动画的乐趣与益处

118阅读 · lerhxx 2017-01-08翻译  
Web

Polygon 的 PlayStation 4 Review 和 Xbox One Review,是 Vox media 编辑部和产品部共同合作所达到的前所未有的水平。目的是创造一种极高的触控性能,以凸显我们的作者和视频团队的才能,同时也希望挑战 longform 的...

xjcloudy

Progressive Web Apps 入门 (2)

137阅读 · xjcloudy 2017-01-08翻译  
Web

TL;DR: 近几年随着Web技术的显著发展使得开发者能够很轻松的通过部署一个网站或者web应用服务全球成千上万的用户。仅仅通过一个浏览器,通过URL就可以访问到一个web应用。有了PWA ,开发者能够使用先进的web技术来给用户带来很棒的类似app一样的体验。在...

踏歌

SUIT CSS 简介 - 网页设计周刊

85阅读 · 踏歌 2017-01-07翻译  
Web CSS

我们作为开发人员面临的一个令人生畏的问题是“我将如何在项目中结构化一些东西?”作为一个框架,SUIT CSS提供了一个架构的实现,其他人可以使用它来作为应用开发的基础。 把它看成是解决混乱结构的最佳方式,减少css在执行往往缺少设计原则时的恐惧和无助(相比于其他像Ja...

小小文

编写可测试的JavaScript代码-令人疲惫的JavaScript

151阅读 · 小小文 2017-01-07翻译  
Web

一开始,这篇文章是为Toptal's tech blog写的,为了后人着想,我又把他发到了这里。 无论是在使用Node的时候,配合着测试框架(像Mocha或者Jasmine),或者是使用DOM-无关的无头浏览器(如PhantomJS),关于对JavaScrip...

flyback

我是一个糟糕的开发者,以下是唯一合理的解释

102阅读 · flyback 2017-01-07翻译  
Web

当我是一名Web开发人员,同时是某个领域的专家的时候,我记得我第一次开始感到不安,我的项目被强制安排进度以达到过程的每一分钟都必须是合理的。我十分害怕去查看我的电子邮件,去上卫生间,甚至去解决那些十分容易却要花很多时间的问题。 我的意思是为什么天天花费几个小时分别在F...

camiler

coding,永不止步

81阅读 · camiler 2017-01-06翻译  
Web

实话说,你是一个优秀的工程师候选人么?你如何自我评价?你面试了几家公司?你现场面试获得offer的比例怎样?试试下面的公式(完全是我凭空想象的,没有任何意义): # x = 面试的公司数量 # y = 获得offer的数量 value = 100 * ln(x) *...

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