我要反馈问题

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

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

友情链接

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

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

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

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

立即体验

京ICP备17024260号

Athon

5分钟介绍Styled Components

200阅读 · Athon 2天前翻译  
Web JavaScript

CSS很奇怪,你花上15分钟就可以学会它的基础,但是需要花费数年才能想到一个好方法来组织你的样式。 造成上述问题的一部分原因是由于语言本身的怪癖。除了盒模型以外,CSS是很局限的:没有变量、循环或者函数。同时,它又允许你使用元素、类、ID或者他们的组合来改变样式。...

非主流童话

机器学习:用Javascript实现k-均值聚类分析算法

148阅读 · 非主流童话 3天前翻译  
Web Algorithm

机器学习帮助我们分类和处理大量的数据。我们可以对数据提出各种各样的问题,并且希望机器学习能够回答它们:这个数据点最相似的地方是什么?数据是否有模式?根据过去的趋势,我们能否预测未来会发生什么?这些问题适用于所有的研究领域。 这篇文章是JavaScript机器学习系列...

wlclark

JavaScript: 回调究竟是什么? – Hacker Noon

133阅读 · wlclark 3天前翻译  
Web JavaScript

花6分钟用简单的实例学习理解回调的基本概念。 什么是回调? 简而言之: 回调是在另一个函数执行完毕之后才会执行的函数,因此叫做回调。 更复杂一点的解释:在JavaScript里,函数是对象。所以,函数既可以当做函数的参数,也可以当做函数的返回值。这样的函数叫做高阶函...

lunasun

CSS vs. JavaScript: 相信 vs. 控制 | Christian Heilmann

1129阅读 · lunasun 2017-07-14翻译  
Web CSS

当阿姆斯特丹的GotoConf要求我发言时,我以为这将是另一场机器学习或Progressive Web Apps的发言。但是,组织者要求我涉及CSS,这一在他们的“编程语言”中被低估的语言。说起来我从最开始就一直是CSS的粉丝。但我觉得一个硬核的开发会议参与者并不会对...

is_january

React 组件解耦之道 – DailyJS – Medium

321阅读 · is_january 2017-07-10翻译  
Web JavaScript

React 组件很强大,而且很灵活,因为有那么多工具可以任你使用,所以组件很容易就会随着时间推移而不断扩展,变得臃肿不堪,又承担太多的任务。 就好像任何其他编程语言,坚持 单项责任原则 不仅会使你的组件更易于维护,而且也会给予你更好的重用性。但是,区别怎样来把一个庞大...

chechengpeng

从 Angular 迁移到 Vue: 一个 vuetiful 的旅程 – Hemant Rai – Medium

208阅读 · chechengpeng 2017-07-08翻译  
Web JavaScript

从 Angular 迁移到 Vue 我从事于一个有着几个前端平台的 SaaS 产品,它们全部都是在 Angular 1 框架上编写的。在生产环境运行了两年多之后,Angular 已显现出其颓势而且随着数据的增长它处理起来也显得力不从心(大于2000个watchers...

camiler

响应式导航模式概述 – Smashing Magazine

286阅读 · camiler 2017-07-07翻译  
Web HTML CSS JavaScript

说响应式web设计改变了我们的行业顶多是一句轻描淡写。过去我们经常会询问客户希望我们支持哪种设备和分辨率,但现在我们知道是“尽可能多的”。为了应对这样的挑战,并处理我们日益复杂的世界,web行业已经爆发出了新的思维,模式和方法。 在这篇文章中,我想主要看一下响应式导航...

myvin

从 30 岁的管道工到 32 岁的 web 开发者的华丽转身

480阅读 · myvin 2017-07-07翻译  
Web PHP 梦想 转行

朋友们经常问我,我为什么会决定在我 30 岁的时候放弃稳定、工资优厚的管道工工作,去学习码代码,并成为一名 web 开发者的。 我的回答是:为什么不呢?Web 开发太酷了! 我一直对计算机很感兴趣。过去我对 HTML 和 PHP 有所涉猎,不幸的是——我相信我们每个...

zhouweicsu

Facebook Prepack --JavaScript 的下一个杀手级工具

243阅读 · zhouweicsu 2017-07-05翻译  
Web JavaScript

这几天社交网络上都在热火朝天地讨论 Prepack。也许你还没听过这个名词。这很正常!因为这个工具才开源没几天。Prepack 由 Facebook 出品,目前还在积极开发阶段。目前还属于实验性质,仍处于早期阶段,但它简直棒极了 😱。 本文会简单介绍 Prepac...

易公子

The Many Meanings of Event-Driven Architecture -- Martin Fowler - ThoughtWorks Tech Talks NYC (New York, NY)| Meetup

134阅读 · 易公子 2017-07-05翻译  
Web

马丁.福特, ThoughtWorks的首席科学家,将会发表关于“事件驱动架构的许多含义”的演讲. 场馆上午6:30开放,演讲开始于上午7:00. 场馆会提供食物还有茶点。 演讲者简介 马丁.福特,著名作家,软件咨询师和演讲家,拥有20年帮助企业在关键任务信息系统中应...

myvin

iOS 不支持 PWA,那又怎么样? - Cloud Four

325阅读 · myvin 2017-07-05翻译  
Web PWA iOS JavaScript

对于为什么没有组织机构投资 PWA 存在着一个普遍的观点:iOS 不支持 PWA。这简直就是胡说八道。 这里给出组织机构应该毫无顾忌地投资 PWA 的几点原因。 来源: Pixabay PWA 在 iOS 上仍然可以运行 iOS 不完全支持 PWA 1的所有特性...

郑 farmer

Git 配置最佳实践

3014阅读 · 郑 farmer 2017-07-05翻译  
Web

我喜欢Git,每天都在使用它。正如我最近所做的事情,花了一些时间通篇阅读文档,并检查我的全局 Git 配置。欢迎阅读stack improvements系列第四篇文章。 一切都是Git 我开始写代码的时代还非常古老,那时候使用文件复制和Visual SourceSaf...

Nero0

Webpack入门指南: 入口,输出,加载器和插件 | CSS-Tricks

424阅读 · Nero0 2017-07-04翻译  
Web CSS

前端开发已经变成模块化的方式,代码的封装和结构也响应的提高了。工程化变成每一个项目非常关键的一部分,关于前端工程化的选择也非常的多。 这几年Webpack获得了很高的人气,因为它强大的功能和可扩展性,但是有一些开发者觉得在编写配置文件的时候感觉疑惑,较难去适应we...

sean

为你先进的Web应用所提供的 Webpack loaders 和 plugins

177阅读 · sean 2017-07-04翻译  
Web JavaScript

如果你已经知道了 Webpack 是什么、它为什么如此的强大以及它是如何工作的,那么就让我们直接开始吧: 或许你已经知道了一些比如style-loader、html-webpack-plugin、extract-text-webpack-plugin、file-lo...

liuhui_is_me

让你备受刮目相看的8个npm技巧

4157阅读 · liuhui_is_me 2017-07-04翻译  
Web Node.js NPM

你观看一个同事编码时候,你会看到一些速记和技巧被应用,有些方式你并不熟悉,那你就被鄙视了,这种事情在我们每一个一生都会发生的。 在这篇文章中,我将介绍一些很有用的npm技巧,还有很多这里并不能全收录,我们只关注那些相关的并且有益于我们每天的工作和开发的技巧。 基本的速...

garnett

为什么你不能缺少Linter

363阅读 · garnett 2017-07-04翻译  
Web JavaScript Linter

为什么你不能缺少Linter ...或是一个漂亮的格式化工具 当我们在谈论Linter时,有些人只会认为它们是针对代码风格的。没错,即使代码风格校验确实是Linter的主业,但是它能做的事情远不止于此。它能够让你少犯错误少踩坑。 Linter将帮助你在一些场景中捕...

我是搬运工

一起探索 ES6 的 Generators

602阅读 · 我是搬运工 2017-07-03翻译  
Web JavaScript

Generators 是可迭代对象的一种实现。 Generators 能够解决的问题就是他们是能够在维护上下文时使运行暂停的函数。 当处理那些需要暂停的运行时,这个运行方式是重要的,它的上下文被维持是为了在将来恢复。 异步开发是不是听起来很熟悉? 语法 genera...

Doraemonls

论CSS中可使用的font-size的长度单位

256阅读 · Doraemonls 2017-07-02翻译  
Web CSS

本文由Tom Hodgins审阅。感谢SitePointer的编审们,帮助SitePoint提供最优质的内容给读者! CSS给开发者提供了许多种长度单位,用于各种不同的CSS属性,如margin,padding,line-height还有font-size。为了满足...

zhifan

Redux vs MobX: 哪一个最合适你的项目? — SitePoint

302阅读 · zhifan 2017-07-02翻译  
Web

对于很多 JavaScript 开发者,对 redux 最大的抱怨来主要在于当使用 redux 来实现需求的时候需要写大量的模板代码。一个更好的选择是 mobx,mobx 提供了类似的功能但是只需要写更少量的代码。 关于作者 Node 包管理器 npm 初学者指...

is_january

ES8 的 5 个特性以及对 ES9 的展望 - Blog | SitePen

2037阅读 · is_january 2017-07-02翻译  
Web JavaScript ES6

当我们即将完成本提案的时候,相比前辈 ES7 的简单更新,ES8 看上去会发布更多重要特性! 我们想要花点时间来重点提一下未来 2017 版的我们最喜欢的 5 项内容。 1. Object.entries 和 Object.values 这个更新是令我们非常激动的一...

myvin

Web 开发 17 年的所见所得 - Daniel Khan | @RisingStack

2586阅读 · myvin 2017-07-02翻译  
Web JavaScript Coding 程序员

关于 NodeConfBP NodeConfBP 会议于 2017 年 1 月在布达佩斯召开,本次会议为期一天,只有一个演讲室,由 RisingStack - the Node.js Consulting & Development Company 组织并提供...

52admln

为什么我会选择 React 而不是 Vue? – Steven Poulton – Medium

616阅读 · 52admln 2017-07-01翻译  
Web JavaScript

你注意到我过于圆滑的标题了吗?我将依据我所喜欢的方式去构建这个对话,而不是我客观上认为的唇枪舌战。我想后者并不会起作用。 React 和 Vue 从表面上来看是非常相似的,我在项目当中使用了这两个框架。他们都运用了 virtual DOM 并且都是重点关注 View...

橙橙橙

你一定要知道的 Chrome DevTool 新功能

585阅读 · 橙橙橙 2017-06-30翻译  
Web

你一定要知道的 Chrome DevTool 新功能 使用 Lighthouse 来提高网页质量 Chrome开发团队致力于那些让我们的浏览和开发体验变得更好的功能和改进。谷歌I/O 2017 开发者大会在四月成功举办,期间Google 向外界展示了很多重要的东西,其...

SijieCai

使用线程池让 NGINX 9x 跑的飞起

456阅读 · SijieCai 2017-06-30翻译  
Web JavaScript

众所周知,NGINX使用一种异步的、事件驱动的方法来处理连接。不像传统服务器架构每一个请求会创建独立进程或线程来处理,它用单个进程处理多个连接和请求。NGINX使用非堵塞的 sockets 并使用高效的epoll或者kqueue方法。 因为满载进程的数量较少(通常一对...

miaoyu

构建一个React组件库 | 第三部分

138阅读 · miaoyu 2017-06-30翻译  
Web JavaScript React

引言 该系列文章将通过创建一个组件库来引导你学习如何构建自己的组件库。 这是第三部分,如果你还没有读 第一部分和 第二部分,我建议你先读。 我们将讨论: 创建一个Label元素 让我们的按钮元素有更强的可扩展性 元素尺寸的一致性 添加一个Label元素 $...

我是搬运工

虚拟 DOM 内部是如何工作的?

2446阅读 · 我是搬运工 2017-06-29翻译  
Web JavaScript

流程图展现VDOM在Preact中如何工作 虚拟DOM (VDOM 也叫 VNode)非常有魔力 ✨ 但是也非常复杂和难以理解😱. React, 在Preact和一些类似的JS库的核心代码中使用. 不幸的是我发现没有一篇好的文章或者文档简洁明了的来介绍它。 因此我...

Chloe

DevTools 有哪些新东西?(Chrome 59)

239阅读 · Chloe 2017-06-28翻译  
Web

欢迎来到新一期的 DevTools 发版说明。看下面的视频或者读下面的文章来了解一下 Chrome59 的 DevTools 有什么新功能吧! Note: 你可以通过 chrome://help查看当前的 chrome 版本。 划重点 CSS 和 JS 代码覆盖率...

liuhui_is_me

了解CSS3位移时间属性

635阅读 · liuhui_is_me 2017-06-28翻译  
Web CSS

朋友们,现在你要保持冷静,因为错综复杂的非常有趣的CSS时间函数将会带你体验美妙的时刻 好的,所以这篇文章的主题可能没有在你的血液中,但除了所有的玩笑外,时间函数是一个隐藏的宝石当谈到CSS动画,你可以很惊讶的是你能做多少。 SmashingMag上更多的推荐阅读...

hxh

新的开发者提及最多的12个YouTube视频

192阅读 · hxh 2017-06-28翻译  
Web JavaScript

在 freeCodeCamp 聊天室中被共享最多的其中一个视频仍然是来自 Shia LaBeouf 的励志视频。 freeCodeCamp 社区每周都会产生十亿字节的数据。社区中最活跃的部分是聊天室系统。数以千计的人在那里闲逛,讨论技术,互相帮助,提高编程技能。 我...

is_january

Rust, WebAssembly 与 Webpack 入门攻略

423阅读 · is_january 2017-06-28翻译  
Web JavaScript

我在 Twitter 上已经看了很多非常棒的#wasm (WebAssembly)的相关内容, 后来在 Hacker News 也是,但是我并不是很清楚它到底是什么,或者说怎么才能开始使用它。因为它很新,Chrome 在去年三月才进行实装,最新的文档又很少,因此在努力...

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